@font-face
{
    font-family:pop-med;
    src: url(../fonts/Poppins-Medium.ttf)
}
@font-face
{
    font-family:pop-bold;
    src: url(../fonts/Poppins-Bold.ttf)
}
body
{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    font-family:pop-med;
    overflow-x: hidden!important;
    position: relative;
}
html
{
    scroll-behavior: smooth;
}
.the-after
{
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: #1D1D1D;
    display: none;
    z-index: 9999999999999999999999999;
    opacity: 0.7;
}
img
{
    object-fit: contain !important;
    object-position: center center !important;
}
ul
{
    padding: 0;
    margin: 0 0 0px;
    list-style: none;
}
p
{
    margin-bottom: 0;
}
a
{
    text-decoration: none!important;
}
.mainHeader
{
    padding: 12px 0px;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999999999999;
}
.mainHeader .mainMenu ul
{
    text-align: center;
    margin-top: 20px;
}
.mainHeader .mainMenu ul li
{
    display: inline-block;
    margin-right: 50px;
}

.mainHeader .mainMenu ul li a
{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #00336C;
}
.mainHeader .mainMenu ul .contact
{
    float: right;
    background: #FB8100;
    border-radius: 38px;
    width: 160px;
    line-height: 44px;
    height: 44px;
    margin-top: -10px;
}
.mainHeader .mainMenu ul .contact a
{
    color: #fff;
}
.mainHeader .mainMenu ul .dropdown-toggle i
{
    margin-left:5px;
    font-size: 14px;
}
.mainHeader .mainMenu ul .dropdown-menu
{
    width: 200px;
    top: 40px;
    padding: 0px 0px !important;
}
.mainHeader .mainMenu ul .dropdown-menu a
{
    display: block;
    transition: all .6s ease-in-out;
    padding: 8px;
    font-size: 14px;
}
.mainHeader .mainMenu ul .dropdown-menu a:hover
{
    background: #00336C;
    color: #fff;
}
.mainSlider
{
    margin-top: 85px;
}
.mainSlider .col-md-12
{
    padding: 0px;
}
.mainSlider .main-slider .owl-dots
{
    display: table;
    margin: 0px auto;
    position: relative;
    top:-50px;
}
.mainSlider .main-slider .owl-dot
{
    border-radius: 150px;
    background-color:#fff;
    float: right;
    height: 15px;
    margin-left: 10px;
    width: 15px;
}
.mainSlider .main-slider .owl-dot.active
{
    background-color: #F05624;
    border: 2px solid #fff;
}
.mainSlider .main-slider .owl-nav
{
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 200px;
    margin: 0 auto;
    bottom: 44px;
    right: 0;
    left: 0;
}
.mainSlider .main-slider .owl-nav i
{
    font-size: 18px;
    color: #fff;
}
.specialOffer
{
    margin-bottom: 50px;
    margin-top: 50px;
}
 .head-of , .custom-head-of
{
    text-align: center;
}
.head-of h1
{
    font-style: normal;
    font-weight: 500;
    font-size: 100px;
    font-family: pop-bold;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: rgba(0, 51, 108, 0.03);
}
.head-of h3
{
    font-family: pop-bold;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #00336C;
    margin-bottom: 30px;
}
.head-of p
{
    width: 50%;
    display: block;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: -20px;
    color: #5F7081;
}
.custom-head-of h1
{
    font-style: normal;
    font-weight: 500;
    font-size: 100px;
    font-family: pop-bold;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: rgba(0, 51, 108, 0.03);
}
.custom-head-of h3
{
    font-family: pop-bold;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #00336C;
    margin-bottom: 30px;
    margin-top: -80px;
}
.specialOffer .offer-slider
{
    margin-top: 50px;
    margin-bottom: 50px;
}

