@charset "UTF-8";
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2) format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. other color
  02. text color
  03. bg color
  04. button color
  05. border color
  06. font family
  07. font weight

**********************************************/
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. 

**********************************************/
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Common css
  02. Loader css

**********************************************/
input:focus,
.form-control:focus,
button:focus,
.btn:focus,
.form-check-input:focus {
  box-shadow: unset;
}

a {
  text-decoration: none !important;
}

body {
  font-family: "Roboto";
  background-color: #F4F3F0;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto";
  border: 0;
}

.preloader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999;
}
.preloader .preloaderInner {
  width: 100%;
  height: 100%;
}
.preloader .preloaderInner .loaderGroup .loaderContent .loading {
  left: 50%;
  top: 50%;
  font-size: 50px;
  font-family: "Roboto";
  font-weight: bold;
  letter-spacing: 4.4px;
  text-transform: capitalize;
  position: absolute;
  overflow: hidden;
  transform: translate(-50%, -60%);
}
.preloader .preloaderInner .loaderGroup .loaderContent .loading:before {
  color: #aaa;
  content: attr(data-loading-text);
}
.preloader .preloaderInner .loaderGroup .loaderContent .loading:after {
  top: 0;
  left: 0;
  width: 0;
  opacity: 1;
  color: #08FAC2;
  overflow: hidden;
  position: absolute;
  content: attr(data-loading-text);
  animation: loading 5s infinite;
}
@keyframes loading {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.preloader.homeTwoPreloader .preloaderInner .loaderGroup .loaderContent .loading:after {
  color: #ffffff;
}

.commonHeading {
  margin-bottom: 30px;
}
.commonHeading span {
  font-weight: 500;
  font-size: 35px;
  line-height: 40px;
  font-weight: 600;
  color: #FF4800;
  margin-bottom: 20px;
  display: inline-block;
}
.commonHeading h2 {
  font-weight: 600;
  font-size: 44px;
  line-height: 55px;
  color: #091723;
  margin-bottom: 14px;
  border: 0;
}
.commonHeading p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
}

.evCommonInnerPageHeadingTwo {
  width: 60%;
  margin: 0 auto;
  margin-bottom: 60px;
}
.evCommonInnerPageHeadingTwo h6 {
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #111111;
}
.evCommonInnerPageHeadingTwo p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #858585;
}

