*{
    font-family: "Advent Pro", sans-serif;
}

body
{
    overflow-x: hidden;
}

.mh10p0
{
    min-height:10px;
    padding:0px;
}

.mh10p5
{
    min-height:10px;
    padding:5px;
}

.mh10p10
{
    min-height:10px;
    padding:10px;
}

/* Preloader */

.customPreloaderOuter
{
    width:100%;
    height:100vh;
    background-color:#fff;
    float:left;
    position:fixed;
    left:0px;
    top:0px;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    transition:1s ease all;
}

.customPreloaderSliderOuter
{
    width:100%;
    height:50px;
    background-color:#000;
    float:left;
}

.customPreloaderCenterOuter
{
    width:100%;
    flex:1;
    border-left:10px solid #000;
    border-right:10px solid #000;
    float:left;
    background-size:cover;
    background-position:center;
}

.customPreloaderSliderOuter * b
{
    height:50px;
    font-size:13px;
    font-weight:500;
    color:#fff;
    font-family: "Righteous", serif;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0px 10px;
    padding-bottom:1px;
}

.customPreloaderSliderOuter * span
{
    height:30px;
    font-size:13px;
    font-weight:500;
    color:#000;
    font-family: "Righteous", serif;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:10px 10px;
    background-color:#fff;
    padding:0px 10px;
    padding-bottom:1px;
    border-radius:5px;
}

/* Preloader */

/* Menu start */

.customMenuTopSliderOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.customMenuTopSliderBox
{
    width:100%;
    min-height:10px;
    float:left;
}

.customMenuTopSliderContents
{
    width:100%;
    min-height:10px;
    float:left;
    padding:12px 0px;
    text-align:center;
    font-size:17px;
    font-weight:600;
    letter-spacing: 1px;
    text-decoration: none!important;
}

.customMenuTopLine
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
}

.customMenuTopLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    border-right:1px solid var(--borderColor);
    border-left:1px solid var(--borderColor);
}

.customMenuTopLineBtn
{
    width:30px;
    height:30px;
    float:right;
    border-left:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:#333;
    cursor:pointer;
    position:relative;
    text-decoration: none!important;
}

.customMenuTopLineBtn i
{
    position:relative;
    z-index:2;
}

.customMenuTopLineBtn:before
{
    content:'';
    width:100%;
    height:0%;
    position:absolute;
    top:0px;
    left:0px;
    transition: ease all 0.3s;
    background-color:#333;
    z-index:1;
}

.customMenuTopLineBtn:hover:before
{
    height:100%;
}

.customMenuTopLineBtn:hover
{
    color:#fff;
}

.facebookBtn:before
{
    background-color:#1973eb!important;
}

.twitterBtn:before
{
    background-color:#1d9be9!important;
}

.youtubeBtn:before
{
    background-color:#ff0000!important;
}

.linkedinBtn:before
{
    background-color:#0c60be!important;
}

.instagramBtn:before
{
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.customMenuTopLineLeftBtn
{
    min-width:30px;
    height:30px;
    float:left;
    border-right:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    color:#333!important;
    cursor:pointer;
    position:relative;
    padding:0px 10px;
    text-decoration: none!important;
}

.customMenuTopLineLeftBtn i
{
    font-size:11px;
    margin-right:7px;
}

.customMenuOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
}

.customMenuInner
{
    width:100%;
    min-height:10px;
    float:left;
    border-left:1px solid var(--borderColor);
    border-right:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 15px;
    gap:15px;
}

.customMenuLogo
{
    width:200px;
    height:50px;
    float:left;
}

.customMenuLogo img
{
    width:100%;
    height:50px;
    float:left;
    object-fit: contain;
    object-position: center left;
    margin-top:-5px;
}

.customMenuRightBtn
{
    min-width:10px;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 15px;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    border:1px solid var(--borderColor);
    text-decoration: none!important;
    color: #333!important;
}

.customMenuSearchOuter
{
    flex:1;
    height:40px;
    float:left;
    margin:0px 20px;
    border:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.customMenuSearchOuter input
{
    flex:1;
    height:40px;
    border:0px;
    outline:0px;
    float:left;
    padding:0px 10px;
    padding-bottom:2px;
    color:#333;
    font-weight:500;
}

.customMenuSearchOuter button
{
    width:40px;
    height:40px;
    border:0px;
    outline:0px;
    border-left:1px solid var(--borderColor);
}

.customMenuBottomLine
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
    position:relative;
    z-index:999;
}

.customMenuBottomLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    border-left:1px solid var(--borderColor);
    border-right:1px solid var(--borderColor);
}

.customMenuBottomLineBtn
{
    width:40px;
    height:40px;
    float:left;
    border-right:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:16px;
    padding-bottom:1px;
    padding-left:1px;
    text-decoration: none!important;
    color:#333!important;
}

.customMenuBottomLineLink
{
    min-width:30px;
    height:40px;
    float:left;
    border-right:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    color:#333!important;
    cursor:pointer;
    position:relative;
    padding:0px 20px;
    transition: ease all 0.3s;
    text-decoration: none!important;
}

.customMenuBottomLineLink i
{
    margin-left:6px;
    margin-right:-3px;
    margin-top:2px;
}

.customMenuBottomLineLink:hover
{
    background-color:#f5f5f5;
}

.customMenuBottomLineLink:hover .customMenuBottomLineDropdown
{
    display:block;
}

.customMenuBottomLineDropdown
{
    width:200px;
    min-height:10px;
    float:left;
    position:absolute;
    top:40px;
    left:-1px;
    background-color:#ffffff;
    border:1px solid var(--borderColor);
    border-bottom:0px;
    display:none;
}

.customMenuBottomLineDropdownLink
{
    width:100%;
    padding:9px 15px;
    border-bottom:1px solid var(--borderColor);
    cursor:pointer;
    text-decoration: none!important;
    color:#333!important;
    display:block;
}

.customMenuBottomLineDropdownLink i
{
    margin-right:4px;
}

.customMenuBottomLineDropdownLink:hover
{
    background-color:#f5f5f5;
}

.customMenuBottomLineRightLink
{
    min-width:30px;
    height:40px;
    float:right;
    border-left:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    color:#333!important;
    text-decoration: none!important;
    cursor:pointer;
    position:relative;
    padding:0px 20px;
    transition: ease all 0.3s;
}

.customMenuBottomLineRightLink i
{
    margin-right:7px;
    margin-left:-4px;
    font-size:14px;
    margin-top:1px;
}

