* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/************* colors-start *************/
:root {
    --maroon: #A51C30;
    --txtGray1: #1C1F25;
    --txtGray2: #353B45;
    --txtGray3: #3B4351;
    --txtGray4: #444F60;
    --txtGray5: #546175;
    --txtWhite: #F3F2FF;
    --white: #FFFFFF;
    --black: #000000;
    --black1: #292929;
    --black2: #1D1D1D;
    --grayBdr: #B2BAC7;
    --grayBdr1: #D6DAE1;
    --pinkBdr: #F7AAAC;
    --lightPink: #FEF2F2;
    --lightPink1: #FDE6E6;
    --warningRed: #E91923;
    --green: #60c447;
}
.ffMS {
    font-family: "Inter", sans-serif !important;
}
.ffNS {
    font-family: "Nunito Sans", sans-serif !important;
}
.ffInter {
    font-family: "Inter", sans-serif !important;
}
/*.ffMS {
    font-family: "Inter", sans-serif !important;
}
.ffNS {
    font-family: "Nunito Sans", sans-serif !important;
}
.ffInter {
    font-family: "Inter", sans-serif !important;
}*/

body {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--txtGray3);
    overflow-x: hidden;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

h1,
.h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
}

h2,
.h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 0;
}

h3,
.h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
}

h4,
.h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
}

h5,
.h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

h6,
.h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

p {
    color: var(--txtGray3);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 16px;
}

p:last-child {
    margin-bottom: 0
}