@keyframes mover1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes mover2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes mover3 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-15px);
  }
}
@keyframes mover4 {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateX(-15px);
  }
}
@keyframes stroke2 {
  0% {
    fill: #fff;
    stroke: transparent;
  }
  50% {
    fill: #111;
    stroke: #28E98C;
  }
  100% {
    fill: #fff;
    stroke: transparent;
  }
}
@keyframes stroke1 {
  0% {
    fill: rgba(72, 138, 20, 0);
    stroke: #28E98C;
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 50%;
    stroke-width: 2;
  }
  70% {
    fill: rgba(72, 138, 20, 0);
    stroke: #28E98C;
  }
  80% {
    fill: rgba(72, 138, 20, 0);
    stroke: #28E98C;
    stroke-width: 3;
  }
  100% {
    fill: #28E98C;
    stroke: rgba(54, 95, 160, 0);
    stroke-dashoffset: -25%;
    stroke-dasharray: 50% 0;
    stroke-width: 0;
  }
}
@keyframes mover6 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes blink1 {
  0% {
    transform: translateZ(10px);
  }
  20% {
    transform: translateY(10px);
  }
  40% {
    transform: translateZ(10px);
  }
  60% {
    transform: translateY(10px);
  }
  80% {
    transform: scaleX(1.2);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes blink2 {
  0% {
    transform: translateZ(10px);
  }
  20% {
    transform: translateY(10px);
  }
  40% {
    transform: translateZ(10px);
  }
  60% {
    transform: translateY(10px);
  }
  80% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes mover5 {
  0% {
    transform: translateZ(5px);
  }
  20% {
    transform: translateY(5px);
  }
  40% {
    transform: translateZ(5px);
  }
  60% {
    transform: translateY(5px);
  }
  80% {
    transform: translateZ(5px);
  }
  100% {
    transform: translateY(5px);
  }
}
/*-----------------------------------------------------------------------------------
  Template Name: Dubai health
  Version: 1.0.0
*/
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. header 

**********************************************/
.header {
  background-color: #F4F3F0;
  padding: 30px 0;
  top: 0;
  position: relative;
  z-index: 9999;
  border: 0.5px solid rgba(255, 255, 255, 0.3);
}
.header.headerActive {
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  background: #F4F3F0;
  animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.headerInner {
  padding: 0 50px;
  display: flex;
  align-items: center;
}

.headerRight {
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
}

.headerMenu ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.headerMenu ul li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  background-color: transparent !important;
}
.headerMenu ul li a:focus {
  color: #FF4800;
}
.headerMenu ul li a:hover {
  color: #FF4800;
}
.headerMenu ul.dropdown-menu {
  max-height: 220px;
  overflow-y: auto;
}

.headerMiniMenu {
  margin-left: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mobSidebar {
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  padding: 40px 20px;
  height: 100vh;
  z-index: 99;
  width: 250px;
  box-shadow: 2px 0px 10px 2px rgba(150, 147, 147, 0.7607843137);
  transform: translateX(-800px);
  transition: all 0.4s ease;
  z-index: 99999;
  overflow: auto;
}
.mobSidebar.active {
  transform: translate(0);
}
.mobSidebar .headerMenu .sidebarLogo {
  margin-bottom: 20px;
}
.mobSidebar .headerMenu .sidebarLogo img {
  width: 100%;
}
.mobSidebar ul {
  flex-direction: column;
  margin-left: 0;
}
.mobSidebar ul li {
  margin-bottom: 0;
}
.mobSidebar ul li a {
  padding: 8px 0;
  color: #091723;
  background-color: transparent !important;
}
.mobSidebar ul li a:hover {
  color: #FF4800;
}
.mobSidebar ul li .dropdown-menu li a {
  padding: 8px;
  color: #091723;
}

/* ===== Basic button reset ===== */
.menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 6px;
  cursor: pointer;
  line-height: 0;
  border-radius: 6px;
}

/* optionally show a focus ring for keyboard accessibility */
.menu-toggle:focus {
  outline: none;
}

/* ===== SVG lines ===== */
.menu-icon {
  display: block;
}

/* set stroke color here — modify as needed */
.menu-icon .line {
  stroke: currentColor;
  transition: transform 260ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 200ms ease, stroke-width 160ms ease;
  transform-origin: 12px 12px;
  /* SVG center */
}

/* Slight visual thickness when closed */
.menu-icon .line {
  stroke-width: 2.2;
}

/* Open state styles (when button has .is-open) */
.menu-toggle.is-open .line--top {
  transform: translateY(6px) rotate(45deg);
}

.menu-toggle.is-open .line--mid {
  opacity: 0;
  transform: scaleX(0);
}

.menu-toggle.is-open .line--bot {
  transform: translateY(-6px) rotate(-45deg);
}

/* Optional: hover effect */
.menu-toggle:hover .line--top,
.menu-toggle:hover .line--bot {
  transform-origin: 12px 12px;
}

/* Small sizes variants */
.menu-toggle.small svg {
  width: 28px;
  height: 28px;
}

.menu-toggle.large svg {
  width: 44px;
  height: 44px;
}

/* Dark/light example using currentColor */
.menu-toggle {
  color: #111;
}

/* default color */
.menu-toggle.inverse {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.searchBox {
  position: fixed;
  z-index: 99999;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.94);
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
}
.searchBox.active {
  display: block;
}
.searchBox .searchInner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.searchBox .searchInner .searchBoxContent {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.searchBox .searchInner .closeSearchBoxIcon {
  position: absolute;
  top: 40px;
  right: 40px;
}
.searchBox .searchInner .closeSearchBoxIcon img {
  width: 30px;
  filter: brightness(0) invert(1);
}
.searchBox .searchInner .search-container {
  width: 800px;
  display: block;
  margin: 0 auto;
}
.searchBox .searchInner .search-container .input-group {
  flex-wrap: nowrap;
  padding: 8px 10px;
  background-color: transparent;
  border-bottom: 1px solid #ffffff;
}
.searchBox .searchInner .search-container .input-group input#search-bar {
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 0;
  outline: none;
  background-color: transparent;
  color: #ffffff;
}
.searchBox .searchInner .search-container .input-group input#search-bar::placeholder {
  color: #ffffff;
}
.searchBox .searchInner .search-container .input-group input#search-bar:focus {
  border: 0;
  transition: 0.35s ease;
}
.searchBox .searchInner .search-container .input-group input#search-bar:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
.searchBox .searchInner .search-container .input-group input#search-bar:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
.searchBox .searchInner .search-container .input-group input#search-bar:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
.searchBox .searchInner .search-container .input-group button {
  border: 0;
  background-color: transparent;
}
.searchBox .searchInner .search-container .input-group button img {
  width: 20px;
}

.headerTwo {
  z-index: 9999;
  position: relative;
}
.headerTwo.active {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.35s ease-out;
  background-color: #ffffff;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.headerTwo .headerTwoOuter {
  padding: 15px 40px;
  position: relative;
}
.headerTwo .headerTwoOuter:after {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, #FF4800 52%, rgba(255, 255, 255, 0.1) 100%);
  width: 84%;
  height: 1px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.headerTwo .headerTwoOuter .headerTwoInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoMenu ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoMenu ul li a {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
  background-color: transparent !important;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoMenu ul li a:hover {
  color: #FF4800;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoMenu ul li.active a {
  color: #FF4800;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoMenu ul.dropdown-menu {
  max-height: 220px;
  overflow-y: auto;
  margin-bottom: 0;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoRight {
  display: flex;
  align-items: center;
  gap: 20px;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoRight .togBtnGrp {
  border: 1px solid #091723;
  border-radius: 50px;
  padding: 4px;
}
.headerTwo .headerTwoOuter .headerTwoInner .headerTwoRight .togBtnGrp .toggleIcon {
  padding: 0 6px;
}

.headerThree {
  z-index: 9999;
  position: relative;
  padding: 30px;
}
.headerThree.active {
  position: fixed;
  box-shadow: #091723;
  animation: slideDown 0.35s ease-out;
  background-color: #ffffff;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.headerThree .headerThreeOuter {
  padding: 18px 50px;
  position: relative;
  background: #091723;
  border-radius: 50px;
}
.headerThree .headerThreeOuter:after {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, #FF4800 52%, rgba(255, 255, 255, 0.1) 100%);
  width: 84%;
  height: 1px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.headerThree .headerThreeOuter .headerThreeInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeLogo img {
  width: 200px;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul li a {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul li a:hover {
  color: #FF4800;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul li.active a {
  color: #FF4800;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul li .dropdown-menu li a {
  color: #000;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul li .dropdown-menu li a:hover {
  color: #FF4800;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeMenu ul.dropdown-menu {
  max-height: 220px;
  overflow-y: auto;
  margin-bottom: 0;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeRight {
  display: flex;
  align-items: center;
  gap: 20px;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeRight .togBtnGrp {
  border: 0;
  border-radius: 50px;
  padding: 4px;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeRight .togBtnGrp .toggleIcon {
  padding: 0 6px;
}
.headerThree .headerThreeOuter .headerThreeInner .headerThreeRight .togBtnGrp .toggleIcon img {
  filter: invert(100%) sepia(0%) saturate(227%) hue-rotate(144deg) brightness(113%) contrast(100%);
}

.sidebarInfo {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  height: 100vh;
  background-color: #ffffff;
  z-index: 9999;
  padding: 40px;
  box-shadow: 0px 0px 32px 6px #949494;
  transform: translateX(500px);
  transition: all 0.4s ease;
}
.sidebarInfo.active {
  transform: translateX(0px);
}
.sidebarInfo .sidebarInfoInner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 100%;
}
.sidebarInfo .sidebarInfoInner .sidebarInfoClose {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sidebarInfo .sidebarInfoInner .sidebarInfoClose a img {
  width: 24px;
}
.sidebarInfo .sidebarInfoInner .slidebarContact {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  height: 100%;
}
.sidebarInfo .sidebarInfoInner .slidebarContact ul {
  margin-left: 0;
}
.sidebarInfo .sidebarInfoInner .slidebarContact ul li a .footContactInfo .footContactInfoTxt p {
  color: #000;
  font-size: 16px;
}
.sidebarInfo .sidebarInfoInner .slidebarContact ul li a .footContactInfo .footContactInfoTxt h5 {
  color: #000;
  font-size: 16px;
}
.sidebarInfo .sidebarInfoInner .slidebarContact ul li a:hover .footContactInfo .footContactInfoTxt h2 {
  color: #FF4800;
}
.sidebarInfo .sidebarInfoInner .slidebarContact ul li a:hover .footContactInfo .footContactInfoTxt p {
  color: #FF4800;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. button 01

**********************************************/
.btnLink {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.btnLink:hover {
  color: #FF4800;
}
.btnLink:hover svg {
  filter: invert(31%) sepia(94%) saturate(2496%) hue-rotate(1deg) brightness(103%) contrast(103%);
}

.registerBtn {
  background: #091723;
  border-color: #091723;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  border-radius: 12px;
}
.registerBtn:hover {
  background: #FF4800;
  border-color: #FF4800;
  color: #ffffff;
}

.btn1 {
  padding: 12px 30px;
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  border-radius: 12px;
  transition: all 0.4s ease;
}
.btn1:hover {
  background: #FF4800;
  border-color: #FF4800;
  color: #ffffff;
}

.btn1 {
  padding: 12px 30px;
  border: 1px solid #FF4800;
  background-color: #FF4800;
  color: #ffffff;
  border-radius: 12px;
  transition: all 0.4s ease;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  white-space: nowrap;
}
.btn1.br50 {
  border-radius: 50px;
}
.btn1:hover {
  background: transparent;
  border-color: #FF4800;
  color: #FF4800;
}

.btn2 {
  padding: 12px 30px;
  border: 1px solid #091723;
  background-color: #091723;
  color: #ffffff;
  border-radius: 12px;
  transition: all 0.4s ease;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}
.btn2:hover {
  background: #FF4800;
  border-color: #FF4800;
  color: #ffffff;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. blog Info

**********************************************/
.blog {
  margin-top: 100px;
}

.blogInfo {
  padding: 100px 0px 50px 0;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem {
  padding: 40px;
  border-radius: 30px;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem:hover {
  background-color: #ffffff;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem:hover .blogInfoHead span {
  background-color: #FF4800;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem:hover .blogInfoHead h2 {
  color: #FF4800;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem:hover .blogInfoHead h2 a {
  color: #FF4800;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem .blogInfoHead {
  display: flex;
  gap: 25px;
  margin-bottom: 0px;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem .blogInfoHead span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #091723;
  width: 80px;
  height: 80px;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem .blogInfoHead h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #091723;
  width: calc(100% - 100px);
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem .blogInfoHead h2 a {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #091723;
}
.blogInfo .blogInfoOuter .blogInfoInner .blogInfoCardGroup .blogInfoCardItem p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
}

.blogInner .commonHeading {
  margin-bottom: 40px;
  text-align: center;
}

.blogCardGroup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
}
.blogCardGroup.twoColumnBlog {
  grid-template-columns: repeat(2, 1fr);
}
.blogCardGroup.threeColumnBlog {
  grid-template-columns: repeat(3, 1fr);
}
.blogCardGroup.fourColumnBlog {
  grid-template-columns: repeat(4, 1fr);
}
.blogCardGroup:after {
  content: "";
  background-image: url(/images/shape1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 140px;
  display: inline-block;
  position: absolute;
  top: -36px;
  right: -37px;
  z-index: -1;
}
.blogCardGroup .blogCardItem:hover .blogCardImg img {
  scale: 1.1;
}
.blogCardGroup .blogCardItem:hover .blogCard h2 {
  color: #FF4800;
}
.blogCardGroup .blogCardItem:hover .blogCard h2 a {
  color: #FF4800;
}
.blogCardGroup .blogCardItem .blogCardImg {
  overflow: hidden;
  border-radius: 30px;
}
.blogCardGroup .blogCardItem .blogCardImg img {
  width: 100%;
  transition: all 0.4s ease;
}
.blogCardGroup .blogCardItem .blogCard h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #091723;
  transition: all 0.4s ease;
}
.blogCardGroup .blogCardItem .blogCard h2 a {
  color: #091723;
  transition: all 0.4s ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.blogCardGroup .blogCardItem .blogCard h2:hover a {
  color: #f43b1c;
}
.blogCardGroup .blogCardItem .blogCard p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blogCard {
  padding: 25px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-top: 15px;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.blogCard .blogCardHead {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}
.blogCard .blogCardHead .blogListItem {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blogCard .blogCardHead .blogListItem img {
  width: 16px;
}
.blogCard .blogCardHead .blogListItem span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #091723;
}

.counterSec {
  background-color: #091723;
  padding: 80px 0;
}
.counterSec .counterOuter .counterInner .counterItemGroup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.counterSec .counterOuter .counterInner .counterItemGroup .counterItem .counterIcon {
  text-align: center;
  margin-bottom: 8px;
}
.counterSec .counterOuter .counterInner .counterItemGroup .counterItem .counterContent h2 {
  font-weight: 500;
  font-size: 56px;
  line-height: 66px;
  text-align: center;
  color: #ffffff;
  padding: 0;
}
.counterSec .counterOuter .counterInner .counterItemGroup .counterItem .counterContent span {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  display: block;
}

.synergizeResources {
  padding: 50px 0;
  position: relative;
}
.synergizeResources .synergizeResourcesOuter {
  position: relative;
  z-index: 1;
}
.synergizeResources .synergizeResourcesOuter .commonHeading {
  margin-bottom: 40px;
}
.synergizeResources .synergizeResourcesOuter::after {
  content: "";
  background-image: url(/images/shape1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 140px;
  display: inline-block;
  position: absolute;
  bottom: -36px;
  left: 114px;
  z-index: -1;
}

.synergizeResourcesItem {
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.synergizeResourcesItem:hover .synergizeResourcesImg .synreSourHovr {
  display: flex;
  transform: scaleY(1);
}
.synergizeResourcesItem:hover .synergizeResourcesContent h2 {
  color: #FF4800;
}
.synergizeResourcesItem .synergizeResourcesImg {
  position: relative;
}
.synergizeResourcesItem .synergizeResourcesImg img {
  width: 100%;
}
.synergizeResourcesItem .synergizeResourcesImg .synreSourHovr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  gap: 10px;
  transform: scaleY(0);
  transition: all 0.4s ease-in-out;
}
.synergizeResourcesItem .synergizeResourcesImg .synreSourHovr span {
  font-family: "Roboto";
  font-weight: 800;
  font-size: 200px;
  line-height: 235px;
  text-align: center;
  color: #FFEDE5;
}
.synergizeResourcesItem .synergizeResourcesImg .synreSourHovr img.synreSourImg {
  width: 100px;
  height: 100px;
  box-shadow: -6px 14px 20px 13px #ffdecf;
  border-radius: 50px;
  position: relative;
  top: 28px;
  right: 28px;
  object-fit: cover;
}
.synergizeResourcesItem .synergizeResourcesContent h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 28px;
  color: #091723;
}
.synergizeResourcesItem .synergizeResourcesContent h2 a {
  color: #091723;
}
.synergizeResourcesItem .synergizeResourcesContent h2:hover a {
  color: #FF4800;
}
.synergizeResourcesItem .synergizeResourcesContent p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 6px;
}

.synergizeResourcesGroup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.synergizeResourcesGroup .synergizeResourcesItem {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 30px;
}
.synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesImg {
  margin-bottom: 20px;
  border-radius: 50px;
}
.synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesImg img {
  border-radius: 20px;
}
.synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesContent h2 {
  margin-bottom: 20px;
}

.ourTrustedPartner {
  padding: 100px 0;
}
.ourTrustedPartner .ourTrustedPartnerOuter .commonHeading {
  width: 50%;
  margin: 0 auto;
}
.ourTrustedPartner.ourTrustedPartnerMR {
  padding-top: 0px;
}

.startConversation {
  margin-top: 100px;
  margin-bottom: 100px;
}
.startConversation .startConversationInner {
  display: flex;
  justify-content: space-between;
  background-color: #091723;
  background-image: url("/images/bg1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 30px;
  gap: 15px;
}
.startConversation .startConversationInner .startConversationItem .startConversationHeading {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px;
}
.startConversation .startConversationInner .startConversationItem h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #ffffff;
}
.startConversation .startConversationInner .startConversationItem h2 span {
  color: #FF4800;
}
.startConversation .startConversationInner .startConversationItem p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
}

.startConversationImg {
  height: 100%;
  display: flex;
  align-items: self-end;
}

.startConversationBtn {
  padding: 20px 54px 20px 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.accordionGroup .card {
  border: 0;
  background-color: transparent;
  margin-bottom: 50px;
  border-radius: 25px;
  padding: 0;
  transition: background-color 0.4s ease, padding 0.4s ease;
}
.accordionGroup .card:has(.collapse.show) {
  background-color: #ffffff;
  padding: 20px 30px;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.accordionGroup .card:last-child {
  margin-bottom: 0;
}
.accordionGroup .card-header {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.accordionGroup .card-header a {
  border: 0;
  position: relative;
  display: block;
}
.accordionGroup .card-header a h2 {
  text-align: left;
  margin-bottom: 12px;
  padding-right: 32px;
  font-size: 18px;
}
.accordionGroup .card-header a::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
  transform: translateY(-50%);
  right: 0;
  top: 50%;
  background-image: url("../images/icons/plus.png");
  position: absolute;
  transition: transform 0.3s ease;
}
.accordionGroup .card-header a[aria-expanded=true]::after {
  background-image: url("../images/icons/minus.png");
}
.accordionGroup .card-body {
  padding: 0;
}
.accordionGroup .card-body p {
  font-family: "Poppins";
  font-weight: 400;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 0;
}

.brandLogo {
  padding: 0 60px;
}

.ourTrustedPartnerOuter {
  margin-top: 40px;
}

.weAreAccounting {
  padding-bottom: 100px;
}
.weAreAccounting .weAreAccountingOuter .weAreAccountingInner .weAreAccountingImg img {
  width: 100%;
  padding-right: 60px;
}
.weAreAccounting .weAreAccountingOuter .weAreAccountingInner .weAreAccountingContent {
  padding-right: 150px;
}

.testimonialsContent .testimonialsHeadingSlider {
  width: 50%;
  margin-bottom: 20px;
}
.testimonialsContent .testimonialsHeadingSlider span {
  font-weight: 400;
  font-size: 26px;
  color: #FF4800;
}
.testimonialsContent .testimonialsHeadingSlider h2 {
  color: #091723;
  font-size: 40px;
  font-weight: 700;
}
.testimonialsContent .testimonialSlide .testimonialsSlider {
  position: relative;
}
.testimonialsContent .testimonialSlide .testimonialsSlider::before {
  position: absolute;
  content: "";
  top: 0;
  right: 20px;
  height: 60px;
  width: 60px;
  background-image: url(/images/q.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: bottom;
  z-index: 2;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter {
  position: relative;
  min-height: 260px;
  padding: 40px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(/images/bg3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: bottom;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner {
  position: relative;
  z-index: 2;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner .ratingGroup {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner .ratingGroup .star {
  display: flex;
  align-items: center;
  gap: 4px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner .ratingGroup .star .starYellow {
  color: #FF4800;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner .ratingGroup .star .starGray {
  color: #666666;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner .ratingGroup .ratingTxt h2 {
  font-weight: 700;
  font-size: 16px;
  color: #FF4800;
  margin-bottom: 0;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .testimonialsSliderOuter .testimonialsSliderInner .testimonialPara p {
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .userProfile {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .userProfile .userProfileImg img {
  background-color: #091723;
  padding: 4px;
  border-radius: 50px;
  width: 80px;
  height: 80px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .userProfile .userInfo h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 20px;
  color: #FF4800;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .userProfile .userInfo span {
  font-weight: 500;
  font-size: 16px;
  color: #95A0AD;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .slideCustomNav .owlNavBtn .btn-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .slideCustomNav .owlNavBtn .btn-wrap button {
  border: 0;
  background-color: unset;
  display: flex;
  align-items: center;
  gap: 6px;
}
.testimonialsContent .testimonialSlide .testimonialsSlider .slideBottomContent .slideCustomNav .owlNavBtn .btn-wrap button span {
  color: #FF4800;
  font-weight: 700;
}
.testimonialsContent .testimonialSlide .owl-nav {
  align-items: center;
  margin: 0 auto;
  margin-top: -56px;
  position: relative;
  z-index: 2;
  justify-content: end;
}
.testimonialsContent .testimonialSlide .owl-nav .owl-prev {
  color: #FF4800;
}
.testimonialsContent .testimonialSlide .owl-nav .owl-prev:hover {
  background-color: #ffffff;
}
.testimonialsContent .testimonialSlide .owl-nav .owl-next {
  color: #FF4800;
}
.testimonialsContent .testimonialSlide .owl-nav .owl-next:hover {
  background-color: #ffffff;
}

.testimonialsInner {
  background: #ffffff;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 24px;
  padding: 64px;
  margin-top: -80px;
}

.testimonialSlide .owl-dots {
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
  z-index: 6;
}
.testimonialSlide .owl-nav.disabled + .owl-dots {
  margin-top: -34px;
}

.testimonialSlide .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #FF4800;
}
.testimonialSlide .owl-dots .owl-dot.active span, .testimonialSlide .owl-dots .owl-dot:hover span {
  background: transparent;
  border: 1px solid #FF4800;
  width: 20px;
  height: 20px;
}

.testimonialsImg {
  position: relative;
}

.clientsSatisfy {
  width: 160px;
  border: 1px solid #ffffff;
  backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.1019607843);
  text-align: center;
  position: absolute;
  top: 8px;
  border-radius: 16px;
  left: 12px;
  padding: 20px;
}
.clientsSatisfy img {
  margin-bottom: 10px;
}
.clientsSatisfy h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  color: #FF4800;
}
.clientsSatisfy span {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #FF4800;
  display: block;
}

.watchOurExperts {
  padding: 0 0 80px;
  background-image: url(/images/bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.watchOurExpertsInner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.watchOurExpertsInner .watchOurExpertsleft {
  text-align: center;
  padding-right: 200px;
  position: relative;
}
.watchOurExpertsInner .watchOurExpertsleft::after {
  content: "";
  background-image: url(/images/line.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -100px;
  z-index: -1;
}
.watchOurExpertsInner .watchOurExpertsleft .watchExpertsInnerTxt {
  padding: 100px 0;
}
.watchOurExpertsInner .watchOurExpertsleft .watchExpertsInnerTxt h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
}
.watchOurExpertsInner .watchOurExpertsleft .watchExpertsInnerTxt .watchOurExpertsImg {
  border-radius: 100px;
  position: relative;
  padding: 20px 0;
}
.watchOurExpertsInner .watchOurExpertsleft .watchExpertsInnerTxt .watchOurExpertsImg .youtube {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.watchOurExpertsInner .watchOurExpertsleft .watchExpertsInnerTxt .watchOurExpertsImg img {
  width: 100%;
}
.watchOurExpertsInner .watchOurExpertsleft .watchExpertsInnerTxt p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
}
.watchOurExpertsInner .watchOurExpertsRight .watchOurExpertsContent {
  display: flex;
  align-items: center;
  height: 100%;
}
.watchOurExpertsInner .watchOurExpertsRight .watchOurExpertsContent .watchOurExpertGroup {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.watchOurExpertsInner .watchOurExpertsRight .watchOurExpertsContent .watchOurExpertGroup .watchOurExpertItem {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 15px;
}
.watchOurExpertsInner .watchOurExpertsRight .watchOurExpertsContent .watchOurExpertGroup .watchOurExpertItem:nth-child(2) {
  position: relative;
  left: 40px;
}
.watchOurExpertsInner .watchOurExpertsRight .watchOurExpertsContent .watchOurExpertGroup .watchOurExpertItem .watchOurExpertImg {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.watchOurExpertsInner .watchOurExpertsRight .watchOurExpertsContent .watchOurExpertGroup .watchOurExpertItem .watchOurExpertTxt p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #ffffff;
}

.ourServicesOuter {
  position: relative;
  padding: 0px 0px;
}
.ourServicesOuter::after {
  content: "";
  background-image: url(/images/shape7.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 300px;
  display: inline-block;
  position: absolute;
  bottom: 130px;
  right: 0;
  z-index: -1;
}

.ourServicesSliderSec {
  display: flex;
  gap: 20px;
}
.ourServicesSliderSec .ourServicesSlider {
  width: 40%;
}
.ourServicesSliderSec .ourServicesSlider .ourServicesCarousel .ourServicesImg {
  padding: 0px 53px 0px 0px;
}
.ourServicesSliderSec .ourServicesSlider .ourServicesCarousel .ourServicesImg img {
  width: 100%;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 50px;
}
.ourServicesSliderSec .ourServicesContent {
  width: 58%;
}
.ourServicesSliderSec .ourServicesContent .ourServiceContentInner {
  width: 80%;
  margin-top: 20px;
  padding-bottom: 40px;
}
.ourServicesSliderSec .ourServicesContent .ourServiceContentInner .commonHeading h2 {
  width: 70%;
}
.ourServicesSliderSec .ourServicesContent .ourServiceContentInner .btn1 {
  margin-top: 40px;
}
.ourServicesSliderSec .ourServicesContent .ourServiceLinkBtn {
  display: flex;
  justify-content: flex-end;
}
.ourServicesSliderSec .ourServicesContent ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0px;
}
.ourServicesSliderSec .ourServicesContent ul li {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #091723;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ourServicesSliderSec .ourServicesContent ul li::before {
  content: "";
  background-image: url("../images/icons/check.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.ourServicesCarousel .owl-nav {
  display: flex;
  gap: 20px;
  position: absolute;
  z-index: 1;
  bottom: 100px;
  right: 100px;
}
.ourServicesCarousel .owl-nav button svg {
  width: 14px;
  height: 14px;
}
.ourServicesCarousel .owl-nav button:hover {
  background: transparent !important;
}

.topSliderWrapper {
  padding-top: 50px;
}
.topSliderWrapper .topSliderOuter .topSliderInner {
  display: flex;
  align-items: center;
  gap: 30px;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent {
  width: 40%;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent .shape {
  margin-bottom: 20px;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent h1 {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 70px;
  line-height: 80px;
  color: #091723;
  margin-bottom: 20px;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 20px;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp {
  display: flex;
  align-items: center;
  gap: 14px;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp .videoPlayBtn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp .videoPlayBtn span {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderImg {
  width: 60%;
  position: relative;
  z-index: 1;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderImg .mainImg {
  width: 100%;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderImg .shareIcon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.topSliderWrapper .topSliderOuter .topSliderInner .topSliderImg .shapStr {
  position: absolute;
  top: -35px;
  left: -38px;
  z-index: -1;
}

.topSecWrapper {
  padding-top: 50px;
}
.topSecWrapper .topSliderOuter .topSliderInner {
  display: flex;
  align-items: center;
  gap: 30px;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent {
  width: 40%;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent .shape {
  margin-bottom: 20px;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent h1 {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 70px;
  line-height: 80px;
  color: #091723;
  margin-bottom: 20px;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 20px;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp {
  display: flex;
  align-items: center;
  gap: 14px;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp .videoPlayBtn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp .videoPlayBtn span {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderImg {
  width: 60%;
  position: relative;
  z-index: 1;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderImg .mainImg {
  width: 100%;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderImg .shareIcon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.topSecWrapper .topSliderOuter .topSliderInner .topSliderImg .shapStr {
  position: absolute;
  top: -35px;
  left: -38px;
  z-index: -1;
}

.topBannerWrapper {
  padding-top: 50px;
  padding-left: 150px;
  position: relative;
  z-index: 1;
}
.topBannerWrapper:after {
  content: "";
  background-image: url(/images/bg4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 100%;
  position: absolute;
  top: -120px;
  left: 0;
  z-index: -1;
}
.topBannerWrapper .topSliderOuter .topSliderInner {
  display: flex;
  align-items: center;
  gap: 30px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent {
  width: 45%;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent .shape {
  margin-bottom: 20px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent h1 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 86px;
  line-height: 110px;
  color: #091723;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent h1 span {
  color: #FF4800;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 20px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp {
  display: flex;
  align-items: center;
  gap: 14px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp .videoPlayBtn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp .videoPlayBtn span {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg {
  width: 55%;
  position: relative;
  z-index: 1;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .mainImg {
  width: 100%;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .shareIcon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .shapStr {
  position: absolute;
  top: -35px;
  left: -38px;
  z-index: -1;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .syneResrus {
  position: absolute;
  top: 50px;
  left: -38px;
  z-index: 1;
  width: 360px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .syneResrus .syneResrusInner {
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
  padding: 25px;
  border-radius: 25px;
  position: relative;
  text-align: start;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .syneResrus .syneResrusInner .mathsImg {
  position: absolute;
  top: -40px;
  right: -30px;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .syneResrus .syneResrusInner h1 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
  text-align: start;
}
.topBannerWrapper .topSliderOuter .topSliderInner .topSliderImg .syneResrus .syneResrusInner p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 0;
}

.blogTwo {
  margin-top: 60px;
}
.blogTwo.blogWithSidebar .blogOuter .blogInner .blogCardGroup::after {
  content: unset;
}
.blogTwo .blogOuter .blogInner .commonHeading {
  margin-bottom: 40px;
  text-align: center;
}
.blogTwo .blogOuter .blogInner .blogCardGroup .blogCardItem .blogCardImg {
  border-radius: 30px 30px 0 0;
}
.blogTwo .blogOuter .blogInner .blogCardGroup .blogCardItem .blogCard {
  border-radius: 0 0 20px 20px;
  margin-top: 0;
}

.blogCardGroup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
}
.blogCardGroup:after {
  content: "";
  background-image: url(/images/shape1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 140px;
  display: inline-block;
  position: absolute;
  top: -36px;
  right: -37px;
  z-index: -1;
}

.categoriesFilter {
  padding: 100px 0;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 25px;
  box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1019607843);
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form {
  display: flex;
  align-items: end;
  gap: 15px;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup {
  width: 30%;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup .select2-container--default .select2-selection--single {
  height: 50px;
  border: 1px solid #E2E2E2;
  border-top-left-radius: 10px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 10px;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 50px;
  display: flex;
  align-items: center;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(../images/icons/down-angle-arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32%;
  width: 40px;
  right: 5px;
  transform: translateY(-50%);
  top: 50%;
  height: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 50px;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroupBtn {
  margin-left: 20px;
}
.categoriesFilter .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroupBtn .filterFormBtn {
  border: 1px solid #FF4800;
  background-color: #FF4800;
  border-radius: 50px;
  width: 50px;
  height: 50px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #FF4800;
  color: white;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #E2E2E2;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline: unset;
}

span.select2-dropdown {
  border: 1px solid #E2E2E2;
}

.watchVideoExperts {
  padding-bottom: 100px;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner {
  position: relative;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner img {
  width: 100%;
  border-radius: 50px;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent {
  background-color: rgba(9, 23, 35, 0.4392156863);
  width: 50%;
  margin: 0 auto;
  padding: 50px;
  text-align: center;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .VideoYoutubeBtn img {
  width: 80px;
  border-radius: 0;
  margin-bottom: 200px;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .watchVideoTxt p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #ffffff;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .watchVideoTxt a.watchVideoBtn {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #091723;
  background: #ffffff;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1019607843);
  display: flex;
  align-items: center;
  gap: 72px;
  padding: 10px 8px 10px 30px;
  border-radius: 50px;
  width: fit-content;
  margin: 0 auto;
  transition: all 0.4s ease;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .watchVideoTxt a.watchVideoBtn:hover {
  background: #FF4800;
  color: #ffffff;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .watchVideoTxt a.watchVideoBtn span {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  background-color: #FF4800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
}
.watchVideoExperts .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .watchVideoTxt a.watchVideoBtn span img {
  width: 30px;
}

.boxForensicInner {
  background: #0d1b2a;
  border-radius: 40px;
  padding: 40px;
  color: #fff;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 120px;
  line-height: 240px;
  padding-bottom: 150px;
  margin-bottom: 160px;
  position: relative;
}

.highlight-red {
  background: #f43b1c;
  padding: 5px 20px;
  border-radius: 200px;
  color: #fff;
  text-align: start;
}

.highlight-white {
  background: #fff;
  color: #f43b1c;
  padding: 5px 20px;
  border-radius: 200px;
  text-align: end;
}

.overlap {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 150px;
  line-height: 210px;
  color: #fff;
  position: absolute;
  bottom: -104px;
  transform: translateX(-50%);
  left: 50%;
  width: 100%;
  background: linear-gradient(to bottom, #ffffff 50%, #0d1b2a 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.howHelp {
  padding-top: 100px;
}
.howHelp .howHelpOuter .howHelpInner .commonHeading {
  margin-bottom: 50px;
}
.howHelp .howHelpOuter .howHelpInner .help-image {
  position: absolute;
  top: 50%;
  right: 200px;
  width: 480px;
  transform: translateY(-50%);
}

.howHelpLinkGrpOuter {
  position: relative;
}

.howHelpLinkGrp .howHelpLinkItm:last-child a .howHelpLinkInnerItm {
  border-bottom: 1px solid #091723;
}
.howHelpLinkGrp .howHelpLinkItm a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 56px;
  line-height: 66px;
  color: #091723;
}
.howHelpLinkGrp .howHelpLinkItm a .howHelpLinkInnerItm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid #091723;
  padding: 50px 0;
}
.howHelpLinkGrp .howHelpLinkItm a .howHelpLinkInnerItm span {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  background-color: #091723;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
}
.howHelpLinkGrp .howHelpLinkItm a:hover span {
  background-color: #FF4800;
}

/* Image area */
.help-image {
  flex: 1;
  position: relative;
  min-height: 260px;
}

.help-image img {
  width: 100%;
  max-width: 480px;
  border-radius: 70px;
  border: 2px solid #ff4c00;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.help-image img.active {
  opacity: 1;
  z-index: 1;
}

.brandsSlider {
  margin-top: 40px;
}

.brandLogo a.ourTrustedPartnerLogoLink img {
  width: 140px;
  display: inline-block;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. blog Info

**********************************************/
.topBannerWrapper.topBannerWprThree {
  padding-left: 0;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg {
  display: flex;
  justify-content: end;
  z-index: 1;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg .shareIcon {
  position: unset;
  transform: unset;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg .shareIcon11,
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg .shareIcon12 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg .shareIcon11 {
  z-index: -1;
  right: 30px;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg .shareIcon12 {
  z-index: -2;
  bottom: -40px;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderImg .topSliderImgInner {
  position: relative;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderContent h1 {
  font-size: 76px;
  line-height: 90px;
  font-weight: 500;
  color: #091723;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp a.topSliderContentBtn {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #ffffff;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 50px;
  padding: 10px 10px 10px 20px;
}
.topBannerWrapper.topBannerWprThree .topSliderOuter .topSliderInner .topSliderContent .topSliderBtnGrp a.topSliderContentBtn span {
  background-color: #091723;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.topBannerWrapper.topBannerWprThree:after {
  background: unset;
}

.ourServices.ourServicesThree .ourServicesOuter:after {
  content: unset;
}
.ourServices.ourServicesThree .ourServicesSliderSec .ourServicesImage {
  width: 30%;
}
.ourServices.ourServicesThree .ourServicesSliderSec .ourServicesContent {
  width: 70%;
}
.ourServices.ourServicesThree .ourServicesSliderSec .ourServicesContent .ourServiceContentInner .commonHeading h2 {
  width: 100%;
}

.counterSec.counterThreeSec .counterOuter .counterInner .counterItemGroup .counterItem {
  display: flex;
  align-items: center;
  gap: 20px;
}
.counterSec.counterThreeSec .counterOuter .counterInner .counterItemGroup .counterItem .counterContent h4,
.counterSec.counterThreeSec .counterOuter .counterInner .counterItemGroup .counterItem .counterContent span {
  text-align: left;
}

.watchVideoExperts.watchVideoExpertThree .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent {
  border-radius: 50px;
  justify-content: center;
}
.watchVideoExperts.watchVideoExpertThree .watchVideoExpertsOuter .watchVideoExpertsInner .watchVideoContent .VideoYoutubeBtn img {
  margin-bottom: 20px;
}

.blogTwo.blogThree {
  background-color: #e6e6e6;
  padding: 80px 0px;
}
.blogTwo.blogThree .blogOuter .blogInner .blogCardGroup .blogCardItem .blogCardImg {
  height: 300px;
}
.blogTwo.blogThree .blogOuter .blogInner .blogCardGroup .blogCardItem .blogCardImg img {
  height: 100%;
  object-fit: cover;
}

.categoriesFilter.categoriesFilterThree .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup .select2-container--default .select2-selection--single {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.categoriesFilter.categoriesFilterThree .categoriesFilterOuter .categoriesFilterInner .categoriesFilterGroup .categoriesFilterItem form .formGroup .select2-container--default .select2-selection--single .select2-selection__arrow {
  border: 0;
}

.ourTrustedPartnerThree .brandLogo {
  padding: 0 12px;
}

.ourTrustedPartnerThree .brandLogo a.ourTrustedPartnerLogoLink {
  padding: 14px;
  display: inline-block;
  border: 1px solid #b8babc;
  border-radius: 4px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. banner
2. showing result
3. tax planning

**********************************************/
.accountingBanner {
  padding: 60px 0 40px 0px;
}
.accountingBanner .accountingBannerOuter .accountingBannerInner h5 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
  margin-bottom: 20px;
}
.accountingBanner .accountingBannerOuter .accountingBannerInner h1 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 90px;
  line-height: 100px;
  color: #091723;
}

.showingResultOuter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}
.showingResultOuter .showingResultInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.showingResultOuter .showingResultInner .showingResult h1 {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #95A0AD;
  margin-bottom: 0;
}
.showingResultOuter .showingResultInner .showingResultFilter select {
  border: 0;
  background: transparent;
  outline: unset;
}

.relatedServiceGrp {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 20px;
}

.taxPlanningCardGrp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 20px;
}

.taxPlanningCardItm {
  padding: 30px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 70px;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 1;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.taxPlanningCardItm::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: -2;
}
.taxPlanningCardItm::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(9, 23, 35, 0.6);
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: -1;
}
.taxPlanningCardItm:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}
.taxPlanningCardItm:hover::before {
  opacity: 1;
}
.taxPlanningCardItm:hover::after {
  opacity: 1;
}
.taxPlanningCardItm:hover .taxPlanningCardImg img {
  opacity: 0;
  transition: opacity 0.6s ease;
}
.taxPlanningCardItm:hover .taxPlanningCardContent h4,
.taxPlanningCardItm:hover .taxPlanningCardContent p {
  color: #ffffff;
}
.taxPlanningCardItm .taxPlanningCardImg img {
  border-radius: 30px;
  margin-bottom: 20px;
  transition: opacity 0.6s ease;
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.taxPlanningCardItm .taxPlanningCardContent h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #091723;
  transition: color 0.4s ease;
  margin-top: 0;
}
.taxPlanningCardItm .taxPlanningCardContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
  transition: color 0.4s ease;
}
.taxPlanningCardItm .taxPlanningCardBtn a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background-color: #091723;
  padding: 8px 8px 8px 30px;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.taxPlanningCardItm .taxPlanningCardBtn a p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
}
.taxPlanningCardItm .taxPlanningCardBtn a span {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #FFFFFF;
  transition: background-color 0.4s ease;
}
.taxPlanningCardItm .taxPlanningCardBtn a:hover {
  background-color: #FFFFFF;
}
.taxPlanningCardItm .taxPlanningCardBtn a:hover p {
  color: #091723;
}
.taxPlanningCardItm .taxPlanningCardBtn a:hover span {
  background-color: #091723;
}
.taxPlanningCardItm .taxPlanningCardBtn a:hover span svg path {
  stroke: #FFFFFF;
}

.taxPlanning .taxPlanningOuterMR {
  margin-bottom: 60px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. service detail
2. related service

**********************************************/
.filterSidebarToggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  background: #e7e7e7;
  padding: 10px 16px;
  margin-bottom: 20px;
}
.filterSidebarToggle p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
  margin-bottom: 0;
}
.filterSidebarToggle span {
  width: 30px;
  display: inline-block;
  padding: 4px;
}

.taxPlanningPreparation .taxPlanningPreparationInner .taxPlanningImg img {
  width: 100%;
  border-radius: 50px;
}

.taxPlanContent h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  margin: 20px 0;
  color: #091723;
}
.taxPlanContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
}
.taxPlanContent .taxPlanningBx {
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 50px;
  margin-top: 40px;
}
.taxPlanContent .taxPlanningBx p {
  font-family: "Poppins";
  font-weight: 500;
  font-style: Italic;
  font-size: 20px;
  line-height: 30px;
  color: #FF4800;
  margin-bottom: 0;
}

.relatedService {
  margin-top: 80px;
}
.relatedService.relatedServiceBx {
  margin-top: 0px;
}
.relatedService.relatedServiceMR {
  margin-bottom: 80px;
}

.sideHeading {
  margin-bottom: 30px;
}
.sideHeading h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
}

.bgClrBxShadow {
  background: #ffffff;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 30px;
  border-radius: 30px;
}

.relatedServiceInner {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.relatedServiceInner a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  background-color: #F4F3F0;
  color: #091723;
  padding: 15px 30px;
  display: inline-block;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}
.relatedServiceInner a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #FF4800;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  transform: scaleY(0);
  z-index: -1;
}
.relatedServiceInner a:hover {
  color: #ffffff;
}
.relatedServiceInner a:hover:after {
  transform: scaleY(1);
}

.galleryGroup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  transition: all 0.5s;
}
.galleryGroup * {
  transition: all 0.6s ease;
}
.galleryGroup .galleryItem {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  transition: all 0.5s;
}
.galleryGroup .galleryItem img {
  height: 140px;
  object-fit: cover;
  transition: all 0.5s;
}
.galleryGroup .galleryItem a {
  display: block;
  transition: all 0.5s;
  position: relative;
}
.galleryGroup .galleryItem a svg {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: #fff;
  padding: 6px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  z-index: 9;
  opacity: 0;
}
.galleryGroup .galleryItem a:hover svg path {
  fill: #FF4800;
}
.galleryGroup .galleryItem::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 72, 0, 0.6);
  width: 100%;
  height: 100%;
  transform: scaleZ(0);
  transition: all 0.6s ease;
}
.galleryGroup .galleryItem:hover a svg {
  opacity: 1;
}
.galleryGroup .galleryItem:hover::after {
  transform: scaleZ(1);
}

.sidePanel {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.recentPostsGroup {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.recentPostsGroup .recentPostsItem {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 15px;
}
.recentPostsGroup .recentPostsItem .recentPostsImg img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 12px;
}
.recentPostsGroup .recentPostsItem .recentPostsContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.recentPostsGroup .recentPostsItem .recentPostsContent span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #091723;
  display: block;
  position: relative;
  padding-left: 14px;
  margin-bottom: 4px;
}
.recentPostsGroup .recentPostsItem .recentPostsContent span::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50px;
  background-color: #000000;
  display: inline-block;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
}
.recentPostsGroup .recentPostsItem .recentPostsContent a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 0;
  display: block;
  transition: all 0.2s ease;
}
.recentPostsGroup .recentPostsItem:hover a {
  color: #FF4800;
}

.searchBar .searchBoxInner .input-group {
  background: #F4F3F0;
  padding: 8px 14px;
  border-radius: 15px;
}
.searchBar .searchBoxInner .input-group .form-control {
  border: 0;
  background: transparent;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.searchBar .searchBoxInner .input-group .form-control::placeholder {
  color: #95A0AD;
}
.searchBar .searchBoxInner .input-group .inputSubmit {
  border: 0;
  background: transparent;
}

.back-to-top {
  text-decoration: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 999;
  position: fixed;
  right: 30px;
  bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. portfolio

**********************************************/
.portfolioCardSec .portfolioCardSecOuter .portfolioCardSecInner {
  padding: 0 0 40px;
}
.portfolioCardSec .portfolioCardSecOuter .Title_Box_Wrap h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  color: #091723;
  padding: 20px 0px 40px 0px;
  text-align: center;
}

.portfolioCardItem {
  background: #ffffff;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 30px;
  border-radius: 50px;
  margin-bottom: 30px;
}
.portfolioCardItem .portfolioCardTxt h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  color: #091723;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.portfolioCardItem .portfolioCardTxt h2:hover {
  color: #FF4800;
}
.portfolioCardItem .portfolioCardTxt h2 a {
  color: #091723;
}
.portfolioCardItem .portfolioCardTxt h2 a:hover {
  color: #FF4800;
}
.portfolioCardItem .portfolioCardTxt p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
}
.portfolioCardItem .portfolioCardImg a {
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
}
.portfolioCardItem .portfolioCardImg a img {
  border-radius: 30px;
  height: 300px;
  width: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.portfolioCardItem .portfolioCardImg a img:hover {
  transform: scale(1.1);
}

.portfolioSingle .portfolioSingleOuter .portfolioSingleInner .portfolioSingleImg img {
  width: 100%;
  border-radius: 30px;
  margin-bottom: 30px;
}
.portfolioSingle .portfolioSingleOuter .portfolioSingleInner .portfolioSingleContent span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  color: #091723;
}
.portfolioSingle .portfolioSingleOuter .portfolioSingleInner .portfolioSingleContent h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #091723;
  margin-bottom: 20px;
}
.portfolioSingle .portfolioSingleOuter .portfolioSingleInner .portfolioSingleContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
}

.portfolioCounter {
  padding: 80px 0;
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner {
  position: relative;
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner .portfolioCounter {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 20px;
  background-color: #ffffff;
  padding: 50px 70px;
  border-radius: 20px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  width: 40%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner .portfolioCounter .portfolioCounterItem span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #091723;
  display: flex;
  align-items: center;
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner .portfolioCounter .portfolioCounterItem span b {
  font-weight: 500;
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner .portfolioCounter .portfolioCounterItem p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
  margin-bottom: 0;
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner .portfolioImg {
  display: flex;
  justify-content: end;
}
.portfolioCounter .portfolioCounterOuter .portfolioCounterInner .portfolioImg img {
  width: 70%;
}

.portfolioTxt {
  padding-bottom: 40px;
}
.portfolioTxt .portfolioTxtOuter .portfolioTxtContent p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. pagination

**********************************************/
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 80px 16px 0;
}
.pagination .page-btn {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 6px;
  background-color: #8b97a1;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pagination .page-btn:hover:not(.active) {
  background-color: #9da7b0;
}
.pagination .page-btn.active {
  background-color: #ff3c00;
  font-weight: bold;
}
.pagination .page-btn.prev, .pagination .page-btn.next {
  background: transparent;
  border: 1px solid #c4c7ca;
  color: #6d757c;
}
.pagination .page-btn.prev:hover svg path, .pagination .page-btn.next:hover svg path {
  stroke: #ffffff;
}
.pagination .page-btn.prev:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination .dots {
  color: #6d757c;
  font-size: 16px;
  user-select: none;
}
.pagination.paginationSpace {
  padding: 0px 0px 70px 0px;
}
.pagination.paginationSpace2 {
  padding: 0px 0px 0px 0px;
}

@media (max-width: 576px) {
  .pagination {
    padding: 50px 16px 0;
  }
}
.aboutUsSec {
  width: 100%;
}
.aboutUsSec .ourServicesOuter {
  width: 100%;
}
.aboutUsSec .ourServicesOuter .aboutUsSliderSec {
  margin-top: 40px;
}
.aboutUsSec .ourServicesOuter .aboutUsSliderSec .ourServicesSlider {
  position: relative;
}
.aboutUsSec .ourServicesOuter .aboutUsSliderSec .ourServicesSlider:before {
  content: "";
  position: absolute;
  left: -50px;
  top: -50px;
  width: 550px;
  height: 750px;
  display: block;
  border: 1px solid #FF4800;
  border-radius: 50px;
}
.aboutUsSec .ourServicesOuter::after {
  display: none;
}

.aboutWhyChooseUs {
  width: 100%;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  padding: 100px 0px 122px 0px;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .WhychooseUs_headingBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .WhychooseUs_headingBox .commonHeading h2 {
  max-width: 600px;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .WhychooseUs_headingBox .para_box p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: right;
  color: #95A0AD;
  max-width: 710px;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem {
  background-color: #F4F3F0;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesImg .synreSourHovr {
  background-color: #F4F3F0;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesImg .synreSourHovr span {
  color: #95A0AD;
  opacity: 20%;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesImg .synreSourHovr img.synreSourImg {
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1490196078);
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesContent h6 {
  color: #091723;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesContent h6:hover {
  color: #FF4800;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesContent h6 a {
  color: #091723;
}
.aboutWhyChooseUs .aboutWhyChooseUsOuter .synergizeResourcesGroup .synergizeResourcesItem .synergizeResourcesContent h6 a:hover {
  color: #FF4800;
}

.AboutTeamSec {
  width: 100%;
  position: relative;
  background-color: #F4F3F0;
  padding: 100px 0px;
}
.AboutTeamSec .AboutTeamOuter {
  width: 100%;
  position: relative;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 {
  width: 60%;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 .about_name_box .team-list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 .about_name_box .team-list .team_name_list {
  transition: all 0.5s;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 .about_name_box .team-list .team_name_list h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 90px;
  line-height: 100px;
  color: #CCCCCC;
  transition: color 0.3s;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 .about_name_box .team-list .team_name_list .active {
  color: #091723;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 .about_name_box .team-list .team_name_list h6 {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #CCCCCC;
  transition: color 0.3s;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_1 .about_name_box .team-list .team_name_list:hover h6 {
  color: #95A0AD;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_2 {
  width: 40%;
}
.AboutTeamSec .AboutTeamOuter .about_team_inner_wrapper .about_wrapper_2 .TeamMemberInnerBox {
  width: 100%;
  height: 800px;
}

.TeamMemberInnerBox {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 50px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  text-align: center;
  position: relative;
  padding: 0px 30px;
  margin-top: 50px;
  display: flex;
  align-items: end;
  justify-content: center;
  transition: all 0.5s;
}
.TeamMemberInnerBox .img_box1 {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.TeamMemberInnerBox .img_box1 img {
  position: absolute;
  bottom: 0;
  left: inherit;
  right: inherit;
  width: auto;
  z-index: 22;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.TeamMemberInnerBox .info {
  width: auto;
  padding: 30px 30px;
  position: absolute;
  left: inherit;
  right: inherit;
  z-index: 99;
  background-color: #091723;
  border-radius: 30px;
  margin: 30px 30px;
  transition: all 0.5s;
}
.TeamMemberInnerBox .info h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 46px;
  line-height: 46px;
  color: #FF4800;
  text-align: left;
  margin-bottom: 10px;
}
.TeamMemberInnerBox .info h2 a {
  color: #FF4800;
}
.TeamMemberInnerBox .info .social_icon_box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 33px;
  list-style: none;
  padding: 0px;
  margin: 0px;
  transition: all 0.5s;
}
.TeamMemberInnerBox .info .social_icon_box li a {
  transition: all 0.5s;
}
.TeamMemberInnerBox .info .social_icon_box li a svg {
  transition: all 0.5s;
}
.TeamMemberInnerBox .info .social_icon_box li a:hover svg path {
  stroke: #FF4800;
}
.TeamMemberInnerBox .info .line_box {
  display: block;
  margin: 30px 0px 20px 0px;
  position: relative;
  width: 100%;
  height: 12px;
}
.TeamMemberInnerBox .info .line_box::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  background-color: #FF4800;
  width: 150px;
  height: 1px;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.TeamMemberInnerBox .info .line_box::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0;
  background-color: #FF4800;
  width: 100px;
  height: 1px;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.TeamMemberInnerBox .info .para_box {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  text-align: start;
}
.TeamMemberInnerBox.TeamMemberInnerBoxHover {
  height: 650px;
  padding-top: 40px;
  overflow: hidden;
  margin-top: 0px;
}
.TeamMemberInnerBox.TeamMemberInnerBoxHover .info {
  bottom: -380px;
  transition: height all 0.5s ease-in;
}
.TeamMemberInnerBox.TeamMemberInnerBoxHover:hover .img_box1 img {
  transform: scale(1.2);
}
.TeamMemberInnerBox.TeamMemberInnerBoxHover:hover .info {
  display: block;
  bottom: 0;
}

.AboutOurClientSec {
  width: 100%;
  position: relative;
}
.AboutOurClientSec .ourTrustedPartnerOuter {
  width: 100%;
  position: relative;
}
.AboutOurClientSec .ourTrustedPartnerOuter .OurClient_headingBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.AboutOurClientSec .ourTrustedPartnerOuter .OurClient_headingBox .commonHeading h2 {
  max-width: 650px;
  margin-top: 0;
  border: 0;
}
.AboutOurClientSec .ourTrustedPartnerOuter .OurClient_headingBox .para_box p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: right;
  color: #95A0AD;
  max-width: 710px;
}
.AboutOurClientSec .ourTrustedPartnerOuter .ourTrustedPartnerLogoGroup .brandsSlider .brandLogo {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.5s;
}
.AboutOurClientSec .ourTrustedPartnerOuter .ourTrustedPartnerLogoGroup .brandsSlider .brandLogo a {
  display: inline-flex;
  padding: 20px 20px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 10px 10px 30px 0px rgba(255, 72, 0, 0.1490196078);
  margin: 20px 0px;
  transition: all 0.5s;
  border: 2px solid transparent;
}
.AboutOurClientSec .ourTrustedPartnerOuter .ourTrustedPartnerLogoGroup .brandsSlider .brandLogo:hover a {
  border-color: #FF4800;
}
.AboutOurClientSec .ourTrustedPartnerOuter .ourTrustedPartnerLogoGroup .brandsSlider .brandLogo:hover a img {
  filter: invert(41%) sepia(83%) saturate(4357%) hue-rotate(360deg) brightness(100%) contrast(107%);
}

.aboutTestimonial {
  width: 100%;
  position: relative;
  padding: 0px 0px 100px 0px;
}

.OurTeamPageSec {
  width: 100%;
  height: 100%;
  position: relative;
}
.OurTeamPageSec .ourTeamPageOuter {
  width: 100%;
  position: relative;
}
.OurTeamPageSec .ourTeamPageOuter .OurTeamInnerWrapper {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 0px 0px 110px 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox {
  width: 100%;
  position: relative;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
  border-radius: 70px;
  padding: 60px 0px 60px 60px;
  display: flex;
  gap: 30px;
  margin: 70px 0px 120px 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 {
  width: 60%;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 100px;
  line-height: 110px;
  color: #FF4800;
  margin: 0;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box h2 a {
  color: #FF4800;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box h3 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #95A0AD;
  margin: 0;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box .line_box {
  display: block;
  position: relative;
  width: 100%;
  height: 12px;
  margin-top: 10px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box .line_box::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  background-color: #FF4800;
  width: 150px;
  height: 1px;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .heading_box .line_box::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0;
  background-color: #FF4800;
  width: 100px;
  height: 1px;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .para_box {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
  margin: 0px;
  padding: 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box .para_box2 {
  font-family: "Poppins";
  font-weight: 300;
  font-style: Italic;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
  margin: 0px;
  padding: 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box ul {
  display: flex;
  list-style: none;
  gap: 33px;
  align-items: center;
  padding: 0px;
  margin: 40px 0px 0px 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box ul li a {
  transition: all 0.5s;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box ul li a svg {
  transition: all 0.5s;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box1 .Person_Info_Box ul li a:hover svg path {
  stroke: #FF4800;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box2 {
  width: 40%;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box2 .Person_Img_Box {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box2 .Person_Img_Box .Text_Box {
  width: 100%;
  position: relative;
  background-color: rgba(255, 72, 0, 0.8);
  border-top-left-radius: 130px;
  padding: 55px 55px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box2 .Person_Img_Box .Text_Box span {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 100px;
  line-height: 110px;
  letter-spacing: 0%;
  color: #ffffff;
  margin: 0;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box2 .Person_Img_Box .Text_Box h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #ffffff;
  margin: 5px 0px 0px 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox .Detail_box2 .Person_Img_Box .img_box {
  position: absolute;
  bottom: 0;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 120px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap {
  width: 100%;
  position: relative;
  transition: all 0.5s;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonImgBox {
  width: 100%;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonImgBox img {
  width: 100%;
  border-radius: 50px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox {
  width: auto;
  height: auto;
  min-height: 91%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 22;
  margin: 30px 30px;
  padding: 40px 40px;
  background-color: #ffffff;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  transform: scaleY(0);
  transition: all 0.4s ease-in-out;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  color: #FF4800;
  margin: 0;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box h2 a {
  color: #FF4800;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box h3 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
  margin: 0;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box .line_box {
  display: block;
  position: relative;
  width: 100%;
  height: 12px;
  margin-top: 10px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box .line_box::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  background-color: #FF4800;
  width: 150px;
  height: 1px;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox .heading_box .line_box::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0;
  background-color: #FF4800;
  width: 100px;
  height: 1px;
  box-shadow: 30px 30px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox ul {
  display: flex;
  list-style: none;
  gap: 33px;
  align-items: center;
  padding: 0px;
  margin: 0px;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox ul li a {
  transition: all 0.5s;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox ul li a svg {
  transition: all 0.5s;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox ul li a:hover svg path {
  stroke: #FF4800;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap .PersonInfoBox p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #95A0AD;
}
.OurTeamPageSec .ourTeamPageOuter .TeamMemberDetailBox2 .TeamSinglePersonWrap:hover .PersonInfoBox {
  transform: scaleY(1);
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. blog

**********************************************/
.paraBox p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #FF4800;
  margin-bottom: 0;
}

.blogDetail .blogDetailImg {
  margin-bottom: 20px;
  position: relative;
}
.blogDetail .blogDetailImg img {
  border-radius: 50px;
}
.blogDetail .blogDetailContent h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #091723;
  margin-bottom: 30px;
}
.blogDetail .blogDetailContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #95A0AD;
}
.blogDetail .blogDetailContent .paraBox {
  margin-bottom: 15px;
}
.blogDetail .blogDetailContent .paraBox p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #FF4800;
}
.blogDetail .blogDetailContent ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 20px;
  padding: 0px;
}
.blogDetail .blogDetailContent ul li {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #95A0AD;
}

.blogDetailVideo {
  position: relative;
  margin-bottom: 30px;
}
.blogDetailVideo video {
  width: 100%;
  border-radius: 50px;
}
.blogDetailVideo .blogPostDetail {
  bottom: unset;
  top: 50px;
}

.blogDetailSlider {
  position: relative;
  margin-bottom: 30px;
  border-radius: 50px;
  overflow: hidden;
}

.blogPostDetail {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  position: absolute;
  left: 0;
  bottom: 50px;
}
.blogPostDetail .blogPostDetailLeft {
  background: #ffffff;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 20px 25px;
  border-radius: 0 15px 15px 0;
}
.blogPostDetail .blogPostDetailLeft ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 10px;
}
.blogPostDetail .blogPostDetailLeft ul li {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 0;
}
.blogPostDetail .blogPostDetailRight {
  background: #ffffff;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 20px 25px;
  border-radius: 15px 0 0 15px;
}
.blogPostDetail .blogPostDetailRight ul {
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: 10px;
  padding-left: 0;
}
.blogPostDetail .blogPostDetailRight ul li {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0;
}

.blogDetailTag {
  display: flex;
  gap: 30px;
  align-items: center;
}
.blogDetailTag h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
  margin-bottom: 0;
}
.blogDetailTag .blogDetailTagGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.blogDetailTag .blogDetailTagGroup a {
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  background: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
  padding: 15px 30px;
  border-radius: 15px;
}

.comments-section {
  padding: 100px 0 60px;
}
.comments-section .comments-title {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #091723;
  margin-bottom: 20px;
}
.comments-section .comment-card-group .comment-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px 25px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.comments-section .comment-card-group .comment-card .comment-header {
  display: grid;
  grid-template-columns: 50px 1fr 200px;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.comments-section .comment-card-group .comment-card .comment-header .comment-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}
.comments-section .comment-card-group .comment-card .comment-header .comment-info {
  flex: 1;
  margin-left: 15px;
}
.comments-section .comment-card-group .comment-card .comment-header .comment-info .comment-author {
  font-family: "Poppins";
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
  margin-bottom: 0;
}
.comments-section .comment-card-group .comment-card .comment-header .comment-info .comment-date {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #95A0AD;
}
.comments-section .comment-card-group .comment-card .comment-header .comment-info .comment-body {
  margin-top: 15px;
}
.comments-section .comment-card-group .comment-card .comment-header .comment-info .comment-body p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #95A0AD;
  margin-bottom: 0;
}
.comments-section .comment-card-group .comment-card .comment-header .reply-btn-Outer {
  display: flex;
  justify-content: end;
  align-items: flex-start;
}
.comments-section .comment-card-group .comment-card .comment-header .reply-btn-Outer .reply-btn {
  background: #0a1325;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 6px 18px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.3s ease;
}
.comments-section .comment-card-group .comment-card .comment-header .reply-btn-Outer .reply-btn:hover {
  background: #f24822;
}
.comments-section .comment-card-group .comment-reply-card {
  padding-left: 60px;
}
.comments-section .comment-card-group .comment-reply-card .comment-reply-card-item {
  background: transparent;
  box-shadow: unset;
  border-radius: 0;
  border-bottom: 1px solid #95A0AD;
  padding: 20px 0;
}

.comment-form-container {
  background: #fff;
  border-radius: 16px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 40px;
}
.comment-form-container .comment-title {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 8px;
  color: #FF4800;
}
.comment-form-container .comment-note {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 24px;
}
.comment-form-container .comment-note .required {
  color: #f24822;
}
.comment-form-container form.comment-form .form-row {
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
  .comment-form-container form.comment-form .form-row {
    flex-direction: column;
  }
}
.comment-form-container form.comment-form .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.comment-form-container form.comment-form .form-group label {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 6px;
}
.comment-form-container form.comment-form .form-group input,
.comment-form-container form.comment-form .form-group textarea {
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 14px;
  outline: none;
  transition: border 0.2s;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.comment-form-container form.comment-form .form-group input:focus,
.comment-form-container form.comment-form .form-group textarea:focus {
  border-color: #f24822;
  background: #fff;
}
.comment-form-container form.comment-form .form-group input::placeholder,
.comment-form-container form.comment-form .form-group textarea::placeholder {
  color: #95A0AD;
}
.comment-form-container form.comment-form .form-group textarea {
  min-height: 120px;
  resize: none;
}
.comment-form-container form.comment-form .form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.comment-form-container form.comment-form .form-checkbox input {
  accent-color: #f24822;
  margin-top: 4px;
}
.comment-form-container form.comment-form .form-checkbox label {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.comment-form-container form.comment-form .submit-btn {
  background: #0b0d17;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s;
}
.comment-form-container form.comment-form .submit-btn:hover {
  background: #FF4800;
}

.custom-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.custom-checkbox input {
  display: none;
}
.custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.custom-checkbox .checkmark::after {
  content: "";
  width: 14px;
  height: 6px;
  border-left: 2px solid #ff6600;
  border-bottom: 2px solid #ff6600;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.2s ease-in-out;
  margin-top: -6px;
  margin-left: 6px;
}
.custom-checkbox input:checked + .checkmark::after {
  transform: rotate(-45deg) scale(1);
}

button.carousel-control-prev,
button.carousel-control-next {
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  top: 50%;
}
button.carousel-control-prev:hover,
button.carousel-control-next:hover {
  background-color: #FF4800;
  border-color: #FF4800;
}

button.carousel-control-prev {
  left: 15px;
}

button.carousel-control-next {
  right: 15px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. pricing plan

**********************************************/
.pricingPlan {
  width: 100%;
  padding-top: 40px;
}

.pricingPlanRow {
  padding: 100px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.pricingPlanItem .pricingPlanCard {
  background-color: #ffffff;
  border-radius: 25px;
}
.pricingPlanItem .pricingPlanCard.standardPlan {
  margin-top: -60px;
  box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.1019607843);
}
.pricingPlanItem .pricingPlanCard .pricingPlanHead {
  padding: 50px;
  border-bottom: 1px solid #E2E2E2;
}
.pricingPlanItem .pricingPlanCard .pricingPlanHead span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #FF4800;
  margin-bottom: 20px;
}
.pricingPlanItem .pricingPlanCard .pricingPlanHead h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 56px;
  line-height: 66px;
  text-align: center;
  color: #091723;
  margin-bottom: 30px;
}
.pricingPlanItem .pricingPlanCard .pricingPlanHead h2 sub {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #95A0AD;
}
.pricingPlanItem .pricingPlanCard .pricingPlanHead button {
  border: 1px solid #E2E2E2;
  color: #091723;
  border-radius: 10px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  padding: 12px;
  background: #ffffff;
  width: 100%;
  transition: all 0.4s ease;
}
.pricingPlanItem .pricingPlanCard .pricingPlanHead button:hover {
  background-color: #091723;
  color: #ffffff;
}
.pricingPlanItem .pricingPlanCard .pricingPlanBody {
  padding: 50px;
}
.pricingPlanItem .pricingPlanCard .pricingPlanBody ul {
  padding-left: 0;
  margin-bottom: 0;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pricingPlanItem .pricingPlanCard .pricingPlanBody ul li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pricingPlanItem .pricingPlanCard .pricingPlanBody ul li img {
  width: 38px;
}
.pricingPlanItem .pricingPlanCard .pricingPlanBody ul li p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
.galleryGroupSec {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.galleryGroupSec .galleryItemGroup {
  display: flex;
  align-items: center;
  gap: 30px;
}
.galleryGroupSec img {
  border-radius: 20px;
}

.galleryItem {
  position: relative;
}
.galleryItem img {
  border-radius: 20px;
}
.galleryItem:hover .galleryOverlay {
  transform: scale(1);
}
.galleryItem .galleryOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 50px;
  transition: all 0.4s ease;
  transform: scale(0);
}
.galleryItem .galleryOverlay a {
  display: inline-block;
  background-color: rgba(9, 23, 35, 0.5647058824);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.galleryItem .galleryOverlay a img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. faq

**********************************************/
.faqSec {
  margin-bottom: 40px;
}
.faqSec .faqHeading h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
  margin-bottom: 20px;
}

.faq-container .faq-item {
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.4s ease;
}
.faq-container .faq-item .faq-question {
  width: 100%;
  padding: 16px 20px;
  background: #fff;
  border-radius: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  transition: background-color 0.4s;
}
.faq-container .faq-item .faq-question:hover {
  background-color: #FF4800;
  color: #fff;
}
.faq-container .faq-item .faq-question:hover .arrow svg path {
  stroke: #fff;
}
.faq-container .faq-item .faq-question .arrow {
  transition: transform 0.3s ease;
  font-size: 14px;
}
.faq-container .faq-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  color: #555;
  line-height: 1.6;
  font-size: 15px;
  transition: all 0.3s ease;
}
.faq-container .faq-item .faq-answer p {
  margin-top: 15px;
}
.faq-container .faq-item.active .faq-answer {
  max-height: 100%;
  padding: 0 20px 20px;
}
.faq-container .faq-item.active .faq-question .arrow {
  transform: rotate(180deg);
}
.faq-container .faq-item.active .faq-question .arrow svg path {
  stroke: #FF4800;
}
.faq-container .faq-item.active .faq-question:hover .arrow svg path {
  stroke: #fff;
}

.frequentlyQuestionsLink {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 30px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 40px;
  position: sticky;
  top: 20px;
}
.frequentlyQuestionsLink a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  background: #F4F3F0;
  padding: 10px 18px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #091723;
  border-radius: 15px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.frequentlyQuestionsLink a:hover {
  background-color: #FF4800;
  color: #ffffff;
}
.frequentlyQuestionsLink a:hover svg path {
  stroke: #ffffff;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. contact

**********************************************/
.contactUsInner .contactUsMap {
  border-radius: 12px;
  padding: 6px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.contactUsInner .contactUsMap iframe {
  width: 100%;
  height: 550px;
  border-radius: 12px;
}

.contact-form-container {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 40px;
}
.contact-form-container .contact-title {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 8px;
  color: #FF4800;
}
.contact-form-container .contact-heading {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 56px;
  line-height: 66px;
  color: #091723;
}
.contact-form-container .contact-note {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 24px;
}
.contact-form-container .contact-note .required {
  color: #f24822;
}
.contact-form-container form.contact-form .form-row {
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
  .contact-form-container form.contact-form .form-row {
    flex-direction: column;
  }
}
.contact-form-container form.contact-form .form-row .form-group {
  width: 50%;
}
.contact-form-container form.contact-form .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.contact-form-container form.contact-form .form-group label {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 6px;
}
.contact-form-container form.contact-form .form-group input,
.contact-form-container form.contact-form .form-group textarea {
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  padding: 10px 15px;
  outline: none;
  transition: border 0.2s;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.contact-form-container form.contact-form .form-group input:focus,
.contact-form-container form.contact-form .form-group textarea:focus {
  border-color: #f24822;
  background: #fff;
}
.contact-form-container form.contact-form .form-group input::placeholder,
.contact-form-container form.contact-form .form-group textarea::placeholder {
  color: #95A0AD;
}
.contact-form-container form.contact-form .form-group textarea {
  min-height: 180px;
  resize: none;
}
.contact-form-container form.contact-form .form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.contact-form-container form.contact-form .form-checkbox input {
  accent-color: #f24822;
  margin-top: 4px;
}
.contact-form-container form.contact-form .form-checkbox label {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.contact-form-container form.contact-form .form-checkbox label span {
  color: #f24822;
}
.contact-form-container form.contact-form .policyPara p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
}
.contact-form-container form.contact-form .policyPara p a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.contact-form-container form.contact-form .submit-btn {
  background: #0b0d17;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.contact-form-container form.contact-form .submit-btn:hover {
  background: #FF4800;
}

.contactDetail .contactImg img {
  border-radius: 30px;
}

.contactInfo .contactInfoItem a {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  gap: 15px;
  text-decoration: none;
}
.contactInfo .contactInfoItem a span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  background-color: #FF4800;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactInfo .contactInfoItem a .contactInfoTxt h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 0;
}
.contactInfo .contactInfoItem a .contactInfoTxt p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 0;
}
.contactInfo .contactInfoItem a .contactInfoTxt.mailId p {
  word-break: break-all;
}
.contactInfo .contactInfoItem a:hover .contactInfoTxt h5 {
  color: #FF4800;
}
.contactInfo .contactInfoItem a:hover .contactInfoTxt p {
  color: #FF4800;
}

.contactSocailMedia ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 25px;
  padding-left: 0;
  margin-left: 0;
  margin-top: 20px;
}
.contactSocailMedia ul li a.facebook:hover svg path {
  stroke: #FF4800;
}
.contactSocailMedia ul li a.telegram:hover svg path {
  stroke: #FF4800;
}
.contactSocailMedia ul li a.twitter:hover svg path {
  fill: #FF4800;
}
.contactSocailMedia ul li a.instagram:hover svg path {
  fill: #FF4800;
}

.contactInfo {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px 0;
}

.contactUsForm {
  padding-top: 100px;
}

.form-input-row .form-input-group-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: baseline;
}
.form-input-row .form-input-group-row .form-group {
  height: 100%;
  display: flex;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0

-----------------------------------------------------------------------------------*/
/************ TABLE OF CONTENTS ***************

1. Error Page 

**********************************************/
.errorSec {
  padding: 100px 0;
}
.errorSec .errorSecOuter .errorSecInner .errorImg {
  text-align: center;
  margin-bottom: 60px;
}
.errorSec .errorSecOuter .errorSecInner .errorImg img {
  width: 40%;
  margin: 0 auto;
}
.errorSec .errorSecOuter .errorSecInner .errorSecTxt {
  text-align: center;
}
.errorSec .errorSecOuter .errorSecInner .errorSecTxt h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 130px;
  line-height: 130px;
  text-align: center;
  color: #091723;
  margin-bottom: 10px;
}
.errorSec .errorSecOuter .errorSecInner .errorSecTxt p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #95A0AD;
}
.errorSec .errorSecOuter .errorSecInner .errorSecTxt a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #ff4800;
  display: inline-block;
  margin-top: 20px;
}
.errorSec .errorSecOuter .errorSecInner .errorSecTxt a:hover {
  text-decoration: underline;
}
.errorSec .errorSecOuter .logo_box_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. careers listing

**********************************************/
.careersListing {
  padding: 0 0 100px;
}

.careersListingGroup {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.careersListingGroup .careersListingItem {
  background-color: #ffffff;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 18px 24px;
  border-radius: 10px;
}
.careersListingGroup .careersListingItem a {
  color: #091723;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.careersListingGroup .careersListingItem a .careersListingContent h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
}
.careersListingGroup .careersListingItem a .careersListingContent ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.careersListingGroup .careersListingItem a .careersListingContent ul li {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  margin-left: 30px;
  margin-bottom: 0;
}
.careersListingGroup .careersListingItem a .careersListingLink span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #95A0AD;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.careersListingGroup .careersListingItem:hover a .careersListingLink span {
  background-color: #FF4800;
}

.careersListingSidebar {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.careersListingSidebar .contactInfo {
  padding: 20px;
  margin-top: 40px;
}
.careersListingSidebar .contact-form-container {
  margin-top: 40px;
  padding: 20px;
  border-radius: 30px;
}
.careersListingSidebar .contact-form-container .contact-form .submit-btn {
  width: 100%;
}

.careersListingHeading h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. careers detail

**********************************************/
.careerDetail .careerDetailInner span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #FF4800;
  display: inline-block;
  margin-bottom: 30px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. cart 

**********************************************/
.productList {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.productList .productListItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background-color: #ffffff;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 25px;
  border-radius: 30px;
}
.productList .productListItem .productListItemInner {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 25px;
}
.productList .productListItem .productListItemInner .productListImg img {
  width: 130px;
  border-radius: 20px;
}
.productList .productListItem .productListItemInner .productListContent h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #091723;
}
.productList .productListItem .productListItemInner .productListContent h2 a {
  color: #091723;
  transition: all 0.4s ease;
  padding: 8px 0;
}
.productList .productListItem .productListItemInner .productListContent h2 a:hover {
  color: #FF4800;
}
.productList .productListItem .productListItemInner .productListContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
}
.productList .productListItem .productListItemInner .productListContent .reviewStar {
  display: flex;
  align-items: center;
  gap: 6px;
}
.productList .productListItem .productListPrice {
  text-align: right;
}
.productList .productListItem .productListPrice span {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  color: #091723;
  display: block;
  margin-bottom: 15px;
}
.productList .productListItem .productListPrice a {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #FF0002;
  display: inline-block;
}

.orderSummary .orderSummaryHeading {
  margin-bottom: 25px;
}
.orderSummary .orderSummaryHeading h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
}
.orderSummary .orderSummaryBx .freeShipping {
  margin-top: 15px;
}
.orderSummary .orderSummaryBx .freeShipping p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 0;
}
.orderSummary .orderSummaryBx .freeShipping p b {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.orderSummary .orderSummaryBx .orderSummaryBxItm,
.orderSummary .orderSummaryBx .shippingPriceItm {
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid #95A0AD;
}
.orderSummary .orderSummaryBx .orderSummaryBxItm:last-child,
.orderSummary .orderSummaryBx .shippingPriceItm:last-child {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.orderSummary .orderSummaryBx .orderSummaryBxItm,
.orderSummary .orderSummaryBx .shippingPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.orderSummary .orderSummaryBx .orderSummaryBxItm span,
.orderSummary .orderSummaryBx .shippingPrice span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
}
.orderSummary .orderSummaryBx .orderSummaryBxItm b,
.orderSummary .orderSummaryBx .shippingPrice b {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. checkout

**********************************************/
.select2-container .select2-selection--single {
  height: 45px;
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.select2-selection__rendered {
  color: #6b7280;
  line-height: 45px;
  padding-left: 12px !important;
}

.contact-form-container form.contact-form .form-group .select2-selection__arrow {
  height: 45px !important;
  right: 10px !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #FF4800;
  outline: 0;
  box-shadow: none;
}

.select2-container .select2-selection--single {
  height: 48px;
}

.paymentOption {
  margin-top: 40px;
}
.paymentOption .paymentOptionHeading {
  margin-bottom: 25px;
}
.paymentOption .paymentOptionHeading h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
}

.form-checkbox-group .form-checkbox {
  border-bottom: 1px solid #95A0AD;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.form-checkbox-group .form-checkbox .custom-form-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.form-checkbox-group .form-checkbox .custom-form-checkbox label {
  font-family: "Poppins";
  font-size: 16px;
  line-height: 26px;
  color: #091723;
}
.form-checkbox-group .form-checkbox p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #95A0AD;
  margin-bottom: 0;
}

.placeOrderBtn .submit-btn {
  width: 100%;
  background: #0b0d17;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.checkoutSec .checkoutInnerSec .row {
  row-gap: 30px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. shop 

**********************************************/
.cardProductGallery {
  position: relative;
  overflow: hidden;
}
.cardProductGallery:hover .cardProductGalleryInner {
  opacity: 0.8;
}
.cardProductGallery:hover .writerProduct .writerProductInfo h2 {
  color: #FF4800;
}
.cardProductGallery:hover .writerProduct .writerProductInfo h2 a {
  color: #FF4800;
}
.cardProductGallery .cardProductGalleryInner {
  display: flex;
  gap: 15px;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transform-origin: center;
}
.cardProductGallery .cardProductGalleryInner .cardProductGalleryLeft {
  width: 70%;
}
.cardProductGallery .cardProductGalleryInner .cardProductGalleryLeft .cardProductImgOne {
  height: 100%;
}
.cardProductGallery .cardProductGalleryInner .cardProductGalleryLeft .cardProductImgOne img {
  height: 100%;
  border-radius: 25px;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.cardProductGallery .cardProductGalleryInner .cardProductGalleryRight {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cardProductGallery .cardProductGalleryInner .cardProductGalleryRight .cardProductImgTwo,
.cardProductGallery .cardProductGalleryInner .cardProductGalleryRight .cardProductImgThree {
  height: 100%;
}
.cardProductGallery .cardProductGalleryInner .cardProductGalleryRight .cardProductImgTwo img,
.cardProductGallery .cardProductGalleryInner .cardProductGalleryRight .cardProductImgThree img {
  height: 100%;
  border-radius: 25px;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.writerProduct {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}
.writerProduct .writerProductImg img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}
.writerProduct .writerProductInfo h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
}
.writerProduct .writerProductInfo h2 a {
  color: #091723;
  text-decoration: none;
}
.writerProduct .writerProductInfo h2:hover {
  color: #FF4800;
}
.writerProduct .writerProductInfo h2:hover a {
  color: #FF4800;
}
.writerProduct .writerProductInfo .writerProductReviewInfo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.writerProduct .writerProductInfo .writerProductReviewInfo .writerProductStar {
  display: flex;
  align-items: center;
  gap: 4px;
}
.writerProduct .writerProductInfo .writerProductReviewInfo .writerProductStar a img {
  width: 18px;
}

.buyOneGetOne {
  background-color: #7EB2FD;
  border-radius: 30px;
  padding: 30px;
}
.buyOneGetOne .buyOneGetOneInner span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
.buyOneGetOne .buyOneGetOneInner h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 46px;
  line-height: 56px;
  color: #222A4E;
}
.buyOneGetOne .buyOneGetOneInner p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
.buyOneGetOne .buyOneGetOneInner .buyOneGetOneImgGrp {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.buyOneGetOne .buyOneGetOneInner .phoneNumber {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.buyOneGetOne .buyOneGetOneInner .phoneNumber h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
  padding: 0;
}
.buyOneGetOne .buyOneGetOneInner .phoneNumber p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}

.templateProduct {
  padding: 80px 0;
}

.productCrdGrpOuter {
  margin-top: 40px;
}

.productCrdGrp {
  margin-bottom: 40px;
}
.productCrdGrp:hover .productCrdImg {
  transform: rotateY(180deg);
  opacity: 0.8;
}
.productCrdGrp:hover .productCrdImg img {
  transform: rotateY(180deg);
}
.productCrdGrp:hover .productCrdContent h2 {
  color: #FF4800;
}
.productCrdGrp:hover .productCrdContent h2 a {
  color: #FF4800;
  text-decoration: none;
}
.productCrdGrp:hover .productCrdPrice .regularPrice {
  text-decoration: line-through;
  text-decoration-color: #FF4800;
}
.productCrdGrp .productCrdImg {
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.productCrdGrp .productCrdImg img {
  width: 100%;
  border-radius: 25px;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.productCrdGrp .productCrdContent {
  margin-top: 20px;
}
.productCrdGrp .productCrdContent span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  display: inline-block;
  margin-bottom: 4px;
}
.productCrdGrp .productCrdContent h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
  transition: all 0.4s ease;
}
.productCrdGrp .productCrdContent h2 a {
  color: #091723;
  text-decoration: none;
}
.productCrdGrp .productCrdContent .productCrdReview {
  display: flex;
  align-items: center;
  gap: 4px;
}
.productCrdGrp .productCrdContent .productCrdReview a img {
  width: 18px;
}
.productCrdGrp .productCrdContent .productCrdPrice {
  margin-top: 10px;
}
.productCrdGrp .productCrdContent .productCrdPrice .discountPrice,
.productCrdGrp .productCrdContent .productCrdPrice .regularPrice {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.productCrdGrp .productCrdContent .productCrdPrice .discountPrice {
  color: #FF4800;
}
.productCrdGrp .productCrdContent .productCrdPrice .priceDash {
  color: #95A0AD;
}
.productCrdGrp .productCrdContent .productCrdPrice .regularPrice {
  color: #95A0AD;
}

.miniSideBanner {
  margin-top: 50px;
}
.miniSideBanner img {
  width: 100%;
  border-radius: 30px;
}

.shopBannerSec .shopBannerOuter .shopBannerInner {
  background-image: url("/images/banner3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  padding: 80px;
  display: grid;
  grid-template-columns: 1fr 400px;
  align-items: center;
  gap: 150px;
  position: relative;
  z-index: 1;
}
.shopBannerSec .shopBannerOuter .shopBannerInner::after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(9, 23, 35, 0.76) 45.44%, rgba(9, 23, 35, 0) 135.33%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50px;
}
.shopBannerSec .shopBannerOuter .shopBannerInner .shopBannerContent span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FF4800;
  display: inline-block;
  margin-bottom: 20px;
}
.shopBannerSec .shopBannerOuter .shopBannerInner .shopBannerContent h2 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 56px;
  line-height: 66px;
  color: #FFFFFF;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.shopBannerSec .shopBannerOuter .shopBannerInner .shopBannerContent h2:after {
  content: "";
  width: 30%;
  height: 1px;
  background-color: #FF4800;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.shopBannerSec .shopBannerOuter .shopBannerInner .shopBannerContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}

.buyOneGetOneBx {
  background-color: #222A4E;
  border-radius: 30px;
  padding: 30px;
}
.buyOneGetOneBx .buyOneGetOneBxInner span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
.buyOneGetOneBx .buyOneGetOneBxInner h5 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 46px;
  line-height: 56px;
  color: #FCB80F;
}
.buyOneGetOneBx .buyOneGetOneBxInner p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
.buyOneGetOneBx .buyOneGetOneBxInner .buyOneGetOneBxImgGrp {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.buyOneGetOneBx .buyOneGetOneBxInner .phoneNumber {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.buyOneGetOneBx .buyOneGetOneBxInner .phoneNumber h6 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #FCB80F;
}
.buyOneGetOneBx .buyOneGetOneBxInner .phoneNumber p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}

.swiper {
  width: 240px;
  height: 320px;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.moreProduct .moreProductOuter {
  background-color: rgba(255, 72, 0, 0.0901960784);
  margin-top: 80px;
  padding-bottom: 60px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Toodle Kids and Baby
  Author: Webstrot
  Version: 1.0.0
*/
.toddleShopDetail {
  padding: 50px 0 50px;
}

.scooter-container {
  display: grid;
  align-items: center;
  gap: 30px;
  grid-template-columns: 220px 1fr;
  margin-bottom: 40px;
}

.scooterColorTab {
  position: relative;
  width: 100%;
  height: 100%;
}
.scooterColorTab .hLineMask {
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%;
  right: 0;
}

.cloudimage-360 .cloudimage-360-inner-box canvas {
  aspect-ratio: 20/15;
  width: 100%;
  height: auto;
}

.scooter-images {
  width: 100%;
  height: 100%;
}

.scooter-images-Tab {
  height: 100% !important;
}
.scooter-images-Tab .cloudimage-360 {
  height: 100% !important;
}
.scooter-images-Tab .cloudimage-360 .cloudimage-360-inner-box {
  height: 100% !important;
}
.scooter-images-Tab .cloudimage-360 .cloudimage-360-inner-box canvas {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

.color-options {
  list-style: none;
  padding: 60px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 35px;
  align-items: end;
  position: relative;
  z-index: 1;
}
.color-options::after {
  content: "";
  position: absolute;
  background: url("/images/line.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}

.color-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  justify-content: end;
  position: relative;
}

.color-option span {
  font-size: 18px;
  font-weight: 500;
  color: #858585;
  white-space: nowrap;
}

.color-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 4px solid #fff;
  transition: all 0.4s ease-in-out;
}

.color-option.active span {
  color: #102C35;
}
.color-option.active .color-circle {
  border: 0px solid #fff;
}

.color-option:hover span,
.color-option.active span {
  border-color: #102C35;
}

.scooter-images img {
  max-width: 300px;
  transition: transform 0.3s ease;
}

.scooter-images img:hover {
  transform: scale(1.05);
}

.shopProductDetail .shopProductDetailInner .shopProductHeadingDetail h2 {
  font-size: 36px;
  font-weight: 500;
  color: #102C35;
}
.shopProductDetail .shopProductDetailInner .shopProductHeadingDetail span {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #95A0AD;
  display: inline-block;
  margin-bottom: 20px;
}
.shopProductDetail .shopProductDetailInner .shopProductHeadingDetail span b {
  color: #102C35;
  font-weight: 500;
}
.shopProductDetail .shopProductDetailInner .shopProductHeadingDetail p {
  font-size: 16px;
  font-weight: 400;
  color: #858585;
}
.shopProductDetail .shopProductDetailInner .shopProductReviewDetail {
  display: flex;
  align-items: center;
  gap: 15px;
}
.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductRatingDetail .fa-star {
  color: rgba(133, 133, 133, 0.1882352941);
}
.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductRatingDetail .fa-star.faStarYellow {
  color: #FFC633;
}
.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductReviewCountDetail {
  display: flex;
  align-items: center;
}
.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductReviewCountDetail span {
  font-size: 16px;
  font-weight: 400;
  color: #858585;
  display: inline-block;
  padding-right: 10px;
}
.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductReviewCountDetail p {
  border-left: 1px solid rgba(136, 136, 136, 0.1254901961);
  padding-left: 10px;
}
.shopProductDetail .shopProductDetailInner .shopProductPriceDetail {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
}
.shopProductDetail .shopProductDetailInner .shopProductPriceDetail .shopProductDiscountPrice ins {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  color: #FF4800;
  text-decoration: none;
}
.shopProductDetail .shopProductDetailInner .shopProductPriceDetail .shopProductMarketPrice del {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  color: #858585;
}
.shopProductDetail .shopProductDetailInner p {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #888888;
}
.shopProductDetail .shopProductDetailInner .stockItem {
  margin-bottom: 40px;
}
.shopProductDetail .shopProductDetailInner .stockItem p {
  position: relative;
  color: #000000;
}
.shopProductDetail .shopProductDetailInner .stockItem p:after, .shopProductDetail .shopProductDetailInner .stockItem p:before {
  content: "";
  height: 2px;
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.shopProductDetail .shopProductDetailInner .stockItem p:after {
  background-color: #888888;
}
.shopProductDetail .shopProductDetailInner .stockItem p:before {
  background-color: #FF4800;
  z-index: 1;
  width: 90%;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours {
  margin: 20px 0;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours h6 {
  font-size: 18px;
  font-weight: 500;
  color: #111111;
  font-family: "Roboto";
  margin-bottom: 20px;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection .colorOption {
  position: relative;
  display: inline-block;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection input[type=radio] {
  display: none;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection input[type=radio]:checked + span {
  transform: scale(0.9);
  outline: 1px dashed #FF4800;
  outline-offset: 2px;
}
.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.shopProductDetail .shopProductDetailInner .shopProductSpecifications h4 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #111111;
}
.shopProductDetail .shopProductDetailInner .shopProductSpecifications .shopProductSpecifiDetail {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 10px;
}
.shopProductDetail .shopProductDetailInner .shopProductSpecifications .shopProductSpecifiDetail .shopProductSpecifiDetailItem h5 {
  font-size: 16px;
  font-weight: 400;
  color: #858585;
  margin-bottom: 0;
}
.shopProductDetail .shopProductDetailInner .shopProductSpecifications .shopProductSpecifiDetail .shopProductSpecifiDetailItem p {
  font-size: 16px;
  font-weight: 400;
  color: #111111;
}
.shopProductDetail .shopProductDetailInner .shopProductStockStatus {
  margin-bottom: 20px;
}
.shopProductDetail .shopProductDetailInner .shopProductStockStatus img {
  margin-right: 6px;
}
.shopProductDetail .shopProductDetailInner .shopProductStockStatus span {
  font-size: 16px;
  font-weight: 400;
  color: #00B051;
}
.shopProductDetail .shopProductDetailInner .shopProductView {
  margin-bottom: 20px;
}
.shopProductDetail .shopProductDetailInner .shopProductView img {
  margin-right: 6px;
}
.shopProductDetail .shopProductDetailInner .shopProductView span {
  font-size: 16px;
  font-weight: 400;
  color: #111111;
}
.shopProductDetail .shopProductDetailInner .productSoldInfo {
  margin-bottom: 20px;
}
.shopProductDetail .shopProductDetailInner .productSoldInfo img {
  margin-right: 6px;
}
.shopProductDetail .shopProductDetailInner .productSoldInfo span {
  font-size: 16px;
  font-weight: 400;
  color: #FF0900;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 30px 0;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup {
  display: flex;
  align-items: center;
  border: 1px solid rgba(133, 133, 133, 0.6);
  border-radius: 4px;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .qtyInput input.qty-input {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 3px;
  margin: 0 2px;
  transition: all 0.5s linear;
  font-weight: 500;
  font-size: 20px;
  border: 0;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup {
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(133, 133, 133, 0.6);
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .plus-button {
  border-radius: 3px;
  color: #111111;
  font-size: 20px;
  line-height: 0;
  transition: all 0.3s linear;
  border: 0;
  background: #fff;
  padding: 0;
  font-weight: 500;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .minus-button {
  border-radius: 3px;
  color: #111111;
  font-size: 20px;
  line-height: 0;
  transition: all 0.3s linear;
  border: 0;
  background: #fff;
  padding: 0;
  font-weight: 500;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .minus-button .fa-solid,
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .plus-button .fa-solid {
  font-size: 14px;
}
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .minus-button:hover,
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .plus-button:hover {
  color: #FF4800;
}
.shopProductDetail .shopProductDetailInner .termsAndConditions {
  margin: 20px 0;
}
.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label {
  display: flex;
  align-items: center;
  gap: 15px;
}
.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .frmCheckLabel input[type=checkbox] {
  width: 35px;
  height: 35px;
  border: 1px solid #858585;
  background-color: #ffffff;
  border-radius: 0;
}
.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .frmCheckLabel input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjIgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDhGQUMyIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDkuNUw2LjUgMTUgMjEgMSIvPjwvc3ZnPg==");
  background-size: 22px;
}
.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .frmCheckLabel input[type=checkbox]:active {
  filter: brightness(100%);
}
.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .rememberTxt {
  font-size: 16px;
  font-weight: 400;
  color: #858585;
}
.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .rememberTxt a {
  color: #111111;
}
.shopProductDetail .shopProductDetailInner .booking-banner {
  margin: 20px 0;
  font-size: 20px;
  font-weight: 500;
  color: #102C35;
  border: 0.5px solid #102C35;
  border-radius: 6px;
  padding: 15px;
  text-align: center;
}
.shopProductDetail .shopProductDetailInner .productDetailBtnGroup {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: start;
  gap: 10px;
}
.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #858585;
  padding: 0;
  border: 0;
}
.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a:hover {
  color: #FF4800;
}
.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a:focus {
  background-color: #ffffff;
  color: #858585;
}
.shopProductDetail .shopProductDetailInner .delivery-info {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: self-start;
  gap: 10px;
}
.shopProductDetail .shopProductDetailInner .delivery-info span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #111111;
}
.shopProductDetail .shopProductDetailInner .delivery-info p {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.shopProductDetail .shopProductDetailInner .delivery-info p strong {
  font-weight: 400;
  color: #111111;
}
.shopProductDetail .shopProductDetailInner .paymentLogo {
  background-color: #FFF4F8;
  padding: 20px;
  border-radius: 6px;
  margin: 30px 0 0;
}
.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding: 20px 0;
}
.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup .paymentLogoItem {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 6px 0;
}
.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup .paymentLogoItem:last-child::after {
  content: unset;
}
.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup .paymentLogoItem::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: rgba(133, 133, 133, 0.34);
  top: 0;
  right: -7px;
}
.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoPara p {
  font-size: 16px;
  font-weight: 400;
  color: #111111;
  text-align: center;
}

input:focus {
  outline: none;
}

/* For WebKit browsers (Chrome, Edge, Safari, Opera) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* For fallback and other browsers */
input[type=number] {
  appearance: textfield;
}

.color-options .color-option:nth-child(1) {
  transform: translateX(-26px);
}

.color-options .color-option:nth-child(2) {
  transform: translateX(-48px);
}

.color-options .color-option:nth-child(3) {
  transform: translateX(-58px);
}

.color-options .color-option:nth-child(4) {
  transform: translateX(-58px);
}

.color-options .color-option:nth-child(5) {
  transform: translateX(-36px);
}

.toddleShopGalleryOne .toddleShopGalleryOneInner .toddleShopGalleryGroup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.toddleShopGalleryOne .toddleShopGalleryOneInner .toddleShopGalleryGroup .toddleShopGalleryRow {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.toddleShopGalleryOne .toddleShopGalleryOneInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol {
  width: 100%;
  height: 100%;
}
.toddleShopGalleryOne .toddleShopGalleryOneInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol img {
  width: 100%;
  height: 100%;
}

.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol {
  width: 100%;
  height: 100%;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol .toddleShopGalleryContent {
  background-color: #E9F4F9;
  padding: 40px;
  border-radius: 6px;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol .toddleShopGalleryContent span {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #DAEBF6;
  margin-bottom: 30px;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol .toddleShopGalleryContent span img {
  width: 38px;
  height: 38px;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol .toddleShopGalleryContent h5 {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  color: #102C35;
}
.toddleShopGalleryTwo .toddleShopGalleryTwoInner .toddleShopGalleryGroup .toddleShopGalleryRow .toddleShopGalleryCol .toddleShopGalleryContent p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
}

.relatedScooterItem {
  border: 0.5px solid #FFF4F8;
  background-color: #FFF4F8;
  border-radius: 6px;
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  transition: all 0.4s ease;
}
.relatedScooterItem .relatedScooterImg {
  border-bottom: 1px solid #858585;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.relatedScooterItem .relatedScooterImg a {
  text-align: center;
}
.relatedScooterItem .relatedScooterImg img {
  width: 238px;
  height: 248px;
  object-fit: contain;
  margin: 0 auto;
}
.relatedScooterItem .relatedScooterImg .shopRelatedScooter {
  display: flex;
  align-items: center;
  justify-content: end;
}
.relatedScooterItem .relatedScooterImg .shopRelatedScooter .shopProductLogo img {
  width: 80px;
  height: 40px;
  object-fit: contain;
}
.relatedScooterItem .relatedScooterImg .relatedScooteReview {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 4px;
}
.relatedScooterItem .relatedScooterImg .relatedScooteReview a img {
  width: 14px;
  height: 14px;
}
.relatedScooterItem .relatedScooterContent {
  padding: 20px 30px;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead h5 {
  margin-bottom: 0;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead h5 a {
  font-weight: 500;
  font-size: 24px;
  line-height: 40px;
  color: #102C35;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #858585;
  margin-bottom: 0;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead span a {
  width: 30px;
  height: 30px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead span a img {
  width: 18px;
  height: 18px;
  transition: all 0.4s ease;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead span a:hover {
  background-color: #FF4800;
}
.relatedScooterItem .relatedScooterContent .relatedScooterHead span a:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(344deg) brightness(101%) contrast(101%);
}
.relatedScooterItem .relatedScooterContent p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #858585;
}
.relatedScooterItem .relatedScooterContent .relatedScooterPrice {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
}
.relatedScooterItem .relatedScooterContent .relatedScooterPrice ins {
  font-weight: 400;
  font-size: 22px;
  line-height: 36px;
  text-transform: capitalize;
  color: #FF4800;
  text-decoration: none;
}
.relatedScooterItem .relatedScooterContent .relatedScooterPrice del {
  font-weight: 400;
  font-size: 22px;
  line-height: 36px;
  text-transform: capitalize;
  color: #858585;
}
.relatedScooterItem .relatedScooterContent .relatedScooterBtn {
  margin-top: 24px;
}
.relatedScooterItem:hover {
  background-color: transparent;
  border: 1px dashed #FF4800;
}
.relatedScooterItem:hover .relatedScooterContent .relatedScooterHead h5 a {
  color: #FF4800;
}

.relatedScooters {
  padding: 60px 0;
}
.relatedScooters .evCommonInnerPageHeading {
  margin-bottom: 60px;
}
.relatedScooters .relatedScooterCarousel .owl-dots {
  justify-content: center;
}

.toddleShopFeaturesCarousel .owl-stage {
  display: flex;
}
.toddleShopFeaturesCarousel .owl-item .item {
  width: 100%;
  height: 100%;
}
.toddleShopFeaturesCarousel .owl-item .item .toddleShopFeaturesItem {
  width: 100%;
  height: 100%;
}
.toddleShopFeaturesCarousel .owl-item .item .toddleShopFeaturesItem .toddleShopFeatureLeft,
.toddleShopFeaturesCarousel .owl-item .item .toddleShopFeaturesItem .toddleShopFeatureContent {
  width: 100%;
  height: 100%;
}
.toddleShopFeaturesCarousel .owl-dots {
  justify-content: center;
}

.toddleShopFeaturesItem {
  display: grid;
  grid-template-columns: 210px 1fr;
}
.toddleShopFeaturesItem .toddleShopFeatureLeft {
  padding: 20px;
  border-bottom: 1px solid #102C35;
}
.toddleShopFeaturesItem .toddleShopFeatureLeft .toddleShopFeatureTxt span {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #858585;
}
.toddleShopFeaturesItem .toddleShopFeatureLeft .toddleShopFeatureTxt h5 {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #858585;
  margin-bottom: 0;
}
.toddleShopFeaturesItem .toddleShopFeatureLeft .toddleShopFeatureTxt h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #858585;
  margin-bottom: 0;
}
.toddleShopFeaturesItem .toddleShopFeatureLeft .toddleShopFeatureImg {
  position: relative;
  right: -58px;
}
.toddleShopFeaturesItem .toddleShopFeatureLeft .toddleShopFeatureImg img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}
.toddleShopFeaturesItem .toddleShopFeatureContent {
  background: rgba(8, 250, 194, 0.29);
  padding: 30px;
}
.toddleShopFeaturesItem .toddleShopFeatureContent .toddleShopFeatureHead {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.toddleShopFeaturesItem .toddleShopFeatureContent .toddleShopFeatureHead img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.toddleShopFeaturesItem .toddleShopFeatureContent .toddleShopFeatureHead h4 {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 0;
}
.toddleShopFeaturesItem .toddleShopFeatureContent p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #858585;
}

.toddleShopTabDescription {
  padding: 60px 0;
}

.toddleShopDescriptionTab {
  margin-bottom: 60px;
}
.toddleShopDescriptionTab ul {
  gap: 20px;
  flex-wrap: wrap;
  overflow: scroll;
  white-space: nowrap;
  scrollbar-width: none;
  justify-content: center;
}
.toddleShopDescriptionTab ul li a {
  padding: 10px 30px;
  border: 1px solid #FF4800 !important;
  background: #FF4800 !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  transition: all 0.4s ease;
}
.toddleShopDescriptionTab ul li a.active {
  background-color: transparent !important;
  border-style: dashed !important;
  color: #FF4800 !important;
}
.toddleShopDescriptionTab ul li a:hover {
  background-color: transparent !important;
  border-style: dashed !important;
  color: #FF4800 !important;
}

.toddleShopTabContent p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #858585;
}
.toddleShopTabContent ul {
  padding: 0px;
  list-style-position: outside;
}
.toddleShopTabContent ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #858585;
}

.toddleReviewsContent .toddleReviewsHead {
  margin-bottom: 28px;
}
.toddleReviewsContent .toddleReviewsHead h2 {
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  color: #111111;
  font-family: "Roboto";
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem:last-child {
  margin-bottom: 0px;
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem .toddleReviewImg img {
  border-radius: 50px;
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem .toddleReviewContent h6 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #102C35;
  font-family: "Roboto";
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem .toddleReviewContent h6 span {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #858585;
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem .toddleReviewContent p {
  margin-bottom: 0;
}
.toddleReviewsContent .toddleReviewsGroup .toddleReviewItem .toddleReviewContent .relatedScooteReview {
  display: flex;
  align-items: center;
  gap: 4px;
}

.toddleReviewsForm .toddleReviewsFormHead {
  margin-bottom: 30px;
}
.toddleReviewsForm .toddleReviewsFormHead h5 {
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  color: #111111;
}
.toddleReviewsForm .toddleReviewsFormHead p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
}
.toddleReviewsForm form .formGroup {
  margin-bottom: 15px;
}
.toddleReviewsForm form .formGroup label {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
}
.toddleReviewsForm form .formGroup label .rating-options label {
  margin-bottom: 0;
}
.toddleReviewsForm form .formGroup input {
  padding: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #858585;
  border-radius: 0;
  background: transparent;
  height: auto;
}
.toddleReviewsForm form .formGroup input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
}
.toddleReviewsForm form .formGroup input:focus {
  border: 0;
  border-bottom: 1px solid #858585;
}
.toddleReviewsForm form .toddleReviewsBtn {
  margin-top: 50px;
}

.toddleReviewCheckbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.toddleReviewCheckbox label {
  position: relative;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #858585;
  display: flex;
}
.toddleReviewCheckbox label:before {
  content: "";
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 14px;
  width: 26px;
  height: 26px;
}
.toddleReviewCheckbox label a {
  color: #FF4800;
}
.toddleReviewCheckbox label a:hover {
  text-decoration: underline;
}
.toddleReviewCheckbox input#toddleReviewsCheckbox {
  display: none;
}
.toddleReviewCheckbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #999999;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.rating-options {
  --icon-size: 20px;
  display: flex;
  gap: 10px;
}

.rating-options label svg {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  fill: #858585;
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.rating-options [type=radio]:checked:is(:focus-visible) + label {
  outline: 1px dotted #858585;
}

.rating-options label:hover svg {
  transform: scale(1.4);
  cursor: pointer;
}

.rating-options label:hover svg,
.rating-options label:has(~ label:hover) svg,
.rating-options [type=radio]:checked + label svg,
.rating-options:has([type=radio]:checked) label:has(~ [type=radio]:checked) svg {
  fill: #ffc700;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.shopProductAvailableSize h6 {
  margin-bottom: 20px;
}
.shopProductAvailableSize .sizeSelection {
  display: flex;
  align-items: center;
  gap: 20px;
}
.shopProductAvailableSize .sizeSelection .sizeOption input {
  display: none;
}
.shopProductAvailableSize .sizeSelection .sizeOption input[type=radio]:checked + span {
  border: 1px dashed #FF4800;
  color: #FF4800;
}
.shopProductAvailableSize .sizeSelection .sizeOption span {
  border: 1px solid #888888;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.product__carousel {
  display: block;
  width: 100%;
}

.product__carousel a {
  display: block;
  margin-bottom: 15px;
}

.product__carousel .gallery-top {
  border-radius: 6px;
  margin-bottom: 30px;
}

.product__carousel .gallery-top,
.product__carousel .gallery-thumbs {
  overflow: hidden;
}

.product__carousel .gallery-top .swiper-slide {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 20px;
}

.product__carousel .gallery-top .swiper-slide a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.product__carousel .gallery-top .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
}

.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
  min-width: 100%;
  min-height: 100%;
}

.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
  color: #ff3720;
}

.product__carousel .gallery-thumbs .swiper-slide {
  position: relative;
  transition: border 0.15s linear;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
  height: calc(100% - 2px);
  background-color: #FFF4F8;
}

.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  position: relative;
  background-color: #ffffff;
}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 2px dashed #FF4800;
  border-radius: 6px;
}

.product__carousel .gallery-thumbs .swiper-slide {
  padding: 10px;
}

.product__carousel .gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: contain;
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
  height: 26px;
  display: none;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF4F8;
  border-radius: 50%;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background-image: url(/images/shape1.png);
}

.productCarouselVerical {
  display: flex;
  gap: 30px;
  height: 492px;
}
.productCarouselVerical .gallery-thumbs {
  width: 25%;
}
.productCarouselVerical .gallery-top {
  width: 75%;
}

.slider {
  position: sticky;
  top: 20px;
}

.slider .swiper-container {
  width: 100%;
  height: 100%;
}

.slider__flex {
  display: flex;
  align-items: flex-start;
}

.slider__col {
  display: flex;
  flex-direction: column;
  width: 150px;
  margin-right: 30px;
}

.slider__prev,
.slider__next {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider__prev:focus,
.slider__next:focus {
  outline: none;
}

.slider__thumbs {
  height: 400px;
}

.slider__thumbs .slider__image {
  transition: 0.25s;
}

.slider__thumbs .swiper-slide-thumb-active .slider__image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #FF4800;
  opacity: 0.3;
  border-radius: 6px;
}

.slider__images {
  height: 400px;
}

.slider__images .slider__image img {
  transition: 3s;
}

.slider__images .slider__image:hover img {
  transform: scale(1.1);
}

.slider__image {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: 100%;
  }
  .slider__prev,
  .slider__next {
    height: auto;
    width: 32px;
  }
}
.swiper-container {
  position: relative;
}
.swiper-container .swiperNav {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 4;
  padding: 20px;
}
.swiper-container .swiperNav ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.swiper-container .swiperNav ul li a {
  width: 44px;
  height: 44px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-bottom: 0;
}
.swiper-container .swiperNav ul li a img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.swiper-container .swiperNav ul li a:hover {
  background-color: #FF4800;
}
.swiper-container .swiperNav ul li a:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(315deg) brightness(105%) contrast(106%);
}

.evBlogSidebar .toddleShopSidebarInner a.blogSidebarClose {
  padding: 12px 15px;
  width: fit-content;
  margin: 0 0 0 auto;
}

.shopProductTagsDetail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.shopProductTagsDetail h5 {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
  margin-bottom: 0;
  white-space: nowrap;
}
.shopProductTagsDetail .shopProductTagsGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.shopProductTagsDetail .shopProductTagsGroup .shopTagItem {
  font-family: "Roboto";
  display: inline-block;
  background-color: #FFF4F8;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #FF4800;
  padding: 8px 16px;
  border-radius: 6px;
}

.shopDetailSelect {
  display: flex;
  align-items: center;
  gap: 20px;
}
.shopDetailSelect .shopDetailSelectBox label {
  margin-bottom: 8px;
}

body.select2-open {
  overflow: hidden;
}

.bookDetails {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Poppins";
  margin: 40px 0;
}
.bookDetails .bookDetailItem {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
}
.bookDetails .bookDetailItem .label {
  color: #b0b7c3;
  min-width: 160px;
  display: inline-block;
}
.bookDetails .bookDetailItem .value {
  color: #0f1925;
  font-weight: 600;
}

@media (max-width: 480px) {
  .bookDetailItem {
    flex-direction: column;
    gap: 4px;
  }
  .bookDetailItem .label {
    min-width: auto;
  }
  .bookCardSlider.swiper {
    width: 170px;
    height: 240px;
  }
}
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. login

**********************************************/
.loginRegisterLogo {
  margin-bottom: 40px;
}

.loginRegisterImg {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.loginRegisterImg img {
  width: 56%;
}

.loginRegister .loginRegisterOuter .loginRegisterInner {
  padding: 90px 0;
}
.loginRegister .loginRegisterOuter .loginRegisterInner .loginRegisterForm .loginRegisterImg {
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  height: 100%;
}
.loginRegister .loginRegisterOuter .loginRegisterInner .loginRegisterForm .loginRegisterBtn {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  padding: 10px;
}
.loginRegister .loginRegisterOuter .loginRegisterInner .loginRegisterForm .loginRegisterBtn .regBtn {
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #091723;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  width: 50%;
  text-align: center;
}
.loginRegister .loginRegisterOuter .loginRegisterInner .loginRegisterForm .loginRegisterBtn .regBtn.active {
  background: #091723;
  color: #ffffff;
}
.loginRegister .loginRegisterOuter .loginRegisterInner .loginRegisterForm .contact-form-container .contact-form .submit-btn {
  width: 100%;
}

.loginReg {
  padding: 30px 0;
}
.loginReg span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.loginReg span::after {
  content: "";
  height: 1px;
  background-color: #E2E2E2;
  width: 100px;
  display: inline-block;
}
.loginReg span::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #E2E2E2;
  width: 100px;
  display: inline-block;
}

.socialIcon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.socialIcon a {
  border: 1px solid #E2E2E2;
  padding: 12px 18px;
  border-radius: 10px;
  flex: 1;
  text-align: center;
  background-color: #ffffff;
  transition: all 0.4s ease;
}
.socialIcon a:hover {
  border-color: #FF4800;
}

.dontAccount {
  margin-top: 50px;
}
.dontAccount p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: #95A0AD;
}
.dontAccount p a {
  color: #FF4800;
}

.contact-form-container form.contact-form label span {
  color: #ff4d4d;
}
.contact-form-container form.contact-form .password-section {
  font-family: "$poppinsFont", sans-serif;
}
.contact-form-container form.contact-form .password-section .password-label .required {
  color: #ff4d4d;
}
.contact-form-container form.contact-form .password-section .password-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.contact-form-container form.contact-form .password-section .password-input-wrapper .password-input {
  width: 100%;
  transition: all 0.3s;
  padding: 10px 40px 10px 15px;
}
.contact-form-container form.contact-form .password-section .password-input-wrapper .toggle-password {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none;
}
.contact-form-container form.contact-form .password-section .password-input-wrapper .toggle-password img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}
.contact-form-container form.contact-form .password-section .password-input-wrapper .toggle-password img:hover {
  filter: invert(37%) sepia(80%) saturate(4272%) hue-rotate(2deg) brightness(102%) contrast(106%);
}
.contact-form-container form.contact-form .password-section .password-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 10px;
}
.contact-form-container form.contact-form .password-section .password-options .form-checkbox {
  margin-bottom: 0;
}
.contact-form-container form.contact-form .password-section .password-options .remember-me {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1a1a1a;
}
.contact-form-container form.contact-form .password-section .password-options .remember-me input {
  accent-color: #ff4500;
  margin-right: 6px;
}
.contact-form-container form.contact-form .password-section .password-options .forgot-password {
  font-size: 14px;
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}
.contact-form-container form.contact-form .password-section .password-options .forgot-password:hover {
  color: #ff4500;
}

.registerImg {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.registerImg img {
  width: 60%;
}

/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

1. popup

**********************************************/
.subscribePopup {
  width: 100%;
  height: 100vh;
  background: radial-gradient(79.95% 79.95% at 50% 50%, rgba(9, 23, 35, 0.2) 0%, #091723 100%);
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
  z-index: 9999;
}
.subscribePopup.show {
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.subscribePopup.show .subscribePopupInner {
  transform: scale(1);
  opacity: 1;
}
.subscribePopup.hide {
  opacity: 0;
  pointer-events: none;
}
.subscribePopup.hide .subscribePopupInner {
  transform: scale(0.9);
  opacity: 0;
}
.subscribePopup .subscribePopupOuter {
  width: 70%;
  margin: 0 auto;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 30px;
  overflow: hidden;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  background-color: #fff;
  transform: scale(0.85);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .model-cancel {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background-color: #ffffff;
  z-index: 1;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .model-cancel img {
  width: 35px;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .subscribePopupContent {
  padding: 100px;
  background-color: #ffffff;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .subscribePopupContent h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #091723;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .subscribePopupContent p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #95A0AD;
  margin-bottom: 20px;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .subscribePopupImg {
  position: relative;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner .subscribePopupImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subscribe-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.subscribe-box label {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #091723;
  margin-bottom: 6px;
}
.subscribe-box label span {
  color: #e00000;
  margin-left: 2px;
}
.subscribe-box input {
  width: 100%;
  height: 42px;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  outline: none;
  padding: 0 12px;
  font-size: 14px;
  color: #333;
  background-color: #ffffff;
  transition: all 0.3s ease;
}
.subscribe-box input::placeholder {
  color: #b5b5b5;
}
.subscribe-box input:focus {
  border-color: #ff4500;
}
.subscribe-box button {
  margin-top: 20px;
  width: 100%;
  height: 50px;
  background-color: #0b1726;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.subscribe-box button:hover {
  background-color: #121f31;
}

.subscribePopup {
  width: 100%;
  height: 100vh;
  background: radial-gradient(79.95% 79.95% at 50% 50%, rgba(9, 23, 35, 0.2) 0%, #091723 100%);
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 9999;
}
.subscribePopup.show {
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.subscribePopup .subscribePopupOuter {
  width: 70%;
  margin: 0 auto;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 30px;
  overflow: hidden;
}
.subscribePopup .subscribePopupOuter .subscribePopupInner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  transform: translateY(10px) scale(0.98);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.45s ease;
  background: #fff;
}
.subscribePopup.show .subscribePopup .subscribePopupOuter .subscribePopupInner, .subscribePopup.show .subscribePopup .subscribePopupOuter .subscribePopupInner { /* fallback */ }

/* animate inner when popup has .show */
.subscribePopup.show .subscribePopupInner {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* optional hide state for smooth close */
.subscribePopup.hide {
  opacity: 0;
  pointer-events: none;
}

.subscribePopup.hide .subscribePopupInner {
  transform: translateY(8px) scale(0.98);
  opacity: 0;
}

/* rest of your subscribe-box styles unchanged... */
/*-----------------------------------------------------------------------------------

  Template Name: Accounting
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. footer home1

**********************************************/
.footer {
  z-index: 1;
  position: relative;
  padding-top: 200px;
}
.footer::after {
  content: "";
  background-image: url("/images/bg-shape1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.footer .footerInner {
  position: relative;
  padding: 50px 0;
}
.footer .footerInner .row {
  gap: 30px 0;
}

.footerAbout .footerLogo {
  margin-bottom: 20px;
}
.footerAbout .footerPara p {
  font-size: 16px;
  color: #95A0AD;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.footerHeading {
  margin-bottom: 20px;
}
.footerHeading h2 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  color: #FF4800;
}

.footerNewsletterGroup p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
.footerNewsletterGroup .footerNewsletterInput {
  background-color: rgba(255, 255, 255, 0.062745098);
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px;
}
.footerNewsletterGroup .footerNewsletterInput .form-control {
  background-color: transparent;
  border-color: transparent;
  width: calc(100% - 50px);
  color: #ffffff;
}
.footerNewsletterGroup .footerNewsletterInput .submitBtn {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF4800;
  border-color: #FF4800;
  cursor: pointer;
}

.footerMenu {
  width: fit-content;
  margin: 0 auto;
}
.footerMenu .footerMenuList ul {
  gap: 15px;
  margin-left: 0;
}
.footerMenu .footerMenuList ul li a {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.footerMenu .footerMenuList ul li a:hover {
  color: #FF4800;
}
.footerMenu .footerMenuList ul li a:hover h5 {
  color: #FF4800;
}

.footerAppStoreGroup ul {
  gap: 10px;
}
.footerAppStoreGroup ul li a {
  display: block;
}
.footerAppStoreGroup ul li a img:hover {
  box-shadow: 0px 0px 4px 1px rgba(5, 156, 121, 0.83), inset 0px 0px 2px 1px rgba(5, 156, 121, 0.83);
  border-radius: 8px;
}

.footerCopyRight {
  padding: 20px 0;
  border-top: 1px solid #fff;
}
.footerCopyRight .footerCopyRightInner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.footerCopyRight .footerCopyRightInner p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.footerCopyRight .footerCopyRightInner p a {
  color: #FF4800;
  cursor: pointer;
}
.footerCopyRight .footerCopyRightInner p a:hover {
  text-decoration: underline;
}
.footerCopyRight .footerCopyRightInner ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footerCopyRight .footerCopyRightInner ul li {
  position: relative;
}
.footerCopyRight .footerCopyRightInner ul li a {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.footerCopyRight .footerCopyRightInner ul li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  background-color: #ffffff;
  height: 100%;
  width: 1px;
}
.footerCopyRight .footerCopyRightInner ul li:last-child::after {
  content: unset;
}

.socialMediaIcon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.socialMediaIcon a:hover.strokeClr svg path {
  stroke: #FF4800;
}
.socialMediaIcon a:hover.fillClr svg path {
  fill: #FF4800;
}

.footContactInfo {
  display: flex;
  gap: 16px;
  transition: all 0.5s;
}
.footContactInfo .footContactInfoIcon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 10px;
  transition: all 0.5s;
  border: 2px solid transparent;
}
.footContactInfo .footContactInfoIcon img {
  width: 100%;
  object-fit: cover;
}
.footContactInfo .footContactInfoIcon:hover {
  border-color: #FF4800;
}
.footContactInfo .footContactInfoTxt {
  color: #fff;
}
.footContactInfo .footContactInfoTxt h3 {
  color: #fff;
  transition: all 0.5s;
}

#footer {
  border: 0;
  margin-top: 0px;
}
#footer .footerInner {
  padding: 160px 0 80px;
}
#footer .footerAbout .footerLogo {
  text-align: left;
}
#footer .footerAbout .footerPara p {
  text-align: left;
}
#footer .footerMenu .footerMenuList ul {
  align-items: flex-start;
}
#footer .footerHeading h4 {
  text-align: left;
}
#footer .footerNewsletterGroup p {
  text-align: left;
}
#footer .footContactInfo .footContactInfoTxt h5 {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 0;
}
#footer .footContactInfo .footContactInfoTxt p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 0;
}
#footer .footContactInfo:hover .footContactInfoTxt h5 {
  color: #ff4800;
}

.footer.footerTwo {
  padding: 0;
  background-color: #091723 !important;
}
.footer.footerTwo::after {
  content: unset;
}
.footer.footerTwo .socialMediaIcon .socialMediaLink {
  width: 45px;
  height: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 50px;
  transition: all 0.5s;
}
.footer.footerTwo .socialMediaIcon .socialMediaLink:hover {
  background-color: transparent;
  border-color: #FF4800;
}
.footer.footerTwo .footerMenu .footerMenuList ul li a {
  color: #fff;
}
.footer.footerTwo .footerMenu .footerMenuList ul li a:hover {
  color: #FF4800;
}
.footer.footerTwo .footerAppStore .footerNewsletterGroup p {
  color: #fff;
}
.footer.footerTwo .footerAppStore .footerNewsletterGroup .footerNewsletterInput {
  background-color: #ffffff;
  border: 1px solid #E2E2E2;
}
.footer.footerTwo .footerAppStore .footerNewsletterGroup .footerNewsletterInput .form-control {
  color: #091723;
}
.footer.footerTwo .footerCopyRight {
  border-top: 1px solid #ff4800;
}
.footer.footerTwo .footerCopyRight .footerCopyRightInner p {
  color: #fff;
}/*# sourceMappingURL=style.css.map */
section.section {
    padding-bottom: 70px;
}