.mobileMenuButton
{
    width:40px;
    height:40px;
    float:left;
    border-right:1px solid var(--borderColor);
    display:none;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:16px;
    padding-bottom:1px;
    padding-left:1px;
    text-decoration: none!important;
    color:#333!important;
}

.customTopMenuOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    border-bottom:1px solid var(--borderColor);
}

.customTopMenuInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid var(--borderColor);
    border-right:1px solid var(--borderColor);
}

.customTopMenuContents
{
    flex:1;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
}

.customTopMenuContents:last-child
{
    justify-content:flex-end;
}

.customTopMenuButton
{
    min-width:22px;
    height:34px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#333!important;
    text-decoration: none!important;
    gap:10px;
    font-weight:600;
    letter-spacing: 1px;
    cursor:pointer;
    position:relative;
}

.customTopMenuInner img
{
    height:26px;
    float:left;
}

.customSearchLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
}

.customSearchLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    border-right:1px solid var(--borderColor);
    border-left:1px solid var(--borderColor);
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.customSearchLineInner .customMenuSearchOuter
{
    flex:1;
    margin:0px;
}

.customSearchLineBtn
{
    width:40px;
    height:40px;
    background-color:#fff;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--borderColor);
    font-size:18px;
    padding-left:1px;
    cursor:pointer;
}

.customSlideMenuOuter
{
    width:100%;
    height:100vh;
    float:left;
    position:fixed;
    left:0px;
    top:0px;
    z-index:9999;
    background-color:rgba(0,0,0,0.5);
}

.customSlideMenuInner
{
    width:600px;
    max-width:100%;
    height:100vh;
    background-color:#fff;
    float:left;
    overflow:auto;
    padding-bottom:150px;
}

.customSliderMenuTitle
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
    padding:25px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.customSliderMenuTitle span
{
    flex:1;
    font-size:22px;
    font-weight:500;
    color:#333;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    opacity: 0.4;
}

.customSliderMenuButton
{
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    padding-top:2px;
    cursor:pointer;
    opacity: 0.4;
}

.customSliderMenu
{
    width:100%;
    min-height:10px;
    float:left;
    padding:20px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    text-decoration: none!important;
    color:#333!important;
    gap:15px;
}

.customSliderMenu span
{
    flex:1;
    font-size:18px;
    font-weight:600;
    color:#333!important;
    text-decoration: none!important;
    letter-spacing: 1.5px;
}

.customSliderMenu .customSliderMenuButton
{
    opacity: 0.3;
    font-size:18px;
}

.customSliderMenuDropdown
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fbfbfb;
}

@media only screen and (max-width: 950px) 
{
    .customMenuTopLineLeftBtn span
    {
        display:none;
    }

    .customMenuTopLineLeftBtn i
    {
        margin:0px;
    }

    .customMenuLogo
    {
        width:auto;
        flex:1;
    }

    .customMenuBottomLineBtn
    {
        display:none;
    }

    .customMenuBottomLineLink
    {
        display:none;
    }

    .mobileMenuButton
    {
        display:flex;
    }

    .customMobileMenuOuter .customMenuSearchOuter
    {
        flex:none;
        width:100%;
        display:flex;
        margin:0px;
        margin-bottom:25px;
    }

    .customMenuTopSliderContents
    {
        font-size:12px;
    }

    .customSearchLineOuter .container
    {
        width:100%;
    }
}

/* Menu End */

/* Mobile Menu Start */

.customScroll::-webkit-scrollbar 
{
    width: 5px;
}
  
.customScroll::-webkit-scrollbar-track 
{
    background: #f1f1f1; 
}
   
.customScroll::-webkit-scrollbar-thumb 
{
    background: #888; 
}
  
.customScroll::-webkit-scrollbar-thumb:hover 
{
    background: #555; 
}

.customMobileMenuOuter
{
    width:100%;
    height:100vh;
    background-color:#fff;
    position:fixed;
    left:0px;
    top:0px;
    z-index:999;
    padding:15px;
    overflow:auto;
}

.customMobileMenuLine
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--borderColor);
    margin-bottom:15px;
    text-decoration: none!important;
}

.customMobileMenuLine p
{
    flex:1;
    font-size:18px;
    font-weight:500;
    color:#333;
    margin:0px;
    padding:10px;
    padding-bottom:11px;
    border-right:1px solid var(--borderColor);
    margin-right:-1px;
}

.customMobileMenuLine p i
{
    font-size:14px;
    margin-right:5px;
}

.customMobileMenuLine span
{
    width:44px;
    height:44px;
    float:left;
    border-left:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    color:#333;
}

.customMobileMenuContents
{
    width:100%;
    min-height:10px;
    float:left;
    margin:0px;
}

.customMobileMenuTopLine
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:25px;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

/* Mobile Menu End */

/* Slider Start */

.customSliderOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.customSliderInner
{
    width:100%;
    min-height:10px;
    float:left;
}

.customSliderBoxOuter
{
    width:100%;
    min-height:250px;
    float:left;
    background-color:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.customSliderBoxOuter video
{
    width:100%;
    min-height:250px;
    height:auto;
    position:relative;
    z-index:1;
    object-fit: cover;
    object-position: center;
}

.customSliderBoxOuter img
{
    width:100%;
    min-height:250px;
    height:auto;
    position:relative;
    z-index:1;
    object-fit: cover;
    object-position: center;
}

.customSliderBoxContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    position:absolute;
    z-index:3;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    flex-direction: column;
    gap:15px;
    padding:15px 60px;
    padding-bottom:30px;
    padding-top:120px;
    bottom:0px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5046393557422969) 70%, rgba(0,0,0,0) 100%);
}

.customSliderBoxContentsOuter h3
{
    width:100%;
    font-size:28px;
    font-weight:500;
    color:#fff;
    margin:0px;
    margin-bottom:6px;
    font-family: "Righteous", serif;
}

.customSliderBoxContentsOuter p
{
    width:100%;
    font-size:17px;
    font-weight:400;
    color:#fff;
    margin:0px;
    opacity: 0.7;
    letter-spacing: 1px;
}

.customSliderBottomButtons
{
    width:100%;
    min-height:10px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:15px;
    margin-top:20px;
}

.customSliderButtons
{
    min-width:10px;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 15px;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    background-color:#fff;
    color:#333!important;
    text-decoration: none!important;
}