.specialOffer .offer-slider .owl-dots
{
    display: table;
    margin: 0px auto;
    position: relative;
    top:30px;
}
.specialOffer .offer-slider .owl-dot
{
    border-radius: 150px;
    background-color:#D9D9D9;
    float: right;
    height: 15px;
    margin-left: 10px;
    width: 15px;
}
.specialOffer .offer-slider .owl-dot.active
{
    background-color: #0076EA;
}

.mainHeader .hidden-xx
{
    float: right;
    margin-top: 10px;
    display: none;
}
.mainHeader .hidden-xx button
{
    border-radius: 8px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    font-size: 16px;
    border: 1px solid #0076EA;
    color: #0076EA;

}


.sidenav
{
    height: 100%;
    width: 0%;
    position: fixed;
    z-index:999999999999999999;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    background-color: #fff;
    transition: 0.5s;
    padding-top:10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.sidenav .logo img
{
    width: auto;
    display: block;
    margin-bottom: 20px;
}
.sidenav .menu
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.sidenav .menu li
{
    padding: 10px;
    cursor: pointer;
    border-radius: 6px;
    transition: all .6s ease-in-out;
}
.sidenav .menu li:last-child
{
    border: none;
}
.sidenav .menu li a
{
    color: #2A4C7D;
    text-decoration: none;
    font-size: 16px;
}
.sidenav .menu li a i
{
    margin-left: 5px
}


.sidenav .menu .dropdown-menu
{
    width: 200px;
    top: 40px;
    padding: 0px 0px !important;
}
.sidenav .menu .dropdown-menu a
{
    display: block;
    transition: all .6s ease-in-out;
    padding: 8px;
    font-size: 14px;
}
.sidenav .cls
{
    position: fixed;
    top: 22px;
    right: 15px;
    display: none;
}
.sidenav .cls button
{
    background-color: transparent;
    z-index: 99999999999;
    opacity: 1;
    border-radius: 8px;
    width: 50px;
    height: 50px;
    font-size: 18px;
    border: 1px solid red;
    color: #0076EA;
}
.sidenav .cls button i
{
    color: red;
}
.ExploreFav-section
{
    margin-top: 100px;
    margin-bottom: 50px;
}
.ExploreFav-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 50px;
}

.ExploreFav-content .left-panel {
    width: 40%;
    margin-right: 30px;
    margin-left: 20px;
}
.ExploreFav-content .left-panel .data
{
    background: #FFFFFF;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 3px rgba(0, 118, 234, 0.07);
    border-radius: 20px;
    text-align: left;
    padding: 20px;

}

.ExploreFav-content .left-panel .data h3
{
    margin: 0px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #00336C;
}
.ExploreFav-content .left-panel .data p
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #5F7081;
}
.ExploreFav-content .left-panel .data a
{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #ED1C24;
}
.ExploreFav-content .left-panel .data a i
{
    margin-left: 10px;
}
.ExploreFav-content .left-panel .item {
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
}
.ExploreFav-content .left-panel .item.active {
    border: 1px solid #0076EA;
    border-radius: 20px;
}
.ExploreFav-content .right-panel {
    width:60%;
    text-align: center;
}