.txt40 {
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt36 {
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt32 {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt30 {
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt28 {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt24 {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt22 {
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt20 {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt18 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt16 {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt14 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt12 {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

.txt10 {
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0
}

img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
b{
    font-weight: 700;
}

.lh_1p0 {
    line-height: 1.0 !important;
}

.lh_1p1 {
    line-height: 1.1 !important;
}

.lh_1p2 {
    line-height: 1.2 !important;
}

.lh_1p3 {
    line-height: 1.3 !important;
}

.lh_1p4 {
    line-height: 1.4 !important;
}

.lh_1p5 {
    line-height: 1.5 !important;
}

.lh_1p6 {
    line-height: 1.6 !important;
}

.lh_1p7 {
    line-height: 1.7 !important;
}

.lh_1p8 {
    line-height: 1.8 !important;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
a:hover {
    color: var(--txtGray1);
    text-decoration: none;
}

.ttCap {
    text-transform: capitalize
}

.ttUpper {
    text-transform: uppercase
}

.ttNone {
    text-transform: none
}

.fwExBold {
    font-weight: 800 !important
}

.fwBold {
    font-weight: 700 !important
}

.fwSemiBold {
    font-weight: 600 !important
}

.fwMedium {
    font-weight: 500 !important
}

.fwNormal {
    font-weight: 400 !important
}

.fsItalic{
    font-style: italic;
}

.dFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.dInFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inv {
    flex-direction: row-reverse
}

.dNone{
    display: none;
}
.dBlock {
    display: block
}
.dInBlock {
    display: inline-block
}

.jcCenter {
    justify-content: center
}
.jcRight {
    justify-content: flex-end;
}
.jcSB{
    justify-content: space-between;
}

.aiCenter{
    align-items: center;
}

strong {
    font-weight: 700
}

input:focus,
textarea:focus,
button:focus,
select:focus,
a:focus {
    box-shadow: none !important;
    outline: none !important;
}

/*Margins-Paddings*/

.m_0 {
    margin: 0 !important;
}

.mt_0 {
    margin-top: 0 !important;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.p_0 {
    padding: 0 !important;
}

.pt_0 {
    padding-top: 0 !important;
}

.pb_0 {
    padding-bottom: 0 !important;
}

.pl_0 {
    padding-left: 0 !important;
}

.pr_0 {
    padding-right: 0 !important;
}

.mt_4 {
    margin-top: 4px;
}

.mb_4 {
    margin-bottom: 4px;
}

.pt_4 {
    padding-top: 4px;
}

.pb_4 {
    padding-bottom: 4px;
}

.mt_6 {
    margin-top: 6px;
}

.mb_6 {
    margin-bottom: 6px;
}

.pt_6 {
    padding-top: 6px;
}

.pb_6 {
    padding-bottom: 6px;
}

.mt_8 {
    margin-top: 8px;
}

.mb_8 {
    margin-bottom: 8px;
}

.pt_8 {
    padding-top: 8px;
}

.pb_8 {
    padding-bottom: 8px;
}

.mt_10 {
    margin-top: 10px;
}

.mb_10 {
    margin-bottom: 10px;
}

.pt_10 {
    padding-top: 10px;
}

.pb_10 {
    padding-bottom: 10px;
}

.mt_12 {
    margin-top: 12px;
}

.mb_12 {
    margin-bottom: 12px;
}

.pt_12 {
    padding-top: 12px;
}

.pb_12 {
    padding-bottom: 12px;
}

.mt_14 {
    margin-top: 14px;
}

.mb_14 {
    margin-bottom: 14px;
}

.pt_14 {
    padding-top: 14px;
}

.pb_14 {
    padding-bottom: 14px;
}

.mt_16 {
    margin-top: 16px;
}

.mb_16 {
    margin-bottom: 16px;
}

.pt_16 {
    padding-top: 16px;
}

.pb_16 {
    padding-bottom: 16px;
}

.mt_18 {
    margin-top: 18px;
}

.mb_18 {
    margin-bottom: 18px;
}

.pt_18 {
    padding-top: 18px;
}

.pb_18 {
    padding-bottom: 18px;
}

.mt_20 {
    margin-top: 20px;
}

.mb_20 {
    margin-bottom: 20px;
}

.pt_20 {
    padding-top: 20px;
}

.pb_20 {
    padding-bottom: 20px;
}

.mt_24 {
    margin-top: 24px;
}

.mb_24 {
    margin-bottom: 24px;
}

.pt_24 {
    padding-top: 24px;
}

.pb_24 {
    padding-bottom: 24px;
}

.mt_28 {
    margin-top: 28px;
}

.mb_28 {
    margin-bottom: 28px;
}

.pt_28 {
    padding-top: 28px;
}

.pb_28 {
    padding-bottom: 28px;
}

.mt_32 {
    margin-top: 32px;
}

.mb_32 {
    margin-bottom: 32px;
}

.pt_32 {
    padding-top: 32px;
}

.pb_32 {
    padding-bottom: 32px;
}

.mt_36 {
    margin-top: 36px;
}

.mb_36 {
    margin-bottom: 36px;
}

.pt_36 {
    padding-top: 36px;
}

.pb_36 {
    padding-bottom: 36px;
}

.mt_40 {
    margin-top: 40px;
}

.mb_40 {
    margin-bottom: 40px;
}

.pt_40 {
    padding-top: 40px;
}

.pb_40 {
    padding-bottom: 40px;
}

.mt_44 {
    margin-top: 44px;
}

.mb_44 {
    margin-bottom: 44px;
}

.pt_44 {
    padding-top: 44px;
}

.pb_44 {
    padding-bottom: 44px;
}

.mt_48 {
    margin-top: 48px;
}

.mb_48 {
    margin-bottom: 48px;
}

.pt_48 {
    padding-top: 48px;
}

.pb_48 {
    padding-bottom: 48px;
}

.mt_52 {
    margin-top: 52px;
}

.mb_52 {
    margin-bottom: 52px;
}

.pt_52 {
    padding-top: 52px;
}

.pb_52 {
    padding-bottom: 52px;
}

.mt_56 {
    margin-top: 56px;
}

.mb_56 {
    margin-bottom: 56px;
}

.pt_56 {
    padding-top: 56px;
}

.pb_56 {
    padding-bottom: 56px;
}

.mt_60 {
    margin-top: 60px;
}

.mb_60 {
    margin-bottom: 60px;
}

.pt_60 {
    padding-top: 60px;
}

.pb_60 {
    padding-bottom: 60px;
}

.mt_64 {
    margin-top: 64px;
}

.mb_64 {
    margin-bottom: 64px;
}

.pt_64 {
    padding-top: 64px;
}

.pb_64 {
    padding-bottom: 64px;
}

.mt_68 {
    margin-top: 68px;
}

.mb_68 {
    margin-bottom: 68px;
}

.pt_68 {
    padding-top: 68px;
}

.pb_68 {
    padding-bottom: 68px;
}

.mt_72 {
    margin-top: 72px;
}

.mb_72 {
    margin-bottom: 72px;
}

.pt_72 {
    padding-top: 72px;
}

.pb_72 {
    padding-bottom: 72px;
}

.mt_76 {
    margin-top: 76px;
}

.mb_76 {
    margin-bottom: 76px;
}

.pt_76 {
    padding-top: 76px;
}

.pb_76 {
    padding-bottom: 76px;
}

.mt_80 {
    margin-top: 80px;
}

.mb_80 {
    margin-bottom: 80px;
}

.pt_80 {
    padding-top: 80px;
}

.pb_80 {
    padding-bottom: 80px;
}

.mt_84 {
    margin-top: 84px;
}

.mb_84 {
    margin-bottom: 84px;
}

.pt_84 {
    padding-top: 84px;
}

.pb_84 {
    padding-bottom: 84px;
}

.mt_88 {
    margin-top: 88px;
}

.mb_88 {
    margin-bottom: 88px;
}

.pt_88 {
    padding-top: 88px;
}

.pb_88 {
    padding-bottom: 88px;
}

.mt_92 {
    margin-top: 92px;
}

.mb_92 {
    margin-bottom: 92px;
}

.pt_92 {
    padding-top: 92px;
}

.pb_92 {
    padding-bottom: 92px;
}

.mt_96 {
    margin-top: 96px;
}

.mb_96 {
    margin-bottom: 96px;
}

.pt_96 {
    padding-top: 96px;
}

.pb_96 {
    padding-bottom: 96px;
}

.mt_100 {
    margin-top: 100px;
}

.mb_100 {
    margin-bottom: 100px;
}

.pt_100 {
    padding-top: 100px;
}

.pb_100 {
    padding-bottom: 100px;
}

.mt_104 {
    margin-top: 104px;
}

.mb_104 {
    margin-bottom: 104px;
}

.pt_104 {
    padding-top: 104px;
}

.pb_104 {
    padding-bottom: 104px;
}

.mt_108 {
    margin-top: 108px;
}

.mb_108 {
    margin-bottom: 108px;
}

.pt_108 {
    padding-top: 108px;
}

.pb_108 {
    padding-bottom: 108px;
}

.mt_112 {
    margin-top: 112px;
}

.mb_112 {
    margin-bottom: 112px;
}

.pt_112 {
    padding-top: 112px;
}

.pb_112 {
    padding-bottom: 112px;
}

.mt_116 {
    margin-top: 116px;
}

.mb_116 {
    margin-bottom: 116px;
}

.pt_116 {
    padding-top: 116px;
}

.pb_116 {
    padding-bottom: 116px;
}

.mt_120 {
    margin-top: 120px;
}

.mb_120 {
    margin-bottom: 120px;
}

.pt_120 {
    padding-top: 120px;
}

.pb_120 {
    padding-bottom: 120px;
}

.mAuto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.minW_0{
    min-width: 0 !important;
}
.maxW_1200 {
    max-width: 1200px!important;
}
.maxW_1150 {
    max-width: 1150px!important;
}
.maxW_1100 {
    max-width: 1100px!important;
}
.maxW_1050 {
    max-width: 1050px!important;
}
.maxW_1000 {
    max-width: 1000px!important;
}
.maxW_950 {
    max-width: 950px!important;
}
.maxW_900 {
    max-width: 900px!important;
}
.maxW_850 {
    max-width: 850px!important;
}
.maxW_800 {
    max-width: 800px!important;
}
.maxW_750 {
    max-width: 750px!important;
}
.maxW_700 {
    max-width: 700px!important;
}
.maxW_680 {
    max-width: 680px!important;
}
.maxW_650 {
    max-width: 650px!important;
}
.maxW_600 {
    max-width: 600px!important;
}
.maxW_550 {
    max-width: 550px!important;
}
.maxW_500 {
    max-width: 500px!important;
}
.maxW_450 {
    max-width: 450px!important;
}
.maxW_400 {
    max-width: 400px!important;
}
.maxW_350 {
    max-width: 350px!important;
}
.maxW_300 {
    max-width: 300px!important;
}

.textCenter {
    text-align: center !important;
}

.textLeft{
    text-align: left !important;
}

.textRight{
    text-align: right !important;
}

.textJustify {
    text-align: justify !important;
}

.fdCol {
    flex-direction: column
}

.imgCenter img {
    display: block;
    margin: auto
}

.posRel{
    position: relative;
}
.posAbs{
    position: absolute;
}
.fullWidth{
    width: 100%;
}
/* Colors */
.colorBlack {
    color: #000000;
}
.colorBlack1 {
    color: #292929;
}
.colorBlack2 {
    color: #1d1d1d;
}
.colorWhite {
    color: #ffffff;
}
.colorWhite1 {
    color: var(--txtWhite);
}
.colorMaroon{
    color: var(--maroon);
}
.colorGray1 {
    color: var(--txtGray1);
}
.colorGray2 {
    color: var(--txtGray2);
}
.colorGray3 {
    color: var(--txtGray3);
}
.colorGray4 {
    color: var(--txtGray4);
}
.colorGray5 {
    color: var(--txtGray5);
}
.colorWarningRed{
    color: var(--warningRed);
}

.bgWhite{
    background-color: white !important;
}
.bgLightPink {
    background-color: var(--lightPink) !important;
}
.bgLightPink1 {
    background-color: var(--lightPink1) !important;
}
.bgMaroon {
    background-color: var(--maroon) !important;
}
/* Widths */
.w_1_1 {
    width: 100%
}
.w_1_3 {
    width: 33.33%
}
.w_2_3 {
    width: 66.66%
}
.w_1_4 {
    width: 25%
}
.w_2_4,
.w_1_2 {
    width: 50%
}
.w_3_4 {
    width: 75%
}
/* ====================================================== */
.container{
    padding-left: 20px;
    padding-right: 20px;
}
/* Buttons */
.btn {
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    color: var(--white);
    border-radius: 8px;
    padding: 8px 16px;
    background-color: var(--maroon);
    border: 1px solid var(--maroon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all ease 0.3s;
}
.btn:hover {
    background-color: var(--white);
    color: var(--maroon);
    border-color: var(--maroon);
}

.btnBdr {
    border: 1px solid var(--maroon);
    background-color: var(--white);
    color: var(--maroon);
}
.btnBdr:hover {
    background-color: var(--maroon);
    color: var(--white);
}

.btnWhite {
    background-color: var(--white);
    color: var(--maroon);
    border: 1px solid var(--maroon);
}
.btnWhite:hover {
    background-color: var(--maroon);
    border-color: var(--white);
    color: var(--white);
}
.iconBtn{
    width: 48px;
    height: 48px;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid var(--maroon);
    color: var(--maroon);
    font-size: 20px;
    transition: all ease 0.3s;
}
.iconBtn:hover{
    background-color: var(--maroon);
    color: var(--white);
}
.userBtn svg, .cartBtn svg{
    width: 100%;
}
.userBtn svg path{
    stroke: var(--maroon);
    transition: all ease 0.3s;
}
.userBtn:hover svg path{
    stroke: var(--white);
}
.cartBtn svg path{
    fill: var(--maroon);
    transition: all ease 0.3s;
}
.cartBtn:hover svg path{
    fill: var(--white);
}
.cartCount{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background-color: #FBD0D2;
    color: var(--maroon);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-top: -8px;
}

.bar1,
.bar2,
.bar3 {
    background-color: var(--maroon);
    cursor: pointer;
    height: 2px;
    margin: 6px 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
    display: block;
}
.bar2 {
    width: 20px;
}
.sec{
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

/************* Header-start *************/
.header{
    position: relative;
    z-index: 9;
    transition: all ease 0.3s;
}
.header.sticky_header {
    position: fixed;
    left: 0;
    width: 100%;
}
.header.sticky_header .headerTop{
    display: none;
}
.header.sticky_header .headerMid{
    padding: 4px 0;
}
.header.sticky_header .navbar-expand-lg .navbar-nav .nav-link{
    padding: 6px 2px;
}
.headerTop{
    background-color: var(--maroon);
    color: var(--white);
    padding: 4px 0;
}
.topSocial{
    gap: 10px;
}
.topSocial a {
    display: inline-flex;
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 15px;
    transition: all ease 0.3s;
}
.topSocial a:hover {
    border: 1px solid var(--white);
    color: var(--white);
}
.headerMid{
    background-color: var(--white);
    padding: 16px 0;
    transition: all ease 0.3s;
}
.logo{
    display: block;
    width: 174px;
}
.navbar-toggler{
    display: none;
}
.headerRight{
    gap: 24px;
}
.searchBox{
    align-items: stretch;
    justify-content: flex-end;
    width: 600px;
    height: 48px;
}
.searchSlct{
    width: 90px;
    height: 100%;
    background-color: var(--grayBdr1);
    border-radius: 8px 0 0 8px;
    border: 1px solid var(--grayBdr1);
    position: relative;
}
.searchSlct button{
    background: none;
    border: none;
    height: 100%;
    width: 100%;
}
.searchSlct select {
    height: 100%;
    background-color: transparent;
    border: none;
    padding: 0 10px;
    color: var(--txtGray3);
}
.searchBox input[type="text"] {
    /* width: calc(100% - 90px - 56px); */
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid var(--grayBdr1);
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    color: #1D1D1D;
    font-family: "Nunito Sans", sans-serif !important;
}
.searchBox input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1D1D1D;
}
.searchBox input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #1D1D1D;
}
.searchBox input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #1D1D1D;
}
.searchBox input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #1D1D1D;
}
.searchBox .searchBtn{
    width: 56px;
    height: 100%;
    min-width: 0;
    background-color: var(--maroon);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.146 15.3707 4.888 14.112C3.63 12.8533 3.00067 11.316 3 9.5C2.99933 7.684 3.62867 6.14667 4.888 4.888C6.14733 3.62933 7.68467 3 9.5 3C11.3153 3 12.853 3.62933 14.113 4.888C15.373 6.14667 16.002 7.684 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8127 13.5627 12.688 12.688C13.5633 11.8133 14.0007 10.7507 14 9.5C13.9993 8.24933 13.562 7.187 12.688 6.313C11.814 5.439 10.7513 5.00133 9.5 5C8.24867 4.99867 7.18633 5.43633 6.313 6.313C5.43967 7.18967 5.002 8.252 5 9.5C4.998 10.748 5.43567 11.8107 6.313 12.688C7.19033 13.5653 8.25267 14.0027 9.5 14Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    border-radius: 0 8px 8px 0;
    border: 1px solid var(--maroon);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all ease 0.3s;
}
.searchBox .searchBtn:hover,
.searchBox .searchBtn:focus{
    background-color: var(--maroon);
    border-color: var(--maroon);
}
.searchBox .js-form-type-textfield,
.searchBox .js-form-type-textfield .field{
    height: 100%;
}
.searchBox .js-form-type-textfield .field{
    width: 100%;
}
.searchBox .js-form-type-textfield{
    width: calc(100% - 90px - 56px);
}
.langSelect{
    position: relative;
    height: 48px;
    border-radius: 8px;
    border: 1px solid var(--maroon);
}
.langSelect .dropdown-toggle{
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    color: #1D1D1D;
}
.langSelect .dropdown-toggle img {
    width: 32px;
}
.langSelect .dropdown-menu li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #1D1D1D;
}
.langSelect .dropdown-menu li a span {
    display: flex;
    align-items: center;
    gap: 4px;
}
.langSelect .lang-xs:after {
    top: 0;
}
.navbar{
    background-color: var(--maroon);
    padding: 8px 0;
}
.header .navbar-nav{
    width: 100%;
    justify-content: space-around;
}
.navbar-expand-lg .navbar-nav .nav-link{
    min-width: 120px;
    padding: 8px 2px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--white);
    position: relative;
    transition: all ease 0.3s;
}
.navbar-expand-lg .navbar-nav .nav-link:after{
    display: block;
    content: "";
    width: 0;
    height: 3px;
    background-color: var(--white);
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all ease 0.3s;
    transform: translateX(-50%);
}
.navbar-expand-lg .navbar-nav .nav-link:hover:after,
.navbar-expand-lg .navbar-nav .nav-link.active:after {
    width: 100%;
}
/* Banner Section */
.bannerSection{
    background-color: #fef2f2;
    position: relative;
    overflow: hidden;
}
.bannerSectionTop{
    background: #FFC8CA;
    background: linear-gradient(180deg, rgba(255, 200, 202, 1) 0%, rgba(254, 242, 242, 1) 100%);
}
.bnrcBox{
    align-items: stretch;
    background-color: var(--white);
    border: 1px solid var(--pinkBdr);
    border-radius: 16px;
    overflow: hidden;
}
.bnrcImg{
    width: 148px;
}
.bnrcImg img{
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}
.bnrcContent{
    width: calc(100% - 148px);
    padding: 16px;
    padding-right: 8px;
}
.linkLM{
    color: var(--maroon);
}
.linkLM_icon{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--maroon);
    transition: all ease 0.3s;
}
.linkLM_icon svg path{
    fill: var(--maroon);
    transition: all ease 0.3s;
}
.linkLM_icon:hover{
    color: var(--txtGray1);
}
.linkLM_icon:hover svg path{
    fill: var(--txtGray1);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 1px solid var(--maroon);
    border-radius: 50%;
    background-color: var(--white);
    color: var(--maroon);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all ease 0.3s;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span{
    display: none;
}
.owl-carousel .owl-nav button.owl-prev {
    left: -24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8801 17.76L9.12012 12L14.8801 6.23999" stroke="%23A51C30" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.owl-carousel .owl-nav button.owl-next {
    right: -24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.11988 17.7602L14.8799 12.0002L9.11988 6.24023" stroke="%23A51C30" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.owl-carousel .owl-nav button.owl-prev:hover{
    background-color: var(--maroon);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8801 17.76L9.12012 12L14.8801 6.23999" stroke="rgba(255, 255, 255, 1)" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.owl-carousel .owl-nav button.owl-next:hover{
    background-color: var(--maroon);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.11988 17.7602L14.8799 12.0002L9.11988 6.24023" stroke="rgba(255, 255, 255, 1)" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.bnrCarousel.owl-carousel .owl-nav button.owl-prev,
.bnrCarousel.owl-carousel .owl-nav button.owl-next,
.catCarousel.owl-carousel .owl-nav button.owl-prev,
.catCarousel.owl-carousel .owl-nav button.owl-next{
    width: 32px;
    height: 32px;
}
.bnrCarousel.owl-carousel .owl-nav button.owl-prev{
    left: -16px;
}
.bnrCarousel.owl-carousel .owl-nav button.owl-next{
    right: -16px;
}
.catCarousel.owl-carousel .owl-nav button.owl-prev{
    left: -40px;
}
.catCarousel.owl-carousel .owl-nav button.owl-next{
    right: -40px;
}

.catCarousel.owl-carousel .owl-nav button.owl-prev:hover{
    border-color: var(--white);
}
.catCarousel.owl-carousel .owl-nav button.owl-next:hover{
    border-color: var(--white);
}
.bannerSectionBottom{
    position: relative;
}
.bannerSectionBottom:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lightPink1);
    clip-path: polygon(0 82%, 100% 55%, 100% 100%, 0% 100%);
}
.bnrSecTxt{
    width: 46%;
    position: relative;
}
.bnrSecVdo,
.bnrSecImg{
    width: 54%;
    padding-left: 40px;
}
.bnrSecVdoIn,
.bnrSecImgIn{
    border: 5px solid var(--maroon);
    border-radius: 24px;
    box-shadow: 0 0 40px rgba(241,128,123,0.4);
    overflow: hidden;
}
.bnrSecImgIn{
    box-shadow: none;
}
.cHd{
    background-color: var(--white);
    border: 1px solid var(--grayBdr);
    padding: 8px 12px;
    border-radius: 20px;
    gap: 8px;
    box-shadow: 0px 0 14px rgba(143, 143, 143, 0.14);
}
.btnFlex{
    gap: 24px;
}
.stylishArw{
    position: absolute;
    right: 0;
    top: 50%;
    width: 116px;
}
.aboutUsImg{
    width: calc(100% - 670px);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(56,56,56,0.25);
}
.aboutUsTxt{
    width: 670px;
    padding-left: 112px;
}
.aboutUsSecIn.inv .aboutUsTxt{
    padding-left: 0;
    padding-right: 112px;
}
.mvBlock{
    justify-content: space-between;
}
.mvBlockIn{
    width: calc(50% - 10px);
}
.ccSec{
    background-color: var(--maroon);
    position: relative;
}
.ccSec:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    clip-path: polygon(0 82%, 100% 55%, 100% 100%, 0% 100%);
}
.ccSecIn{
    background-color: var(--white);
    padding: 40px;
    border-radius: 20px;
    position: relative;
}
.owl-carousel .owl-stage{
    display: flex;
    align-items: stretch;
}
.item {
    height: 100%;
}
.ccCarousel .item {
    padding-bottom: 14px;
}

.ccBox{
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--white);
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 0 14px rgba(56, 56, 56, 0.14);
    height: 100%;
        max-height: -webkit-fill-available !important;
}
.ccBoxImg{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.ccBoxImg img{
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}
.view-opigno-training-catalog.style-line .group--catalog-item {
    max-height: max-content;
}
.ccBoxContent{
    padding: 12px;
}
.ccBoxBottom{
    padding: 0 12px 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 12px;
}
.ccBoxBottom .btn{
    width: 100%;
}
.fcSec{
    position: relative;
    overflow: hidden;
}
.fcSec:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lightPink1);
    clip-path: polygon(0 0, 100% 0, 100% 40%, 0 60%);
}
.fcList{
    align-items: stretch;
    justify-content: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}
.fcList li{
    padding: 28px 12px;
    width: 25%;
}
.ecbTabs .fcList li{
    padding-top: 12px;
    padding-bottom: 12px;
}
.rpBlock{
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.rpBlockIn{
    align-items: center;
    gap: 4px;
}
.rpBlockRating{
    width: 100%;
}
.rpBlockTnd{
    width: 100%;
}
.wcuSecIn{
    background-color: var(--lightPink);
    padding: 40px;
    padding-bottom: 20px;
    border-radius: 20px;
    position: relative;
}
.wcuList{
    align-items: stretch;
    justify-content: flex-start;
    margin-left: -20px;
    margin-right: -20px;
}
.wcuList li{
    padding: 20px;
    width: 25%;
}
.wcuListBox{
    background-color: var(--white);
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    padding: 24px 16px;
    border: 1px solid var(--white);
    border-bottom: 4px solid var(--maroon);
    transition: all ease 0.3s;
}
.wcuBoxIcon{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--lightPink);
    border: 1px solid var(--maroon);
    align-items: center;
    justify-content: center;
}
.wcuListBox:hover{
    border: 1px solid var(--maroon);
    border-bottom: 4px solid var(--maroon);
    box-shadow: 0px 0 8px rgba(56, 56, 56, 0.2);
    margin-top: -4px;
}
.cross{
    text-decoration: line-through;
}
.testiSec::before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lightPink1);
    clip-path: polygon(0 75%, 100% 50%, 100% 100%, 0 100%);
}
.testiBox{
    background-color: var(--white);
    border: 1px solid var(--pinkBdr);
    border-radius: 16px;
    padding: 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testiBoxRating{
    gap: 4px;
    align-items: center;
}
.testiBoxRating li img{
    width: 20px;
}
.testiInfo{
}
.testiInfoImg{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}
.testiInfoImg img{
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}
.testiInfoTxt{
    width: calc(100% - 56px);
    padding-left: 20px;
}
.owl-carousel .owl-stage-outer{
    padding-left: 3px;
    margin-left: -3px;
}
.owl-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}
.owl-carousel button.owl-dot{
    width: 16px;
    height: 16px;
    border: 1px solid var(--white);
    border-radius: 50%;
    background-color: var(--white);
    opacity: 1;
    transition: all ease 0.3s;
}
.owl-carousel button.owl-dot:hover{
    border-color: var(--maroon);
}
.owl-carousel button.owl-dot.active{
    background-color: var(--maroon);
}
.newsBox{
    background-color: var(--white);
    border: 1px solid var(--pinkBdr);
    border-radius: 16px;
    padding: 32px;
    height: 100%;
}
.faqSecIn{
    justify-content: space-between;
}
.faqSecLeft{
    width: 558px;
}
.faqSecRight{
    width: calc(100% - 558px);
    padding-left: 48px;
}
.faqSecIn .accordion-item{
    background-color: transparent;
    border: 0;
}
.faqSecIn .accordion-button,
.faqSecIn .accordion-button:not(.collapsed){
    background-color: transparent;
    color: var(--txtGray1);
    box-shadow: none;
    padding-left: 0;
    font-weight: 700;
    position: relative;
}
.faqSecIn .accordion-button:before{
    display: block;
    content: "";
    width: 4px;
    height: 14px;
    border-radius: 2px;
    background-color: var(--maroon);
    margin-right: 16px;
}
.faqSecIn .accordion-body{
    padding-left: 0;
    padding-top: 0;
    border-bottom: 1px solid #B6BCCD;
    color: #4B5162;
}
.faqSecIn .accordion-body p{
    color: #4B5162;
}
.faqSecIn .accordion-button::after,
.faqSecIn .accordion-button:not(.collapsed)::after{
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.20392 11.0025C5.86313 10.687 5.33687 10.687 4.99608 11.0025L4.70441 11.2726C4.32445 11.6244 4.32445 12.2253 4.70441 12.5771L11.3961 18.7731C11.7369 19.0886 12.2632 19.0886 12.604 18.7731L19.2956 12.5771C19.6756 12.2253 19.6756 11.6245 19.2956 11.2726L19.0039 11.0026C18.6631 10.687 18.1369 10.687 17.7961 11.0026L12.0001 16.3693L6.20392 11.0025Z" fill="%2369798E"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
}
.gsBgImg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.gsBgImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Footer */
.footerTop{
    background-color: #000;
    color: var(--white);
}
.footerTopIn{
    align-items: flex-start;
    justify-content: space-between;
}
.ftrIN{
    width: 100%;
    max-width: 26%;
}
.ftrQC{
    width: 100%;
    max-width: 48%;
    padding: 0 80px;
    justify-content: space-between;
}
.ftrQL{
    width: 100%;
    max-width: 30%;
}
.ftrCU{
    width: 100%;
    max-width: 65%;
    white-space: normal;
    word-wrap: break-word;
}
.ftrNL{
    width: 100%;
    max-width: 26%;
}
.footerLogo{
    display: block;
    width: 175px;
}
.ftrIN p{
    color: #F6F7F9;
}

.footer .topSocial{
    justify-content: flex-start;
    gap: 16px;
}
.footer .topSocial a{
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--maroon);
    font-size: 18px;
    transition: all ease 0.3s;
}
.footer .topSocial a:hover {
    background-color: var(--maroon);
    border-color: var(--maroon);
    color: var(--white);
}
.ftrNLIn{
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
.nlForm{
    gap: 16px;
}
.nlForm .form-control{
    background-color: #ECEEF2;
    border-radius: 8px;
    border: 1px solid #ECEEF2;
    padding: 8px 16px;
    font-family: "Inter", sans-serif !important;
}
.ftrCU li a, .ftrCU li div{
    display: flex;
    align-items: flex-start;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.ftrCU li a i, .ftrCU li div i{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    color: var(--maroon);
    flex-shrink: 0;
}
.ftrQC a:hover{
    color: var(--maroon);
}
.footerBottomIn{
    padding: 8px 0;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.footerBottomIn p{
    color: #fff;
}
.footerBottomLinks{
    gap: 24px;
}
.footerBottomLinks a{
    color: #fff;
}
.footerBottomLinks a:hover{
    text-decoration: underline;
}
/* Login Page */
.lrHeader{
    padding: 42px 0;
}
.lrHeaderIn{
    padding-left: 65px;
    padding-right: 65px;

}
.lrLogo{
    display: block;
    max-width: 232px;
}
.lrSec{
    position: relative;
}
.lrSec:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lightPink1);
    clip-path: polygon(0 65%, 100% 55%, 100% 100%, 0% 100%);
}
.lrIn {
    position: relative;
    background-color: white;
    border-radius: 40px;
    padding: 32px 40px;
    box-shadow: 2px 2px 14px rgba(56, 56, 56, 0.14);
}
.lrHd{
    border-bottom: 1px solid #ECEEF2;
}
.form-label{
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: var(--txtGray1);
}
.form-control,
.ui-selectmenu-button.ui-button{
    background-color: #F6F7F9;
    border: 1px solid transparent;
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 12px;
    font-weight: 500;
}
.ui-selectmenu-button.ui-button{
    padding-top: 10px;
    padding-bottom: 10px;
}
textarea.form-control{
    height: 88px;
}
.form-control:focus{
    background-color: #F6F7F9;
    border-color: #e7e7e7;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--txtGray5);
  font-weight: 500;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: var(--txtGray5);
  font-weight: 500;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--txtGray5);
  font-weight: 500;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--txtGray5);
  font-weight: 500;
}
.toggle-password {
    background: none;
    color: #546175;
    border: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 46px;
    cursor: pointer;
}
.rmWrap {
    justify-content: space-between;
    align-items: flex-start;
}
.tccL {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #546175;
}
.tccL input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.tccL .checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 1px solid var(--maroon);
    border-radius: 2px;
    flex-shrink: 0;
}
.tccL:hover input~.checkmark {
    background-color: transparent;
}