@media only screen and (max-width: 950px) 
{
    .customSliderBoxOuter
    {
        min-height:100px;
    }

    .customSliderBoxOuter img
    {
        min-height:100px;
    }

    .customSliderBoxOuter video
    {
        min-height:100px;
    }

    .customSliderBoxContentsOuter
    {
        display:none;
    }
}

/* Slider Start */

/* Footer Start */

.whatsappIcon
{
    width:55px;
    height:55px;
    background-color:#00d757;
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    color:#fff!important;
    padding-top:2px;
    padding-left:1px;
    cursor:pointer;
    text-decoration: none!important;
}

.customFooterOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border-top:1px solid var(--borderColor);
}

.customFooterInner
{
    width:100%;
    min-height:10px;
    float:left;
}

.customFooterTop
{
    width:100%;
    min-height:10px;
    float:left;
    padding:25px 0px;
}

.customFooterTopBox
{
    min-height:10px;
    float:left;
    padding:0px 15px;
}

.customFooterTopBox h3
{
    width:100%;
    margin:0px;
    font-size:18px;
    font-weight:600;
    color:#333;
    float:left;
    margin-bottom:15px;
    margin-top:10px;
}

.customFooterTopBox a
{
    width:100%;
    margin:0px;
    font-size:14px;
    font-weight:500;
    color:#333!important;
    float:left;
    margin-bottom:10px;
    text-decoration: none!important;
    cursor:pointer;
    opacity:0.6;
    transition: ease 0.3s all;
}

.customFooterTopBox a:hover
{
    opacity: 1;
}

.customFooterTopBox a i
{
    font-size:12px;
}

.footerMenuSubs
{
    width:100%;
    min-height:10px;
    float:left;
}

.footerSocials
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:10px;
    flex-wrap: wrap;
}

.footerSocialBox
{
    width:35px!important;
    height:35px!important;
    float:left;
    border-radius:20px;
    border:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    color:#333;
    padding-top:1px;
    position:relative;
    overflow:hidden;
}

.footerSocialBox i
{
    font-size:15px!important;
    position:relative;
    z-index:4;
}

.footerSocialBox:before
{
    content:'';
    width:100%;
    height:0%;
    position:absolute;
    top:0px;
    left:0px;
    transition: ease all 0.3s;
    background-color:#333;
    z-index:1;
}

.footerSocialBox:hover:before
{
    height:100%;
}

.footerSocialBox:hover i
{
    color:#fff!important;
}

.customFooterBottom
{
    width:100%;
    min-height:10px;
    float:left;
    border-top:1px solid var(--borderColor);
    padding-top:10px;
    padding-bottom:20px;
}

.customFooterBottomImage
{
    width:100%;
    height:40px;
    margin-bottom:15px;
}

.customFooterBottomImage img
{
    width:100%;
    height:40px;
    object-fit: contain;
    object-position: center left;
}

.customFooterBottomText
{
    width:100%;
    min-height:10px;
    float:left;
    padding-top:7px;
}

.customFooterBottomText span
{
    width:50%;
    float:left;
}

.customFooterBottomText span:last-child
{
    text-align:right;
}

@media only screen and (max-width: 950px) 
{
    .customFooterBottomText span
    {
        width:100%;
        text-align:left!important;
        margin-top:5px;
    }
}

.footerTopLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border-top:1px solid var(--borderColor);
}

.footerTopLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    border-left:1px solid var(--borderColor);
    border-right:1px solid var(--borderColor);
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.footerAppBtnOuter
{
    min-width:10px;
    height:36px;
    float:left;
    cursor:pointer;
    text-decoration: none!important;
}

.footerAppBtnOuter img
{
    width:auto;
    float:left;
    height:36px;
}

.footerTopLineLogoOuter
{
    min-width:10px;
    height:36px;
    float:left;
    cursor:pointer;
    text-decoration: none!important;
}

.footerTopLineLogoOuter img
{
    width:auto;
    float:left;
    height:36px;
}

.footerTopLineSocialsOuter
{
    flex:1;
    float:left;
    height:36px;
    border-left:1px solid var(--borderColor);
    padding-left:15px;
    display:flex;
    align-items:center;
    justify-content: flex-start;
    gap:15px;
}

@media only screen and (max-width: 950px) 
{
    .footerTopLineInner
    {
        flex-wrap: wrap;
        gap:20px;
    }

    .footerTopLineSocialsOuter
    {
        width:100%;
        border:0px;
        justify-content: center;
    }
}

/* Footer End */

/* Contents Start */

.customContentsOuter
{
    width:100%;
    min-height:65vh;
    background-color:#fafafa;
    float:left;
}

.customContentsInner
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
    margin:20px 0px;
    padding:15px;
}

.customContentsTopline
{
    width:100%;
    min-height:10px;
    float:left;
    padding-bottom:15px;
    border-bottom:1px solid var(--borderColor);
}

.customContnetsBox
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:15px;
}

.customContnetsTitleOuter 
{
    width:100%;
    min-height:15px;
    font-size:30px;
    font-weight:600;
    color:#333;
    float:left;
}

.customContentsTexts
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:20px;
}

.customContentsTexts a
{
    width:100%;
    font-size:18px;
    float:left;
    margin-bottom:15px;
    color:#333!important;
}

.homepageGalleryBoxOuter
{
    width:350px;
    height:250px;
    float:left;
    border-radius:7px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}

.homepageGalleryBoxOuter img
{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
    position:absolute;
    left:0px;
    top:0px;
}

.customHomepageCategoriesOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.customHomepageCategoriesInner
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    border-left:1px solid var(--borderColor);
    border-right:1px solid var(--borderColor);
}

.customHomepageCategoriesBox
{
    width:calc(100% / 3);
    min-height:20px;
    float:left;
    position:relative;
}

.customHomepageCategoriesBox img
{
    width:100%;
    height:500px;
    object-fit: cover;
    object-position: center;
    float:left;
    position:relative;
    z-index:1;
}

.customHomepageCategoriesBoxTexts
{
    width:100%;
    position:absolute;
    left:0px;
    bottom:0px;
    padding:13px;
    z-index:2;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3046393557422969) 70%, rgba(0, 0, 0, 0) 100%);
    padding-top:50px;
}

.customHomepageCategoriesBoxTexts h3
{
    width:100%;
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin:0px;
    letter-spacing: 1px;
    margin-bottom:5px;
}