.ExploreFav-content #displayed-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.ourNewProduct .pic
{
    margin: 20px 0px;
}
.ourNewProduct .pic img
{
    width: 100%;
    object-fit: fill !important;
    height: 400px;
    border-radius: 8px;
}
.ourNewProduct .info
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.ourNewProduct .info h3
{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #00336C;
    text-align: center;
}
.ourNewProduct .info p
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #5F7081;
}
.ourNewProduct .info a i
{
    width: 50px;
    height: 50px;
    background: #D9D9D9;
    line-height: 55px;
    float: left;
    transition: all .6s ease-in-out;
    display: block;
    text-align: center;
    border-radius: 150px;
    font-size: 20px;
    transition: all .6s ease-in-out;
    color: #fff;
    transform: rotate(320deg);
    margin-top: -54px;
}
.ourNewProduct .info i:hover
{
    background-color: #FB8100;
}
.ourNewProduct .info a:hover i
{
    transform: rotate(0deg);
}
.exploreBrands
{
    margin-top: 80px;
}
.exploreBrands .brandsSlider
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.exploreBrands .brandsSlider img
{
    /*width: 100px!important;*/
    height:50px!important;
    object-fit: contain!important;
}
.getTouch
{
    background-color: #FB8100;
    padding: 20px;
    width: 75%;
    display: block;
    margin: 0 auto;
    z-index: 999999999;
    text-align: center;
    background-image: url("../images/layer.png");
    background-position: center center;
    border-radius: 20px;
    position: relative;
}
.getTouch h2
{
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 51px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}
.getTouch p
{
    width: 60%;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    color: #fff;
}
.getTouch a
{
    width: 183px;
    height: 44px;
    background: #00336C;
    border-radius: 40px;
    display: block;
    margin: 0 auto;
line-height: 44px;
    margin-top: 20px;
    color: #fff;
}
.footer
{
    background-color: #00336C;
    padding-top: 50px;
    margin-top: 0px;
    border-top: 4px solid #F7941D;
}
.footerPage
{
    background-color: #00336C;
    padding-top: 140px;
    margin-top: -80px;
}
.footer .upperContent
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.footer .upperContent .line
{
    width: 70%;
    display: block;
    margin: 0 auto;
}
.footer .upperContent .line hr
{
    opacity: .2;
}
.footer .logo p
{
    padding-top: 20px;
    color: #fff;
}
.footer .social ul
{
    text-align: center;
}
.footer .social ul li
{
    display: inline-block;
    margin-left: 20px;
}
.footer .social ul li a
{
    color: #fff;
    font-size: 18px;
}
.footer .content
{
    margin-top: 5px;
}