.tccL input:checked~.checkmark {
    background-color: var(--maroon);
}
.tccL .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.tccL input:checked~.checkmark:after {
    display: block;
}
.tccL .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.or span{
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 16px;
}
.or::before{
    display: block;
    content: "";
    border-bottom: 1px solid var(--grayBdr1);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lrSocial{
    align-items: stretch;
    justify-content: space-between;
    margin-left: -8px;
    margin-right: -8px;
}
.lrSocial li{
    width: 25%;
    padding: 0 8px;
}
.lrSocial li a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    border: 1px solid var(--grayBdr1);
    border-radius: 8px;
    padding: 8px;
    transition: all ease 0.3s;
}
.lrSocial li a:hover{
    background-color: var(--lightPink);
}
.lrFormIn{
    margin-left: -10px;
    margin-right: -10px;
}
.lrFormIn li{
    padding-left: 10px;
    padding-right: 10px;
}
.dtPicker > img{
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 25px;
    cursor: pointer;
}
/* Datepicker */
#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}
.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}
.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {  
    background-color: #ffdee3;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: var(--maroon);
    color: white;
}
.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {    
    left: 0;    
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}
.ui-datepicker-header a>span {
    display: none;
}
.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}
/*  */
.ui-selectmenu-text{
    height: 100%;
    display: flex;
    align-items: center;
}
.ui-button .ui-selectmenu-icon.ui-icon{
    background: url('../images/angleDown.png') center center no-repeat;
    background-size: 100% auto;
    width: 24px;
    height: 24px;
}
.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon{
    transform: rotate(180deg);
}
.ui-widget.ui-widget-content{
    border-color: #e7e7e7;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ui-menu .ui-menu-item-wrapper{
    border-radius: 4px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background-color: var(--maroon);
    border-color: var(--maroon);
}
/*  */
p.error,
div.error{
    display: flex;
    align-items: flex-start;
}
p.error > img,
div.error > img{
    width: 18px;
    flex-shrink: 0;
}
p.error > span,
div.error > span{
    width: calc(100% - 18px);
    padding-left: 4px;
}
.form-control.error{
    border-color: var(--warningRed);
}
/* About Page */
.coreVSec:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    clip-path: polygon(0 82%, 100% 55%, 100% 100%, 0% 100%);
}
.wcuList.coreVList{
    margin-left: -12px;
    margin-right: -12px;
}
.wcuList.coreVList li{
    padding: 12px;
}
.wcuList.coreVList .wcuListBox{
    border: 0;
    padding: 40px 20px;
}
.wcuList.coreVList .wcuBoxIcon{
    border-color: transparent;
}
.listStyle1{
    flex-direction: column;
    gap: 16px;
}
.listStyle1 li{
    align-items: flex-start;
}
.listStyle1 li img{
    width: 24px;
    flex-shrink: 0;
}
.listStyle1 li span{
    width: calc(100% - 24px);
    padding-left: 8px;
}
.nahMainBox{
    border: 1px solid var(--maroon);
    border-radius: 24px;
    align-items: stretch;
    justify-content: center;
}
.nahBox{
    width: 33.33%;
    padding: 32px 25px;
    border-right: 1px solid var(--pinkBdr);
    flex-direction: column;
}
.nahBox:last-child{
    border: 0;
}
.nahIcon{
    background-color: var(--maroon);
    border: 1px solid var(--maroon);
    border-radius: 10px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
}
.nahCtnt{
    border-top: 1px solid var(--pinkBdr);
}
.contactMainSec::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lightPink1);
    clip-path: polygon(0 40%, 100% 65%, 100% 100%, 0 100%);
}
.contactIn{
    position: relative;
    align-items: flex-start;
}
.contactInTxt{
    width: calc(100% - 680px);
    padding-right: 112px;
}
.contactInForm{
    width: 680px;
}
.breadCrumbIn{
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.bcBack{
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}
.bcBack svg{
    fill: var(--maroon);
    transition: all ease 0.3s;
}
.bcBack:hover svg{
    fill: var(--black1);
}
.breadCrumbIn ul{
    gap: 8px;
}
.breadCrumbIn ul li{
    position: relative;
    gap: 8px;
}
.breadCrumbIn ul li:after{
    display: block;
    content: "/";
}
.breadCrumbIn ul li a{
    font-weight: 400;
    color: var(--txtGray1);
}
.breadCrumbIn ul li:last-child a{
    pointer-events: none;
    font-weight: 500;
    color: var(--maroon);
}
.breadCrumbIn ul li:last-child:after{
    display: none;
}
.ecbFilter{
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.ecbfwt{
    align-items: center;
    gap: 12px;
}
.ecbFilter .ui-selectmenu-button.ui-button{
    background-color: var(--white);
    border-color: var(--grayBdr1);
    width: 275px;
    color: var(--txtGray4);
}
.ecbFilter .ui-button .ui-selectmenu-icon.ui-icon{
    background: url(../images/dropdownCaret.png) center center no-repeat;
}
.ecbFilter .ui-selectmenu-text{
    color: var(--txtGray4);
}
.ecbSearch{
    position: relative;
    width: 275px;
}
.ecbSearch .form-control{
    background-color: var(--white);
    border-color: var(--grayBdr1);
    color: var(--txtGray4);
    padding-right: 40px;
}
.ecbSearch button{
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    color: var(--maroon);
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.3s;
}
.ecbSearch button:hover{
    color: var(--txtGray1);
}
.catCarMain{
    padding: 16px 24px;
    border-radius: 8px;
}
.catCarousel .item a{
    display: block;
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 8px;
    padding: 12px 16px;
    font-weight: 700;
    color: var(--maroon);
    text-align: center;
    white-space: nowrap;
}
.catCarousel .item.active a{
    background-color: var(--lightPink1);
    border-color: var(--pinkBdr);
}
.catCarMain .owl-carousel .owl-nav.disabled{
    display: block;
}
.owl-carousel.subCatCarousel .owl-item .rpBlockRating img{
    width: auto;
}
.owl-carousel.subCatCarousel{
    position: static;
}
.subCatCarousel .owl-nav{
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
}
.owl-carousel.subCatCarousel .owl-nav button.owl-prev, 
.owl-carousel.subCatCarousel .owl-nav button.owl-next{
    top: 0;
    transform: none;
    width: 32px;
    height: 32px;
}
.owl-carousel.subCatCarousel .owl-nav button.owl-prev{
    left: 0;
}
.owl-carousel.subCatCarousel .owl-nav button.owl-next{
    right: 0;
}
/* Pagination */
#pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
#pagination ul li {
  color: #fff;
  display: flex;
}
#pagination ul li a {
  background-color: var(--white);
  padding: 7px 8px;
  border: 1px solid var(--grayBdr1);
  border-right: 0;
  color: var(--txtGray1);
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pagination ul li a:hover{
    background-color: var(--maroon);
    color: var(--white);
}
#pagination ul li.active a {
  background-color: var(--maroon);
  color: var(--white);
}
#pagination ul li:first-child a {
  border-radius: 8px 0 0 8px;
}
#pagination ul li:last-child a {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid var(--grayBdr1);
}
/*  */
#pagination ul li.previous a,
#pagination ul li.next a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pagination ul li.previous a:before{
    display: block;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8801 17.76L9.12012 12L14.8801 6.23999" stroke="%23A51C30" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 24px;
    height: 24px;
    transition: all ease 0.3s;
}
#pagination ul li.next a:after{
    display: block;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.11988 17.7602L14.8799 12.0002L9.11988 6.24023" stroke="%23A51C30" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 24px;
    height: 24px;
    transition: all ease 0.3s;
}