.customHomepageCategoriesBoxTexts p
{
    width:100%;
    font-size:12px;
    font-weight:400;
    color:#fff;
    margin:0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.7;
}

.sliderBottomRibbonsOuter
{
    width:100%;
    min-height:20px;
    background-color:#fff;
    float:left;
    position:relative;
    z-index:4;
}

.sliderBottomBlackRibbon
{
    width:100%;
    height:60px;
    background-color:#000;
    float:left;
    -webkit-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
    rotate: 2.5deg;
    position:relative;
    z-index:2;
}

.sliderBottomBlackRibbon * b
{
    height:60px;
    font-size:13px;
    font-weight:500;
    color:#fff;
    font-family: "Righteous", serif;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0px 10px;
    padding-bottom:1px;
}

.sliderBottomBlackRibbon * span
{
    height:30px;
    font-size:13px;
    font-weight:500;
    color:#000;
    font-family: "Righteous", serif;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:15px 10px;
    background-color:#fff;
    padding:0px 10px;
    padding-bottom:1px;
    border-radius:5px;
}

.sliderBottomWhiteRibbon
{
    width:100%;
    height:60px;
    background-color:#fff;
    float:left;
    -webkit-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
    rotate: -0.2deg;
    margin-top:-60px;
    position:relative;
    z-index:1;
}

.sliderBottomWhiteRibbon * b
{
    height:60px;
    font-size:13px;
    font-weight:500;
    color:#000;
    font-family: "Righteous", serif;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0px 10px;
    padding-bottom:1px;
}

.sliderBottomWhiteRibbon * span
{
    height:30px;
    font-size:13px;
    font-weight:500;
    color:#fff;
    font-family: "Righteous", serif;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:15px 10px;
    background-color:#000;
    padding:0px 10px;
    padding-bottom:1px;
    border-radius:5px;
}

@media only screen and (max-width: 950px) 
{
    .customHomepageCategoriesBox img
    {
        height:300px;
    }

    .homepageGalleryBoxOuter
    {
        width:100%;
    }

    .homepageGalleryBoxOuter img
    {
        width:calc(100% - 15px);
        border-radius: 7px;
    }

    .customHomepageCategoriesBox
    {
        width:50%;
    }

    .sliderBottomBlackRibbon
    {
        height:40px;
    }

    .sliderBottomBlackRibbon b
    {
        height:40px;
        font-size:11px;
        padding-top:3px;
    }

    .sliderBottomBlackRibbon span
    {
        height:24px;
        margin:8px 0px;
        font-size:11px;
        padding-top:3px;
    }

    .sliderBottomWhiteRibbon
    {
        height:40px;
        margin-top:-40px;
    }

    .sliderBottomWhiteRibbon b
    {
        height:40px;
        font-size:11px;
        padding-top:3px;
    }

    .sliderBottomWhiteRibbon span
    {
        height:24px;
        margin:8px 0px;
        font-size:11px;
        padding-top:3px;
    }

    .customHomepageCategoriesBoxTexts h3
    {
        font-size:15px;
    }

    .customHomepageCategoriesBoxTexts p
    {
        font-size:11px;
    }
}

/* Contents End */

/* SSS Start */

.sssBoxOuter
{
    width:calc(100%);
    float:left;
    padding:15px;
    border:1px solid var(--borderColor);
    margin-bottom:15px;
}

.homepageSSSContentsBoxOuter
{
    width:100%;
    min-height:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    cursor:pointer;
}

.homepageSSSContentsBoxOuter p
{
    flex:1;
    margin:0px;
    font-size:18px;
    padding-bottom:2px;
    font-weight:600;
}

.homepageSSSContentsBoxRight
{
    width:24px;
    height:24px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:var(--mainColor);
}

.homepageSSSContentsTexts
{
    width:calc(100% + 30px);
    margin:0px -15px;
    margin-bottom:-15px;
    min-height:10px;
    float:left;
    font-size:18px;
    font-weight:500;
    color:#33333384;
    padding:15px;
    margin-top:15px;
    border-top:1px solid var(--borderColor);
}

/* SSS End */

/* Contact Start */

.contactPageFormBox
{
    flex:1;
    min-height:20px;
    float:left;
    padding:20px;
    border:1px solid var(--borderColor);
}

.contactPageFormBox h3
{
    width:100%;
    font-size:35px;
    font-weight:500;
    color:#333;
    margin:0px;
    font-family: "DM Serif Display", serif;
    margin-bottom:15px;
}

.contactPageFormBox p
{
    width:100%;
    font-size:25px;
    font-weight:400;
    color:#333;
    margin:0px;
    margin-bottom:25px;
}

.contactPageFormBox input
{
    width:100%;
    height:50px;
    border:1px solid var(--borderColor);
    float:left;
    margin-bottom:20px;
    padding:0px 15px;
    border-radius:5px;
    font-size:16px;
}

.contactPageFormBox select
{
    width:100%;
    height:50px;
    border:1px solid var(--borderColor);
    float:left;
    margin-bottom:20px;
    padding:0px 15px;
    border-radius:5px;
    font-size:16px;
}

.contactPageFormBox textarea
{
    width:100%;
    height:150px;
    border:1px solid var(--borderColor);
    float:left;
    margin-bottom:20px;
    padding:15px;
    resize:none;
    border-radius:5px;
    font-size:16px;
}

.contactPageFormBox button
{
    min-width: 10px;
    height: 50px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--borderColor);
    background-color:#fff;
}

.notificationTitle
{
    width:100%;
    padding:15px;
    border-radius:5px;
    border:1px solid var(--borderColor);
    color:#333;
    font-size:17px;
    font-weight:600;
    margin-bottom:15px;
}

@media only screen and (max-width: 950px) 
{
    .customContnetsBox
    {
        width:100%!important;
    }
}

/* Contact End */

/* Blogs Start */

.blogListOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:15px;
}

.blogCardOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid var(--borderColor);
    cursor:pointer;
}

.blogCardTopOuter
{
    width:100%;
    height:180px;
    background-color:#f5f5f5;
    float:left;
    overflow:hidden;
    position:relative;
}

.blogCardTopOuter img
{
    width:100%;
    height:180px;
    object-fit: cover;
    object-position: center;
    position:relative;
    z-index:3;
}

.blogCardContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px;
}

.blogCardContentsOuter h3
{
    width:100%;
    float:left;
    margin:0px;
    font-size:18px;
    font-weight:600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:10px;
    color:#333;
}