.footer .content p
{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.footer .pages h3
{
    margin: 0px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 10px;
}
.footer .pages ul li
{
    display: block;
    margin-top: 4px;
    font-size: 16px;
    color: #fff;
}
.footer .pages ul li img
{
    margin-right: 12px;
    width: 22px;
}
.footer .pages ul li a
{
    color: #fff;
}
.footer .copyright
{
    text-align: center;
    padding-top: 40px;
}

.footer .copyright p
{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    leading-trim: both;
    text-edge: cap;
    text-transform: capitalize;
    color: #4C6E94;
    padding-bottom: 12px;
}
.pageSection
{
    background-image: url(../images/page.png);
    background-color: #2a6496;
    height: 220px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 65px;
    margin-bottom: 50px;
    position: relative;
    margin-top: 90px;
}
.pageSection:after
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #204d74;
    opacity: .1;
    content: "";
    width: 100%;
    height: 100%;
}
.pageSection .content
{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999999999;
    align-items: center;
}
.pageSection .content h2
{
    font-weight: 500;
    font-size: 30px;
    font-family: pop-bold;
    line-height: 54px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.pageSection .content .road ul
{
    margin-top: 10px;
}
.pageSection .content .road ul li
{
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    margin-right: 12px;
}
.pageSection .content .road ul li a
{
    color: #fff;
}
.aboutGroup
{
    margin-bottom: 50px;
}
.aboutGroup .data
{
    padding-right: 50px;
}
.aboutGroup .data h6
{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #ED1C24;
}
.aboutGroup .data h3
{
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #00336C;
}
.aboutGroup .data p
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    margin-top: 16px;
    color: #5F7081;
}
.aboutGroup .pageContent
{
    margin-top: 100px;
}
.aboutGroup .pageContent img
{
    width: 100%;
    border-radius: 12px;
    object-fit: cover!important;
    margin-bottom: 12px;
    height: 250px;
}
.aboutGroup .pageContent h4
{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    font-family: pop-bold;
    text-transform: capitalize;
    color: #00336C;
}
.aboutGroup .pageContent p
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: #5F7081;
}
.aboutGroup .pageContent ul li{
    line-height: 31px;
}
.whyChooseUs
{
    background: #F7F8FC;
    background-image: url("../images/layer-choose.png");
    background-position: bottom center;
    background-size: 500px 120px;
    background-repeat: no-repeat;
    padding: 50px 0px;
    margin-bottom: 50px;
}
.whyChooseUs .head
{
    text-align: center;
}
.whyChooseUs .head h5
{
    font-style: normal;
    font-family: pop-bold;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #00336C;
}
.whyChooseUs .head p
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #5F7081;
}
.whyChooseUs .content
{
    margin: 50px 0px;
    text-align: center;
    margin-bottom: 100px;
}
.whyChooseUs .content h4
{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: pop-bold;
    text-align: center;
    text-transform: capitalize;
    color: #00336C;
}
.whyChooseUs .content p
{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #5F7081;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.categoriesSection
{
    margin-top: 50px;
}
.categoriesSection .one
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
    margin-bottom: 50px;
}
.categoriesSection .one img
{
    width: 100%;
}
.categoriesSection .one .info
{
    display: flex;
    position: relative;
    z-index: 99999999999;
    padding: 10px 20px;
    margin-top: -50px;
    align-items: center;
    justify-content: space-between;
    background-color: #00336C;
    margin-bottom: 20px;
}
.categoriesSection .one .info h4
{
    font-family: pop-bold;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
}
.categoriesSection .one .info a
{
    text-transform: capitalize;
    font-size: 16px;
    text-decoration: underline!important;
    color: #fff;
}
.categoriesSection .one  ul
{
    padding-left: 20px;
    margin-bottom: 20px;
}
.categoriesSection .one  ul li
{
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.categoriesSection .one  ul li i
{
    margin-right: 5px;
    color: #ED1C24;
}
.contactUs-section
{
    margin-top: 150px;
}
.contactUs-section .one
{
    display: flex;
    background: #FFFFFF;
    border: 1px solid rgba(114, 141, 166, 0.15);
    border-radius: 20px;
    text-align: center;
    justify-content: center;
    padding: 12px;
    margin-bottom: 20px;
}
.contactUs-section .one h4 a{
    color: #00336C;
}
.contactUs-section .one img
{
    margin-right: 30px;
}
.contactUs-section .fillForm
{
    background: #FFFFFF;
    border: 1px solid rgba(114, 141, 166, 0.15);
    border-radius: 20px;
    padding: 20px 30px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.contactUs-section .fillForm h4
{
    font-family: pop-bold;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    text-transform: capitalize;
    color: #00336C;
}
.contactUs-section .fillForm p
{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5F7081;
    margin-bottom: 20px;
}
.contactUs-section .fillForm label
{
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5F7081;
}
.contactUs-section .fillForm input
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
width: 100%;
    padding: 10px;
    outline: none;
    margin-bottom: 12px;
}
.contactUs-section .fillForm textarea
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
    width: 100%;
    resize: none;
    height: 120px;
    outline: none;
    padding: 14px;
    margin-bottom: 12px;
}
.contactUs-section .fillForm input.wpcf7-form-control.wpcf7-submit.has-spinner
{
    width: 100%;
    background: #00336C;
    border-radius: 10px;
    border: none;
    outline: none;
    padding: 14px;
color: #fff;
    margin-bottom: 30px;
}
.contactUs-section .map
{
    position: relative;
}
.contactUs-section .map iframe{
    width: 100%;
    height: 800px;
}
.contactUs-section .map .content
{
    position: absolute;
    bottom: 20px;
    display: flex;
    width: 90%;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0px 20px;
}
.contactUs-section .map .content img
{
    padding: 12px;
    margin-top: 6px;
}
.contactUs-section .map .content .location
{
    margin-top: 12px;
}
.contactUs-section .map .content .location h6
{
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5F7081;
    margin: 0px;
}
.contactUs-section .map .content .location p
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #00336C;
}
.categoriesPageSection
{
    margin-bottom: 50px;
}
.categoriesPageSection .brand
{
    display: flex;
}
.categoriesPageSection .brand img
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
    padding: 20px;
    margin-right: 30px;
    width: 148px;
    height: 88px;
}
.categoriesPageSection .company h4
{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 60px;
    text-transform: capitalize;
    color: #00336C;
}
.categoriesPageSection .company p
{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #5F7081;
}
.categoriesPageSection .filter
{
    margin-top: 50px;
}
.categoriesPageSection .filter h1
{
font-family: pop-bold;
    font-size: 26px;
    line-height: 30px;
    text-transform: capitalize;
    color: #00336C;
}
.categoriesPageSection .filter ul
{
    margin-top: 30px;
    margin-bottom: 50px;
}
.categoriesPageSection .filter .sub
{
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.categoriesPageSection .filter ul li
{
    margin-top: 20px;

}
.categoriesPageSection .filter ul li a
{
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #5F7081;
}
.categoriesPageSection .filter ul li .active
{
    color: #00336C;
}
.categoriesPageSection .filter ul li span
{
    color: #5F7081;
    font-weight: 700;
    font-family: pop-bold;
    float: right;
}
.categoriesPageSection .products .one
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
    text-align: center;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 396px;
}
.categoriesPageSection .products .one img
{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    padding-top:5px;
}
.categoriesPageSection .products .one a
{
font-family: pop-bold;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #00336C;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.categoriesPageSection .products .one p
{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #5F7081;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.categoriesPageSection .products .one .overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: all .6s ease-in-out;
    height: 100%;
    background: rgba(0, 51, 108, 0.9);
    border-radius: 10px;
    opacity: 0;
padding-top: 50%;
    color: #fff;
}
.categoriesPageSection .products .one .overlay span
{
    background: #F7941D;
    width: 80px;
    height: 80px;
    border-radius: 150px;
    line-height: 95px;
    display: block;
    margin: 0 auto;
}
.categoriesPageSection .products .one .overlay span i
{
    font-size: 30px;
}
.categoriesPageSection .products .one .overlay a
{
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
    font-family: pop-med;

}
.categoriesPageSection .products .one:hover .overlay
{
    opacity: .9;
}








.productDetailsSection .col-sm-4
{
    padding: 0px;
}

.productDetailsSection .big-fancy .main-pic
{
    width:100%;
    height:430px;
    margin-top: 15px;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
}
.productDetailsSection .small-slider
{
    margin-top: 15px;
    float: left;
    width: 100%;
}
.productDetailsSection .small-slider .pic-details
{
    width:100px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    height:100px;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
}
.productDetailsSection .small-slider .col-sm-3
{
    padding:0px;
}
.productDetailsSection .content h2
{
    font-family: pop-med;
    font-size: 40px;
    line-height: 60px;
    text-transform: capitalize;
    color: #00336C;
}
.productDetailsSection .content h6
{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5F7081;
}
.productDetailsSection .content p
{
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #5F7081;
}
.productDetailsSection .content h4
{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #00336C;
}
.productDetailsSection .content h4 span
{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5F7081;
}
.productDetailsSection .content a
{
    display: block;
    width: 100%;
    background: #00336C;
    border-radius: 10px;
text-align: center;
    padding: 18px;
    margin-top: 20px;
    text-transform: capitalize;
    color: #fff;
    font-size: 22px;
}
.productDetailsSection .the-tabs ul
{
    margin-bottom: 20px;
}
.productDetailsSection .the-tabs ul li
{
display: inline-block;
    background: #FFFFFF;
    width: 180px;
    text-align: center;
    padding: 16px;
    border: 1px solid rgba(0, 51, 108, 0.13);
    margin-right: 20px;
    border-radius: 10px;
}
.productDetailsSection .the-tabs ul .active
{
    background-color: #00336C;
}
.productDetailsSection .the-tabs ul .active a
{
    color: #fff;
}
.productDetailsSection .tab-content .content ,
.productDetailsSection .tab-content .data
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
    margin-bottom: 30px;
}
.productDetailsSection .tab-content .content ul li
{
    color: #00336C;
    padding: 18px 20px;
    border: 0px;
    background-color: transparent !important;
}
.productDetailsSection .tab-content .content ul li span
{
    color: #5F7081;
    margin-left: 20px;
}
.productDetailsSection .tab-content .content li:nth-child(odd) {

    background-color: rgba(95, 112, 129, 0.08);

}
.productDetailsSection .tab-content .data ul li
{
    color: #5F7081;
    margin-left: 20px;
}
.productDetailsSection .tab-content .data ul li
{
    padding: 12px 10px;
}
.similarProducts
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.similarProducts .one
{
    background: #FFFFFF;
    border: 1px solid rgba(0, 51, 108, 0.13);
    border-radius: 10px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
}
.similarProducts .one img
{
    padding: 20px;
    display: block;
    margin: 0 auto;
    width: 100%;
}
.similarProducts .one a
{
    font-family: pop-bold;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #00336C;
}