#pagination ul li.previous a:hover:before{
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8801 17.76L9.12012 12L14.8801 6.23999" stroke="rgba(255, 255, 255, 1)" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
#pagination ul li.next a:hover:after{
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.11988 17.7602L14.8799 12.0002L9.11988 6.24023" stroke="rgba(255, 255, 255, 1)" stroke-width="1.92" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.pgtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.pgtnDD{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 136px;
}
.pgtnDD .ui-selectmenu-button.ui-button{
    width: 84px;
    background-color: var(--white);
    border-color: var(--grayBdr1);
    height: 40px;
}
.pgtnDD .ui-button .ui-selectmenu-icon.ui-icon{
    background: url(../images/dropdownCaret.png) center center no-repeat;
    width: 24px;
    height: 14px;
}
.ecbFilter.ecbFilterS1 .ui-selectmenu-button.ui-button,
.ecbFilter.ecbFilterS1 .ecbSearch{
    width: 230px;
}
.ecbResults .fcList li{
    padding-top: 12px;
    padding-bottom: 12px;
}
.ecbFilter.scFltr{
    gap: 0;
    margin-left: -8px;
    margin-right: -8px;
}
.ecbFilter.scFltr .ecbfwt{
    width: 50%;
    padding: 8px;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-end;
}
.ecbFilter.scFltr .ui-selectmenu-button.ui-button, 
.ecbFilter.scFltr .ecbSearch {
    width: 100%;
}
.spList{
    align-items: stretch;
    justify-content: center;
    margin-left: -12px;
    margin-right: -12px;
}
.spBox{
    width: 33.33%;
    padding: 12px;
}
.spBoxIn{
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 16px;
    box-shadow: 0 0 14px rgba(56, 56, 56, 0.08);
    padding: 40px 24px;
    flex-direction: column;
    justify-content: space-between;
    transition: all ease 0.3s;
}
.spBoxIn:hover{
    border-color: var(--maroon);
}
.spBoxIn .listStyle1{
    gap: 20px;
}
.ccSave{
    display: inline-block;
    background-color: var(--green);
    color: var(--white);
    font-weight: 400;
    border-radius: 8px;
    padding: 4px 8px;
}
.fa-eye:before {
    content: "\f06e";
}
.fab.fa-twitter{
    font-family:sans-serif;
}
.fab.fa-twitter::before{
    content:"𝕏";
    font-size:1.2em;
}