.blogCardContentsOuter p
{
    width: 100%;
    height: 87px;
    float: left;
    margin: 0px;
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
    margin-bottom:10px;
    opacity: 0.6;
    color:#333;
}

.blogCardContentsOuter span
{
    width: 100%;
    float: left;
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    color:#333;
}

.blogCardTopCatBadge
{
    min-width:10px;
    min-height:10px;
    float:left;
    background-color:#fff;
    position:absolute;
    left:10px;
    top:10px;
    z-index:4;
    padding:4px 10px;
    padding-bottom:6px;
    font-weight:600;
}

/* Blogs End */

/* Product List Start */

.productListPageOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:20px 0px;
    gap:20px;
}

.productListLeftOuter
{
    width:250px;
    min-height:10px;
    float:left;
}

.productListLeftBox
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
    margin-bottom:20px;
}

.productListLeftBoxTitle
{
    width:100%;
    min-height:10px;
    float:left;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-bottom:1px solid var(--borderColor);
}

.productListLeftBoxTitleIcon
{
    width:20px;
    height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.productListLeftBoxTitle p
{
    flex:1;
    font-size:16px;
    font-weight:600;
    color:#333;
    float:left;
    margin:0px;
}

.productListLeftBoxLine
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:centeR;
    justify-content:center;
    gap:10px;
    padding:10px;
    opacity: 0.7;
    border-bottom:1px solid var(--borderColor);
    transition:0.3s ease all;
    cursor:pointer;
    margin:0px;
}

.productListLeftBoxLine:hover
{
    padding-left:25px;
}

.productListLeftBoxLine p
{
    flex:1;
    font-size:15px;
    font-weight:500;
    color:#333;
    margin:0px;
    float:left;
}

.productListLeftBoxSubs
{
    width:100%;
    float:left;
    background-color:#f5f5f5;
}

.productListLeftBoxLineSelect
{
    color:var(--mainColor)!important;
}

.productListLeftBoxLineSelect p
{
    color:var(--mainColor)!important;
}

.productListLeftBoxFilterLine
{
    width:100%;
    min-height:10px;
    float:left;
    padding:10px;
}

.productListLeftBoxFilterLineInput
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.productListLeftBoxFilterLineInput input[type=text]
{
    flex:1;
    height:40px;
    background-color:#fff;
    border:1px solid var(--borderColor);
    font-size:14px;
    padding:0px 10px;
    box-sizing: border-box;
    float:left;
}

.productListLeftBoxFilterLineInput input[type=number]
{
    width:calc(50% - 5px);
    height:40px;
    background-color:#fff;
    border:1px solid var(--borderColor);
    font-size:14px;
    padding:0px 10px;
    box-sizing: border-box;
    float:left;
}

.productListLeftFilterBtn
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
    padding:10px;
    font-size:15px;
    font-weight:600;
    color:#333;
    outline:0px;
}

.productListRightOuter
{
    flex:1;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
}

.productListRightTopLine
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:13px;
    gap:10px;
}

.productListRightTopLine select
{
    width:140px;
    height:35px;
    float:left;
    border:1px solid var(--borderColor);
    outline:0px;
    padding:0px 5px;
    padding-bottom:2px;
}

.productListRightTopLine p
{
    flex:1;
    font-size:15px;
    font-weight:600;
    color:#333;
    margin:0px;
}

.productListRightContents
{
    width:100%;
    min-height:10px;
    float:left;
    padding:10px;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
    flex-wrap: wrap;
}

.productCardOuter
{
    width:calc((100% / 4) - (30px / 3));
    min-height:10px;
    float:left;
}

.productCard
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
}

.productCardImageOuter
{
    width:100%;
    aspect-ratio: 3/4;
    background-color:#f5f5f5;
    float:left;
    position:relative;
}

.productCardImageOuter img
{
    width:100%;
    height:100%;
    position:absolute;
    object-fit: cover;
    object-position: center;
    left:0px;
    top:0px;
    z-index:1;
}

.productCardContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:10px;
}

.productCardContentsOuter h3
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:17px;
    font-weight:600;
    color:#333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0px;
    margin-bottom:10px;
}

.productCardContentsOuter p
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:18px;
    font-weight:600;
    color:#333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0px;
}

.productCardContentsOuter span
{
    opacity: 0.5;
    text-decoration: line-through;
}

.productCardImageDiscountBox
{
    width:36px;
    height:36px;
    background-color:var(--mainColor);
    position:absolute;
    right:10px;
    top:10px;
    z-index:2;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

.productCardFavBtn
{
    width:36px;
    height:36px;
    background-color:rgba(255,255,255,0.7);
    position:absolute;
    left:10px;
    top:10px;
    z-index:2;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--mainColor);
    font-size:17px;
    font-weight:600;
    padding-left:1px;
    cursor:pointer;
}

.noneDataLine
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 10px;
    padding-bottom:17px;
    text-align:center;
    font-size:18px;
    font-weight:600;
    color:#ff0000;
    border:1px solid var(--borderColor);
}

.productListNumbersOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.productListNumberBox
{
    width:30px;
    height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
    color:#333;
    border:1px solid var(--borderColor);
    padding-bottom:2px;
    text-decoration: none!important;
}

.productListNumberBox i
{
    font-size:13px;
}

.productListNumberBoxSelect
{
    background-color:var(--mainColor);
    color:#fff!important;
    border-color:var(--mainColor);
}

@media only screen and (max-width: 950px) 
{
    .productListPageOuter
    {
        flex-direction: column;
    }

    .productListLeftOuter
    {
        width:100%;
    }

    .productCardOuter
    {
        width: calc((100% / 2) - 5px);
    }
}

/* Product List Start */

/* Product Detail */

.productDetailOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:20px 0px;
}

.productDetailBoxOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
}

.productDetailBoxTopLine
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid var(--borderColor);
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.productDetailBoxTopLine p
{
    flex:1;
    margin:0px;
    font-size:15px;
    font-weight:600;
    color:#333!important;
}

.productDetailBoxTopLine p a
{
    color:#333!important;
    text-decoration: none!important;
}

.productDetailBoxContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:20px;
}

.productDetailImagesOuter
{
    width:350px;
    min-height:10px;
    float:left;
}

.productDetailBigImagesOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.bProductİmage
{
    width:100%;
    float:left;
}

.productDetailMiniImagesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:5px;
}