.similarProducts  .one p
{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding: 0px 12px;
    text-align: center;
    color: #5F7081;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.similarProducts  .one .overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: all .6s ease-in-out;
    height: 100%;
    background: rgba(0, 51, 108, 0.9);
    border-radius: 10px;
    opacity: 0;
    padding-top: 50%;
    color: #fff;
}
.similarProducts .one .overlay span
{
    background: #F7941D;
    width: 80px;
    height: 80px;
    border-radius: 150px;
    line-height: 95px;
    display: block;
    margin: 0 auto;
}
.similarProducts .one .overlay span i
{
    font-size: 30px;
}
.similarProducts .one .overlay a
{
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
    font-family: pop-med;

}
.similarProducts .one:hover .overlay
{
    opacity: .9;
}
.aboutGroup .pic img{
    width: 100%;
    height: 300px;
    border-radius: 8px;
}
/*#mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {*/
/*    background: transparent;*/
/*    color: #00336C;*/
/*    font-weight: normal;*/
/*    text-decoration: none;*/
/*    border-color: #fff;*/
/*}*/

/*#mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item > a.mega-menu-link {*/
/*    line-height: 40px;*/
/*    height: 40px;*/
/*    padding: 0px 10px 0px 10px;*/
/*    vertical-align: baseline;*/
/*    width: auto;*/
/*    display: block;*/
/*    color: #00336C;*/
/*    text-transform: none;*/
/*    text-decoration: none;*/
/*    text-align: left;*/
/*    background: rgba(0, 0, 0, 0);*/
/*    border: 0;*/
/*    border-radius: 0;*/
/*    font-family: inherit;*/
/*    font-size: 14px;*/
/*    font-weight: normal;*/
/*    outline: none;*/
/*}*/