.productDetailMiniImageBox
{
    width:100%;
    height:150px;
    float:left;
    overflow:hidden;
    position:relative;
}

.productDetailMiniImageBox img
{
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    position:absolute;
    left:5px;
    top:5px;
    object-fit: cover;
    object-position: center;
}

.productDetailContentsRightOuter
{
    width:220px;
    min-height:10px;
    float:left;
}

.productDetailRightBtn
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px;
    gap:10px;
    border:1px solid var(--borderColor);
    margin-bottom:10px;
    cursor:pointer;
}

.productDetailRightBtnIcon
{
    width:30px;
    height:30px;
    background-color:#fff;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--borderColor);
    font-size:15px;
    color:#333;
}

.productDetailRightBtn p
{
    flex:1;
    margin:0px;
    font-size:15px;
    font-weight:600;
    color:#333;
    float:left;
    margin-top:-2px;
    padding-left:3px;
}

.productDetailContentsRightTitle
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:13px;
    font-weight:600;
    color:#333;
    opacity: 0.6;
    margin-bottom:10px;
}

.productDetailRightCommtensOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:10px;
    padding-top:0px;
    border:1px solid var(--borderColor);
}

.productDetailRightCommentLine
{
    width:100%;
    min-height:10px;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid var(--borderColor);
}

.productDetailRightCommentLine i
{
    float:left;
    margin-right:4px;
    font-size:10px;
    color:#dadada;
}

.productDetailRightCommentLine p
{
    width:100%;
    float:left;
    font-size:13px;
    font-weight:400;
    color:#333;
    margin:0px;
    margin-top:5px;
}

.productDetailRightCommentLine:last-child
{
    padding-bottom:0px;
    border:0px;
}

.productDetailContentsOuter
{
    flex:1;
    min-height:10px;
    float:left;
}

.productDetailContentsCategories
{
    min-width:10px;
    min-height:10px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    background-color:var(--mainColor);
    padding:4px 15px;
    float:left;
    border-radius:80px;
    margin-bottom:10px;
}

.productDetailContentsCategories a
{
    color:#fff!important;
}

.productDetailTitle
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:25px;
    font-weight:600;
    color:#333;
}

.productDetailCommentsStarsLine
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:15px;
}

.productDetailCommentsStarsLine i
{
    font-size:11px;
    color:#dadada;
    margin-right:4px;
}

.productDetailCommentsStarsLine span
{
    font-size:15px;
    font-weight:600;
    color:#333;
    margin-right:5px;
}

.productDetailPriceOuter
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:30px;
    font-weight:600;
    margin-bottom:10px;
    margin-top:20px;
}

.productDetailPriceOuter span
{
    font-weight:400;
    text-decoration: line-through;
    opacity: 0.8;
}

.productSubsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:10px;
    flex-wrap: wrap;
}

.productSubBox
{
    min-width:10px;
    min-height:50px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px;
    gap:7px;
    border:1px solid var(--borderColor);
    cursor:pointer;
    text-decoration: none!important;
}

.productSubBoxImage
{
    width:30px;
    height:30px;
    float:left;
    background-color:#f5f5f5;
    position:relative;
}

.productSubBoxImage img
{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    object-fit: cover;
    object-position: center;
}

.productSubBox p
{
    min-width:10px;
    margin:0px;
    font-weight:600;
    font-size:15px;
    font-weight:600;
    color:#333;
    margin-right:3px;
    margin-left:3px;
    text-decoration: none!important;
}

.productSubBoxSelect
{
    background-color:var(--mainColor);
}

.productSubBoxSelect p
{
    color:#fff;
}

.productDetailBasketBtn
{
    width:100%;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--mainColor);
    margin-top:18px;
    font-size:17px;
    font-weight:600;
    color:#fff!important;
    text-decoration: none!important;
    padding-bottom:2px;
    cursor:pointer;
    margin-bottom:30px;
}

.productDetailQuestionsLine
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#f5f5f5;
    margin-top:10px;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.productDetailQuestionsLine span
{
    width:50%;
    float:left;
    font-size:16px;
    font-weight:600;
    color:#333;
}

.productDetailQuestionsLine span:last-child
{
    font-weight:400;
    color:#333;
    text-align:right;
}

.productDetailTextsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:15px;
    font-weight:400;
    color:#333;
    margin-bottom:15px;
}

.productDetailTabsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:stretch;
    justify-content:center;
    border-bottom:1px solid var(--borderColor);
}

.productDetailTabBtn
{
    flex:1;
    min-height:10px;
    float:left;
    padding:10px;
    font-size:16px;
    font-weight:600;
    color:#333;
    text-align:center;
    border-right:1px solid var(--borderColor);
    cursor:pointer;
}

.productDetailTabBtn:last-child
{
    border:0px;
}

.productDetailTabBtnSelect
{
    background-color:var(--mainColor);
    color:#fff;
}

.productDetailTabContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px;
}

.productDetailCommentBoxOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid var(--borderColor);
    padding:15px;
    margin-bottom:15px;
}

.productDetailCommentBoxOuter i
{
    float:left;
    margin-right:4px;
    font-size:13px;
    color:#dadada;
}

.productDetailCommentBoxOuter p
{
    width:100%;
    float:left;
    font-size:13px;
    font-weight:400;
    color:#333;
    margin:0px;
    margin-top:5px;
}

.productDetailPaymentTypesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:10px;
    flex-wrap: wrap;
}

.productDetailPaymentTypeBox
{
    width:calc((100% / 4) - (30px / 4));
    min-height:10px;
    padding:10px;
    float:left;
    border:1px solid var(--borderColor);
}

.productDetailPaymentTypeBox img
{
    width:100%;
    height:25px;
    float:left;
    margin-bottom:15px;
    object-fit: contain;
    object-position: center;
    margin-top:4px;                    
}

.productDetailPaymentTypeBox table
{
    width:100%;
    float:left;
    margin:0px;
}

.productDetailPaymentTypeBox thead tr td
{
    text-align:center;
    font-size:14px;
    font-weight:600;
    color:#333;
    text-align:center;
    opacity: 0.7;
    padding-bottom:3px;
}

.productDetailPaymentTypeBox tbody tr td
{
    text-align:center;
    font-size:13px;
    font-weight:600;
    color:#333;
    text-align:center;
    padding:5px;
    background-color:#f5f5f5;
    border:5px solid #fff;
}

.productDetailFormTextOuter
{
    width:100%;
    font-size:16px;
    font-weight:600;
    color:#333;
    float:left;
    margin-bottom:15px;
}

@media only screen and (max-width: 950px) 
{
    .productDetailBoxContentsOuter
    {
        flex-direction: column;
    }

    .productDetailBoxContentsOuter
    {
        width:100%;
    }

    .productDetailContentsOuter
    {
        width:100%;
    }

    .productDetailContentsRightOuter
    {
        width:100%;
    }

    .productDetailTabsOuter
    {
        flex-direction: column;
    }

    .productDetailTabBtn
    {
        border-right:0px;
        border-bottom:1px solid var(--borderColor);
    }

    .productDetailPaymentTypeBox
    {
        width:100%;
    }
}

/* Product Detail */

/* Homepage */

.homepageContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:-14px;
    border-top:1px solid var(--borderColor);
    padding-top:15px;
}

.homepageContentsInner
{
    width:100%;
    min-height:10px;
    float:left;
}

.homepageCategoriesOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.homepageContentsTitle
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:20px;
}

.homepageContentsTitle h4
{
    width:100%;
    font-size:18px;
    font-weight:400;
    color:#333;
    margin:0px;
    margin-bottom:6px;
    font-family: "Righteous", serif;
}

.homepageContentsTitle h3
{
    width:100%;
    font-size:26px;
    font-weight:400;
    color:#333;
    margin:0px;
}

.homepageCategoriesBoxSliderOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:25px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:10px;
}

.homepageCategoriesBoxOuter
{
    flex:1;
    min-height:10px;
    float:left;
    cursor:pointer;
    transition: 0.3s ease all;
}

.homepageCategoriesBoxOuter:hover
{
    margin-top:-15px;
}

.homepageCategoriesBoxImageOuter
{
    width:100%;
    aspect-ratio: 3/2;
    background-color:#f5f5f5;
    float:left;
    position:relative;
    border:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content:center;
}

.homepageCategoriesBoxImageOuter img
{
    width:100%;
    height:100%;
    position:absolute;
    object-fit: contain;
    object-position: center;
}

.homepageCategoriesBoxOuter h3
{
    width:100%;
    text-align:center;
    font-size:18px;
    font-weight:600;
    color:#333;
    margin:0px;
    margin-top:7px;
    float:left;
}

.homepageSSSOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border-top:1px solid var(--borderColor);
}

.homepageSSSInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:20px 15px;
    border-left:1px solid var(--borderColor);
    border-right:1px solid var(--borderColor);
}

/* Homepage */

/* Login Page */

.customLoginPageOuter
{
    width:100%;
    min-height:65vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px 0px;
}

.customLoginPageBoxOuter
{
    width:50%;
    min-height:10px;
    float:left;
    padding:15px;
    border:1px solid var(--borderColor);
    background-color:#fff;
}

.customLoginPageTitleOuter
{
    width:100%;
    min-height:10px;
    float:left;
    text-align:center;
    font-size:30px;
    font-weight:600;
    color:#333;
    margin-bottom:20px;
}

.customLoginPageNotificationBoxOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--mainColor);
    padding:10px;
    color:#fff;
    font-size:16px;
    font-weight:400;
    border-radius:5px;
    text-align:center;
    margin-bottom:20px;
}

.customLoginPageInputOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid var(--borderColor);
    display:flex;
    align-items:center;
    justify-content: center;
    margin-bottom:15px;
}

.customLoginPageInputIconOuter
{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid var(--borderColor);
    font-size:18px;
    float:left;
}

.customLoginPageInputOuter input
{
    flex:1;
    height:44px;
    border:0px!important;
    outline:0px!important;
    float:left;
    font-size:18px;
    padding:0px 15px;
    background-color: transparent;
    padding-bottom:2px;
}

.customLoginPageInputOuter select
{
    flex:1;
    height:44px;
    border:0px!important;
    outline:0px!important;
    float:left;
    font-size:18px;
    padding:0px 15px;
    background-color: transparent;
    padding-bottom:2px;
}

.customLoginPageInputOuter textarea
{
    flex:1;
    height:144px;
    border:0px!important;
    outline:0px!important;
    float:left;
    font-size:18px;
    padding:10px 15px;
    background-color: transparent;
    padding-bottom:2px;
    resize: none!important;
}

.customLoginPageInputRightBtnOuter
{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid var(--borderColor);
    font-size:18px;
    float:left;
    cursor:pointer;
}

.customLoginPageMiniLinkOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    margin-top:-5px;
}

.customLoginPageMiniLinkOuter a
{
    text-decoration: none!important;
    color:var(--mainColor)!important;
    font-size:15px;
    letter-spacing: 1px;
    font-weight:500;
}

.customLoginPageBtn
{
    width:100%;
    height:45px;
    background-color:var(--mainColor);
    color:#fff!important;
    border:0px!important;
    outline:0px!important;
    font-size:19px;
    letter-spacing: 1px;
    font-weight:500;
    margin-top:20px;
    float:left;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration: none!important;
}

.customLoginPageLineTitleOuter
{
    width:100%;
    min-height:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-top:20px;
    float:left;
}

.customLoginPageLineTitleOuter:before , .customLoginPageLineTitleOuter:after
{
    content:'';
    flex:1;
    height:1px;
    background-color:#333;
    opacity: 0.2;
}

.customLoginPageLineTitleOuter span
{
    font-size:14px;
    font-weight:400;
    color:#333;
    letter-spacing: 1px;
}

.customLoginPageButtonLink
{
    width:100%;
    height:45px;
    border:1px solid var(--borderColor);
    color:#333!important;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    letter-spacing: 1px;
    font-weight:500;
    margin-top:20px;
    float:left;
    text-decoration: none!important;
    padding-bottom:2px;
}

@media only screen and (max-width: 950px) 
{
    .customLoginPageBoxOuter
    {
        width:100%;
    }
}

/* Login Page */

/* User Profile */

.customUserProfileOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:20px;
    padding:20px 0px;
}

.customUserProfileLeft
{
    width:280px;
    min-height:10px;
    background-color:#fff;
    float:left;
    border:1px solid var(--borderColor);
    padding:15px;
}

.customUserProfileRight
{
    flex:1;
    min-height:10px;
    float:left;
    background-color:#fff;
    border:1px solid var(--borderColor);
    padding:15px;
}