/*#mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item > a.mega-menu-link:focus {*/
/*    background: #00336C;*/
/*    color: #ffffff;*/
/*    font-weight: normal;*/
/*    text-decoration: none;*/
/*    border-color: #fff;*/
/*}*/

/*#mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {*/
/*    background: #00336C;*/
/*    color: #ffffff;*/
/*    font-weight: normal;*/
/*    text-decoration: none;*/
/*    border-color: #fff;*/
/*}*/
/*#mega-menu-wrap-Header-menu #mega-menu-Header-menu > li.mega-menu-item {*/
/*    margin: 0 0px 0 0;*/
/*    display: inline-block;*/
/*    height: auto;*/
/*    vertical-align: middle;*/
/*    margin-right: 50px;*/
/*}*/

/*.mainMenu {*/
/*    margin-top: 10px;*/
/*}*/
.fancybox-overlay {
    z-index: 9999999999999999999 !important;
}
/* تحسين تخطيط صفحة المنتج */
.productDetailsSection .the-tabs ul .active {
    background-color: #00336C;
}
.productDetailsSection .the-tabs ul li {
    display: inline-block;
    background: #FFFFFF;
    width: 180px;
    text-align: center;
    padding: 16px;
    border: 1px solid rgba(0, 51, 108, 0.13);
    margin-right: 20px;
    border-radius: 10px;
}