.customUserProfileLeftTitle
{
    width:100%;
    min-height:10px;
    float:left;
    text-align:center;
    font-size:23px;
    font-weight:600;
    color:#333;
    margin-bottom:10px;
}

.customUserProfileLeftMiniTitle
{
    width:100%;
    min-height:10px;
    text-align:center;
    font-size:14px;
    color:#333;
    font-weight: 500;
    opacity: 0.7;
}

.customUserProfileLeftMenuLine
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--borderColor);
    cursor:pointer;
    text-decoration: none!important;
}

.customUserProfileLeftMenuLineIcon
{
    width:35px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:#333;
    padding-bottom:1px;
    border-right:1px solid var(--borderColor);
}

.customUserProfileLeftMenuLineBadge
{
    width:35px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
    color:#333;
    padding-bottom:1px;
    border-left:1px solid var(--borderColor);
}

.customUserProfileLeftMenuLine span
{
    flex:1;
    font-size:14px;
    font-weight:500;
    color:#333;
    padding:0px 10px;
}

.customUserProfileLeftMenuLineSelect
{
    background-color: var(--mainColor);
    border-color:#fff;
}

.customUserProfileLeftMenuLineSelect .customUserProfileLeftMenuLineIcon , .customUserProfileLeftMenuLineSelect span , .customUserProfileLeftMenuLineSelect .customUserProfileLeftMenuLineBadge
{
    color:#fff;
    border-color:#fff;
}

.customAddresLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid var(--borderColor);
    padding:15px;
    margin-bottom:15px;
    position:relative;
}

.customAddresLineOuter h3
{
    width:100%;
    float:left;
    font-size:17px;
    font-weight:600;
    color:#333;
    margin:0px;
    margin-bottom:10px;
}

.customAddresLineOuter span
{
    width:100%;
    float:left;
    font-size:15px;
    font-weight:500;
    color:#333;
    margin:0px;
    margin-bottom:10px;
}

.customAddresLineOuter p
{
    width:100%;
    float:left;
    font-size:15px;
    font-weight:400;
    color:#333;
    margin:0px;
}

.notificationHref
{
    width:100%;
    float:left;
    font-size:15px;
    font-weight:400;
    color:#333!important;
    margin:0px;
    text-decoration: none!important;
}

.customAddresLineDeleteBtn
{
    width:24px;
    height:24px;
    background-color:#ff0000;
    position:absolute;
    top:10px;
    right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:12px;
    z-index: 9;
}

.customAddresLineEditBtn
{
    width:24px;
    height:24px;
    border:1px solid var(--borderColor);
    position:absolute;
    top:10px;
    right:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#333!important;
    font-size:12px;
    z-index: 9;
}

@media only screen and (max-width: 950px) 
{
    .customUserProfileOuter
    {
        flex-direction: column;
    }

    .customUserProfileLeft
    {
        width:100%;
    }

    .customUserProfileRight
    {
        width:100%;
    }
}

/* User Profile */

/* Basket Page */

.basket_product_line_outer
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid var(--borderColor);
    padding:15px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:20px;
    margin-bottom:15px;
}

.basket_product_line_outer:last-child
{
    margin-bottom:0px;
}

.basket_product_line_image
{
    width:140px;
    height:190px;
    float:left;
    background-color:#f5f5f5;
}

.basket_product_line_image img
{
    width:140px;
    height:190px;
    object-fit: cover;
    object-position: center;
}

.basket_product_line_contents
{
    flex:1;
    min-height:10px;
    float:left;
}

.basket_product_line_contents h3
{
    width:100%;
    margin:0px;
    font-weight:600;
    color:#333;
    margin-bottom:15px;
    font-size:20px;
}

.basket_product_line_contents .productDetailPriceOuter
{
    margin-top:5px;
    margin-bottom:0px;
    font-size:18px;
}

.basket_product_line_counter_outer
{
    min-width:10px;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-top:10px;
    margin-bottom:15px;
}

.basket_product_line_counter_btn
{
    width:35px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--borderColor);
    color:#333;
    cursor:pointer;
    padding-top:3px;
    font-size:17px;
}

.basket_product_line_counter_outer span
{
    font-size:18px;
    font-weight:600;
    color:#333;
}

.basket_product_line_delete_btn
{
    width:35px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ff0000;
    color:#ff0000;
    cursor:pointer;
    padding-top:3px;
    font-size:17px;
}

.basketRightLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 0px;
    border-bottom:1px solid var(--borderColor);
}

.basketRightLineBox
{
    flex:1;
    min-height:10px;
    float:left;
    font-size:20px;
    font-weight:600;
    color:#333;
}

.basketRightLineBox:last-child
{
    text-align:right;
    font-weight:500;
}

.basketTypeBadge
{
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 3px;
    padding-bottom:10px;
}

@media only screen and (max-width: 950px) 
{
    .basket_product_line_outer
    {
        flex-direction: column;
    }

    .basket_product_line_image
    {
        width:100%;
        height:250px;
    }

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

    .basket_product_line_contents
    {
        width:100%;
    }

    .customContentsInner
    {
        margin-bottom:0px;
    }
}

/* Basket Page */

/* Mobile Contents */

.mobileContentsElementsOuter
{
    width:100%;
    height:auto;
    float:left;
}

.mobileContentsOuter
{
    width:100%;
    height:auto;
    float:left;
}

.mobileToolbarOuter
{
    width:100%;
    height:64px;
    float:left;
    background-color:#fff;
    display:none;
    align-items:center;
    justify-content:center;
    padding:10px;
    gap:10px;
    border-top:1px solid var(--borderColor);
}

.mobileToolbarBtn
{
    flex:1;
    height:40px;
    display:flex;
    align-items:Center;
    justify-content:center;
    font-size:23px;
    color:#333;
    text-decoration: none!important;
}

@media only screen and (max-width: 950px) 
{
    .mobileContentsElementsOuter
    {
        height:100vh;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction: column;
    }

    .mobileContentsOuter
    {
        flex:1;
        overflow: auto;
    }

    .footerTopLineOuter
    {
        display:none;
    }

    .customFooterOuter
    {
        display:none;
    }

    .sliderBottomRibbonsOuter 
    {
        width: 100%;
        min-height: 84px;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 4;
        overflow: hidden;
        padding: 15px 0px;
        margin: -30px 0px;
    }

    .whatsappIcon
    {
        display:none;
    }

    .mobileToolbarOuter
    {
        display:flex;
    }
}

/* Mobile Contents */