/* ====common css start here===== */

@charset "utf-8";

@font-face {

    font-family: 'junegull';

    src: url('../fonts/junegull-webfont.eot');

    src: url('../fonts/junegull-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/junegull-webfont.woff2') format('woff2'),

         url('../fonts/junegull-webfont.woff') format('woff'),

         url('../fonts/junegull-webfont.ttf') format('truetype'),

         url('../fonts/junegull-webfont.svg#junegullregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

:root{

    --color-main: #1697C9;

    --color-dark-blue: #1B485A;

    --color-black: #000;

    --color-white: #fff;

    --color-gray: #323232;

    --color-yellow: #F9E300; 



    --body-font:'Montserrat', sans-serif;

    --heading-font:'junegull';

    --subheading-font:'Montserrat', sans-serif;

    --btn-font:'Montserrat', sans-serif;

}

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

/* ------Scrollbar CSS Start----- */

/* Firefox */

* {

    scrollbar-width: auto;

    scrollbar-color: var(--color-main) var(--color-white);

}



/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {

    width: 8px;

}



*::-webkit-scrollbar-track {

    background: var(--color-white);

}



*::-webkit-scrollbar-thumb {

    background-color: var(--color-main);

    border-radius: 8px;

    border: 1px solid var(--color-white);

}

/* ------Scrollbar CSS End----- */

body {

    margin: 0;

    padding: 0;

    font-size: 14px;

    line-height: 23px;

    color: #172C36;

    font-weight: 500;

    font-family: var(--body-font); 

}



html, body {

    overflow-x: hidden;

} 

p {

    margin: 0 0 15px;

    padding: 0;

}

p:last-child {

    margin-bottom: 0;

} 

a {

    color: var(--color-main);

    display: inline-block;

    outline: none !important;

    vertical-align: top;

    text-decoration: none;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

a:hover, a:focus {

    color: var(--color-main);

    text-decoration: none;

} 

figure {

    margin: 0;

    padding: 0;

    display: block;

} 



img {

    max-width: 100%;

    display: block;

}

.sec-space {

    padding: 60px 0;

}

h1, h2, .heading {

    font-family: var(--heading-font); 

    color: var(--color-dark-blue);

    font-size: 45px;

    line-height: normal;

    font-weight: normal;

    text-transform: capitalize;

    position: relative;

    margin-bottom:20px;

    letter-spacing: 0;

}

h1{font-size: 40px;}

.head-border::before{

    background-color: var(--color-main);

    content: "";

    display: block;

    width: 50px;

    height: 2px;

} 

.small-head strong{

    color: var(--color-purpal);

    letter-spacing: 0;

    text-transform: uppercase;

    font-size: 15px;

    display: block;

    margin-bottom: 5px;

    font-weight: 400;

}

h3, h4, h5, .subheading {

    font-family: var(--subheading-font); 

    color: var(--color-main);

    font-size: 18px;

    line-height: normal;

    font-weight: 600;

    text-transform: capitalize;

}  

.form-control {

    height: 50px;

    border: 1px solid rgb(11 36 113 / 20%);

    padding: 10px 15px;

    background-color: var(--color-white);

    font-size: 13px;

    color: var(--color-gray);

    font-weight: 500;

    letter-spacing: 0;

    border-radius: 5px;

    box-shadow: none !important;

    font-family: var(--body-font); 

}

textarea.form-control{

    height: 90px;

    resize: none;

}

.form-control::placeholder {

    color: var(--color-gray); 

    font-family: var(--body-font);  

}

.btn-center, .btn-left, .btn-right{margin-top: 30px;}

.btn {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px; 

    border: 1px solid var(--color-main);   

    text-align: center;

    font-size: 13px; 

    font-weight: 600;

    text-transform: capitalize;

    padding: 0 25px;

    outline: none;

    box-shadow: none !important;

    font-family: var(--body-font);

    letter-spacing: 0;

    color: var(--color-white); 

    position: relative;

    height: 38px;

    line-height: 36px;

    min-width: 110px;

    z-index: 1;

    overflow: hidden;

    background-color: var(--color-main);

}

.btn.view-all{

    padding: 0 30px;

    border-color: #172C36;

    color: #172C36;

    background-color: #fff;

}

.btn.btn-white{ 

    border-color: var(--color-white);

    color: #172C36;

    background-color: var(--color-white);

}

.btn.btn-ylw{

    color: #172C36;

    border-color: var(--color-yellow);

    background-color: var(--color-yellow);

}

.btn.btn-ylw:hover{ 

    

    color: var(--color-white);

    background-color: var(--color-main);

    border-color: transparent;

} 

.btn.btn-sm {

    height: 36px; line-height: 34px;

    font-size: 12px;

    min-width: 90px;

    padding: 0 18px;

}  

.btn .fa {

    margin-left: 8px;

    flex-shrink: 0;

}



.btn img {

    width: 14px !important;

    margin-left: 10px;

}  



.btn:hover { 

    background-color: var(--color-main);

    color: #fff;

    border-color: var(--color-main);

}



.btn.btn-lg {

    height: 50px;

} 

/* ========================

        Owl Nav Style

=========================== */

.owl-carousel .owl-nav [class*="owl-"] {

    position: absolute;

    left: -16px;

    top: 50%;

    transform: translateY(-50%);

    box-shadow: none;

    outline: none;

    font-size: 22px !important;

    width: 35px;

    height: 35px;

    font-weight: 700;

    font-family: var(--heading-font);

    display: flex;

    align-items: center;

    justify-content: center; 

    color: #172C36 !important; 



    background: #FFFFFF !important;

    border: 1px solid #EEEEEE !important;

    border-radius: 26px;

} 

.owl-carousel .owl-nav .owl-next {

    left: auto;

    right: -16px;

} 

.owl-carousel.product-slider .owl-nav [class*="owl-"]{
    top: 32%;
}

/* =================scroll top css start here================ */

.go-top {

    bottom: 10px;

    opacity: 0;

    visibility: visible;

    right: 10px;

    border-radius: 100%;

    z-index: 9;

    background: #34AFF4;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    position: fixed;

    cursor: pointer;

}



.go-top::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-image: -moz-linear-gradient(0deg, #1697C9 0%, #c1282a 100%);

    background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);

    background-image: -ms-linear-gradient(0deg, #1697C9 0%, #c1282a 100%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;

    border-radius: 100%;

}



.go-top::after {

    z-index: -1;

    content: "";

    position: absolute;

    left: 3px;

    top: 3px;

    width: 35px;

    height: 35px;

    -webkit-animation: ripple 1.6s ease-out infinite;

    -moz-animation: ripple 1.6s ease-out infinite;

    -o-animation: ripple 1.6s ease-out infinite;

    animation: ripple 1.6s ease-out infinite;

    opacity: 0;

    background-image: -webkit-linear-gradient(0deg, #1697C9 0%, #1697C9 100%);

    border-radius: 100%;

}



.go-top i {

    font-size: 20px;

    font-weight: 700;

    padding-left: 4px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: -4px;

    right: 0;

    margin: 0 auto;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;

}



.go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%;

}



.go-top:focus i:last-child,

.go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

}



.go-top:focus i:first-child,

.go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

}



@keyframes ripple {



    0%,

    35% {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

        opacity: 1;

    }



    50% {

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0.8;

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        -moz-transform: scale(2);

        -ms-transform: scale(2);

        -o-transform: scale(2);

        transform: scale(2);

    }

}

/* =scroll top css start here=*/



/* =============common css end here=============== */



/* ---------------01.Header-Start----------------- */

.headerMain {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    padding: 0;  

    z-index: 99;

}

.htop{padding: 5px 0;}

.navbar-brand {

    max-width: 85px;

    padding: 0;

    margin: 0 auto 0;

}

.htop-phone{

    font-size: 14px;

    line-height: normal;

    font-weight: 600;

    font-family: var(--body-font);

}

.htop-phone a:hover{color: var(--color-black);}

.htop-phone ul{margin-bottom: 0;}

.htop-phone ul li:not(:last-child){margin-bottom: 6px;}

.htop .social{width: 216px;}

.htop .social a{padding: 0;}

.htop .social a i{background-color: transparent; color: var(--color-main); font-size: 18px;}

.navbar {

    padding: 0;

}

.nav-menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

} 

.navbar-collapse ul li a{

    color: #fff;

    font-size: 13px;

    line-height: normal;

    font-weight: 500;

    letter-spacing: 0px; 

    opacity: 1;

    position: relative; 

    font-family: var(--body-font);

    padding: .5rem .5rem;

}



.navbar-collapse ul li:not(:last-child) {

    margin-right: 14px;

} 

.navbar-collapse ul li.active a,
.navbar-collapse ul li.current_page_parent a,
.navbar-collapse ul li a:hover {

    background: #1b485a;

    border-radius: 15px;

}



.navbar-collapse ul li {

    padding: 0 !important;

}

 

.navbar-nav li .nav-link:hover:after {

    width: 50%;

}

 

/* ===========header bottom============= */

.navwrapper{

    padding: 7px 40px 7px 13px;

    background-color: var(--color-main);

    border-radius: 35px;overflow: hidden;

}

.header-btn{
    width: auto;
    /* width: 300px;  */
    justify-content: flex-end;
    margin-left: 20px;
}

.header-btn .huser, .header-btn .hcart{

    background: url(../images/huser.png) no-repeat center;

    width: 30px;

    height: 30px;

    position: relative;

}

.header-btn .huser{ 

    width: 40px;

}

.header-btn .huser a{

    padding-right: 10px;

    width: 100%;

}

/*.header-btn .huser::after{

    content: "";

    position: absolute;

    right: 0;

    top: 12px;

    width: 6px;

    height: 6px;

    background: url(../images/caret-down.png) no-repeat center;

    pointer-events: none;

}*/

.header-btn .huser a, .header-btn .hcart a{display: block; height: 100%;}

.header-btn .hcart{

    background: url(../images/hcart.png) no-repeat center; 

    margin-left: 25px;

}

.header-btn .hcart{

    position: relative;

}

.header-btn .hcart::before{

    content: "";

    position: absolute;

    left: -12px;

    top: 6px;

    height: 20px;

    width: 1px;

    background-color: #1388B5;

}

/* Sticky Header start */

.sticky .headerMain{

    position: fixed;

    -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 10%);

    -moz-box-shadow: 0 0 50px rgb(0 0 0 / 10%);

    box-shadow: 0 0 50px rgb(0 0 0 / 10%);



    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    z-index: 999;

}

.sticky .headerMain{

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

} 

@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 

    }

    100% {

        opacity: 1; -webkit-transform: none; transform: none; 

    }

}

@keyframes fadeInDown {

    0% { 

        opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 

    }

    100% { 

        opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; 

    }
}  

.sticky .navbar-brand{

    max-width: 60px;

}

/* Sticky Header End */

/* ---------------01.Header-End----------------- */  

select.form-control:not([size]):not([multiple]) {

    height: 46px !important;

    padding: 0 20px;

    background: #fff url(../images/select.svg) no-repeat center right 10px;

    appearance: none;

    background-size: 14px;

}  

.overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    z-index: 9;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms ease-in-out;

}



.close-slide-menu {

    position: absolute;

    left: -24px;

    top: 50%;

    cursor: pointer;

}





.loginpage {

    padding: 60px 0;

}



.labelhead {

    flex-shrink: 0;

    margin-right: 10px;

    font-weight: 600;

    font-size: 16px;

    line-height: normal;

    color: #9A9A9A;

}



/* ===BANNER==== */

.homebanner, .innerbanner {

    padding: 0;

    position: relative;

}  

.homebanner{

    background: #fee4fd url(../images/banner-bg.jpg) no-repeat bottom center;

    background-size: contain;

} 

.btn_left{

    margin-top: 24px;

} 



.banner-text {

    position: absolute;

    top: 30%; 

    left: 0;

    right: 0;

    width: 100%; 

    z-index: 1;

}



.banner-text h1 {

    margin-bottom: 0;

    letter-spacing: 0;

    font-size: 40px;

    line-height: normal;

    color: var(--color-dark-blue);

    text-transform: uppercase; 

    font-weight: normal;

}

.banner-text h1 strong{

    display: block;

    font-size: 58px;

    line-height: 62px;

    font-weight: inherit;

}

.left-balloon{

    position: absolute;

    left: -40px;

    top: 200px;

    width: 30%;

}

.right-balloon{

    position: absolute;

    right: -6%;

    top: 200px;

    width: 30%;

}

.left-balloon img{

    width: auto;

}

.active .banner-text h1{ 

    animation-duration: 2s;

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    visibility: visible;

}

.active .banner-text .btn{ 

    animation-duration: 3s;

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp; 

}

.banner-text h2{

    margin-bottom: 0;

    font-size: 80px;

    letter-spacing: 0.5px;

    line-height: normal;

    color: #fff;

    font-weight: 600;

    /* text-shadow: 0px 15px 15px #00000029; */

} 

.innerbanner .banner-text h1 {

    font-size: 30px;

}

 

.banner-text h3 {

    color: #1697C9;

}



.banner-text .btn { 

    margin-top: 20px; 

} 

.banner-text .btn:hover { 

    background: #1697C9;

    border-color: #1697C9;

    color: #fff;

}

.banner-text .btn:hover img{

    filter: none;

}

.banner-text .btn img {

    width: 22px !important;

    margin-left: 14px; 

}



.bannertextwrap {

    max-width: 820px;

    margin: 0 auto;

    text-align: center;

}



.bannerimg {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 78%;

    margin-bottom: -34%;

}

 

/* .bannerimg img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 2s ease-in-out;

}   */ 



/* =================

    Home Service

==================== */

.home-service{

    position: relative;

    background-color: rgb(240 101 84 / 8%);

}

.service-listing .row{margin: -7px;}

.service-listing .row [class*="col"]{padding: 7px;}

.service-listing .owl-carousel .owl-nav{

    position: absolute;

    right: 0;

    width: 140px;

    top: -87px;

    height: 36px;

    text-align: right;

}

.service-listing .owl-carousel .owl-nav [class*="owl-"] {

    width: 44px !important;

    border: 1px solid #ccc;

    height: 36px !important;

    transition: all 300ms ease-in-out;

    position: static;

    display: inline-flex;

    margin-left: 10px;

    transform: none;

}

.service-listing .owl-carousel .owl-nav [class*="owl-"] .fa {

    display: none;

}

.service-listing .owl-carousel .owl-nav [class*="owl-"].disabled {

    opacity: 0.2;

}

.service-listing .owl-carousel .owl-nav .owl-next {

    background: url(../images/small-arrow-right.png) no-repeat center !important;

    filter: grayscale(1);

}

.service-listing .owl-carousel .owl-nav .owl-prev{

    background: url(../images/small-arrow-left.png) no-repeat center !important;

    filter: grayscale(1);

}

.service-listing .owl-carousel .owl-nav .owl-next:hover {

    background: url(../images/owl-arrow-right.png) no-repeat center !important; 

}

.service-listing .owl-carousel .owl-nav .owl-prev:hover{

    background: url(../images/owl-arrow-left.png) no-repeat center !important; 

}

.service-listing .owl-carousel .owl-nav [class*="owl-"]:hover{

    border-color: #F06554;

    width: 64px !important;

    filter: none;

    opacity: 1;

}

.sicon{

    width: 67px;

    padding: 5px;

    height: 66px; 

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 8px;

}

.sicon img{

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

}

.sbox {

    min-height: 100%;

    display: block; 

    padding: 15px 20px 15px;

    background: #fff;

    overflow: hidden;

    position: relative;

    z-index: 1; 

    box-shadow: 0px 10px 20px #B2B2B229;

}

.sbox:hover{

    box-shadow: 0 15px 10px #B2B2B229; 

    background-color: rgb(240 101 84 / 25%);

}

.sbox:hover .simg img{

    transform: scale(1.1);

}  

.readmore-bottom{

    display: block;

    color: #1697C9;

    text-transform: uppercase;

    font-weight: 500; 

    padding-top: 15px; 

    font-size: 13px;

}

.readmore-bottom img{

    width: 14px!important;

}

.sbox h3 {

    color: #1697C9;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 17px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

}

.spara {

    font-size: 13px;

    line-height: 20px;

    color: #1697C9;

    font-weight: 400;

}   

.home-service h2{ 

    margin-bottom: 40px;

}

.service-slider {

    padding: 0 50px;

}

.home-service .spara{

    height: 84px;

    overflow: hidden;

}

.simg {

    width: 100%;

    padding-top: 110%;

    overflow: hidden;

    position: relative;

} 

.simg img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 300ms ease-in-out;

} 

/* ========service end======= */

/* ========================= */

.home-contact{

    position: relative;

    background-color: #f3f8fb;

} 

.left-contact iframe{

    width: 100%;

    height: 100%;

}

.right-contact img{

    height: 100%;

    object-fit: cover;

    -webkit-transition: all 600ms ease-in-out;

    -moz-transition: all 600ms ease-in-out;

    transition: all 600ms ease-in-out;

}

.right-contact{

    overflow: hidden;

}

.right-contact:hover img{

    transform: scale(1.1) rotate(3deg);

}

.contact-wrap{

    padding: 40px 30px 40px 40px;

    background-color: #fff;

}

.contact-wrap .form-control{

    color: #000000;

    font-size: 15px;

    font-weight: 600;

    border-bottom: 2px solid #ccc;

}

.contact-wrap .form-control::placeholder{

    font-size: 15px;

    font-weight: 600;

    opacity: 1;

}

/* ========================= */ 

 

.owl-dots { 

    margin-top: 30px;

    text-align: center;

}



.owl-dots button {

    box-shadow: none !important;

    outline: none !important; 

    border-radius: 100%;

    margin: 4px;

}



.owl-dots button span {

    width: 12px;

    height: 12px;

    border-radius: 100%;

    overflow: hidden;

    background-color: transparent;

    border: 2px solid #1697C9;

    display: block;

}



.owl-dots button.active span {

    background-color: #1697C9;

    border-color: #1697C9;

}



/* =======footer=== */

.mainFooter { 

    position: relative;

    font-size: 13.5px;

    line-height: 22px;  

    color: #A7E3FB;

    font-size: 13.5px;

    font-weight: 300;

    background-color: #1697C9;

}

.ftop{

    padding: 30px 0;

    border-bottom: 1px solid #efefef;

} 

.fbox h3 {

    font-size: 15px;

    line-height: normal;

    font-weight: 500;

    color: #A7E3FB;

    margin-bottom: 15px;

    text-transform: capitalize; 

}

.fmiddle{

    padding: 40px 0 20px;

}

.flogo {

    max-width: 210px; 

}



.fpara {

    font-size: 12px;

    line-height: 20px;

}



.fnav ul { 

    list-style: none;

    margin: 0;

    padding: 0;   

    font-size: 12px;

    font-weight: 400;

    line-height: normal;

}  

.fnav ul li {

    margin: 0 0 12px;

    padding: 0;

}



.fnav ul li a {

    color: inherit;

}



.fnav ul li a:hover {

    color: var(--color-white);

}



.fcol:nth-child(2) {

    padding-left: 20px;

}

.fcol:nth-child(3) {

    padding-left: 30px;

}



.fcontact ul li {

    display: flex;

    margin-bottom: 20px;

}



.ficon {

    flex-shrink: 0;

    margin-right: 8px;

    width: 16px;

    opacity: 0.8;

}  



.copyright {

    padding: 15px 0; 

    background-color: #188FBE;

    color: #91CEE6;

    font-size: 11px;

    font-weight: 400; 

} 

.copyright a {

    color: inherit;

} 

.copyright a:hover{

    color: #fff;

} 

footer .social a i {  

    color: #83878D;

    background: transparent !important;

    font-size: 15px;

    width: auto !important;

}  

footer .social{margin-left: -6px;}

footer .social a{padding: 0 6px;}

.social a {

    flex-shrink: 0;

    padding: 0 4px;

    display: inline-flex;

}



.social a i {

    background-color: #1697C9;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    border-radius: 100%;

    transition: all 300ms ease-in-out;

}



.social a:hover .fa {

    color: #1697C9;

    background-color: #fff;

}

      

/* ===========================

    Home Blog section start

============================== */ 

.home-blog{

    color: #fff;

    position: relative;

    background: url(../images/black-shape2.jpg) center;

}

.home-blog .btn-center{margin-top: 45px;}

.home-blog h2{margin-bottom: 40px;}

.blog-list .row{margin: -10px;}

.blog-list .row [class*="col-"]{

    padding: 10px;

}

.blog-box{

    background-color: #fff;

    display: block;

    min-height: 100%;

    box-shadow: 0px 10px 20px #B2B2B229;

}

.bcontent{

    padding: 20px;

}

.bcontent h3{

    min-height: 48px;

}

.bimg{

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 62%;

}

.blog-box:hover .bimg img{

    transform: scale(1.2) rotate(3deg);

}

.bimg img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}

.bdate{

    color: #1697C9;

    font-size: 14px;

    margin-bottom: 10px;

    font-weight: 600;

}

.bpara{

    color: #8C8DA4;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 12px;

}

.readmore{

    font-size: 13px;

    font-weight: 500;

    color: #1697C9;

}

/* =============================

    Home About section start

================================ */ 

.about-section{ 

    background-color: rgb(38 92 255 / 5%);

} 

.editor-content{

    font-size: 12.5px;

    line-height: 22px; 

    letter-spacing: 0.75px;

    color: #1697C9;

    font-weight: 500;

}

.shape-left, .shape-right{

    width: 100%;

    height: 480px;

    position: relative;

    margin-right: 50px; 

    z-index: 1;

} 

.shape-left:hover::before, .shape-right:hover::before{

    transform: translateY(-50%) skew(15deg, 0);

}

.shape-left::before, .shape-right::before{

    content: ""; 

    width: 50%;

    height: 80%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -40px;

    z-index: -1;

    background-color: #0463CA;

    transition: all 300ms ease-in-out;

}

.shape-left.ylw::before{

    background-color: #FFF474;

}

.shape-right.gray::before{

    background-color: #A7ADBB;

}

.shape-right::before{

    left: auto;

    right: -40px;

}

.shape-left img, .shape-right img{width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease-in-out;}

 

.shape-right::before{ 

    background-color: #F06554;

} 

/* --about video-- */

.about-video-part a{

    width: 100%;

    height: 350px;

    display: block;

    flex-shrink: 0;

    margin-right: 30px;

    position: relative;

    background: #1697C9;

}

.about-video-part a img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 0.9;

}

.about-video-part h3{

    color: #1697C9;

    font-size: 20px;

    line-height: normal;

    font-weight: 500;

    letter-spacing: 0.5px;

} 

.abt-play img{

    width: auto !important;

    height: auto !important;

}

.abt-play {

    position: absolute;

    left: 50%;

    width: 34px;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

}

.about-even{

    position: relative;

    background-color: rgb(240 101 84 / 8%);

}

.editor-content ul{padding-left: 0; letter-spacing: 0;}

.editor-content ul > li{

    font-weight: 600;

    font-size: 15px;

    line-height: normal;

    color: #1697C9;

    list-style: none;

    padding-left: 34px;

    margin-bottom: 26px;

    background: url(../images/check-box.png) no-repeat left top / 22px;

}

.pt-sec .editor-content ul > li{font-size: 16px;}

.crbn-sec .editor-content ul > li{

    margin-top: 10px;

} 

.scntfc-sec .editor-content ul > li{  

    margin-bottom: 20px;

}

.editor-content.eylw ul > li{ 

    background: url(../images/check-box-ylw.png) no-repeat left top / 23px;

}

.editor-content.egray ul > li{ 

    background: url(../images/check-box-gray.png) no-repeat left top / 23px;

}

.editor-content ul > li:nth-child(1) ol{

    column-count: 3;

    max-width: 470px;

}

.editor-content ul > li ol{

    padding-left: 0;

    margin-top: 15px;

    /* padding-left: 15px;

    list-style: lower-alpha; */

    list-style: none;

}

.editor-content ul > li ol li{

    font-weight: 600;

    font-size: 73%;

    margin-bottom: 10px;

}

.crbn-sec{

    background-color: #f6f7f8;

}

.video-play{

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 1;

}

.video-play::after{

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 100%; 

    animation: pulse-border 1500ms ease-out infinite;

    background-color: #fff;

    z-index: -1;

}

@keyframes pulse-border {

    0% {

      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

      opacity: 1;

    }

    100% {

      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);

      opacity: 0;

    }

  }

.about-odd{

    background-color: #fffef4;

}

/* ============== */

@media screen and (min-width:768px){

    .gcol:nth-child(1){

        position: absolute;

        width: 33.33%;

        left: 33.33%;

        top: 0;

        margin: 0 !important;

        height: 100%; 

    }

    .gcol:nth-child(1) .gbox{height: 100%; padding-top: 0;} 

    .gcol:nth-child(odd){

        margin-left: 33.33%;

    }        

}

.home-gal .row{

    margin: -10px;

}

.home-gal .row [class*="col-"]{

    padding: 10px;

}

.home-gal{position: relative;}



.gbox{

    display: block;

    position: relative;

    padding-top: 70%;

    overflow: hidden;

    background-color: #000;

}

.gbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.gbox:hover img{

    opacity: 0.3;

}

.gbox h3{

    position: absolute;

    top: 55%;

    left: 0;

    right: 0;

    opacity: 0;

    padding: 15px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.gbox:hover h3{

    opacity: 1;

}

.gbox:hover .view-gal{

    opacity: 1;

}

.view-gal{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background: #1697C9 url(../images/plus.png) no-repeat center / 40%;

    width: 50px;

    height: 50px;

    border-radius: 100%;

    opacity: 0;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

} 

.tslider {margin-top: 50px;}

.tslider .owl-dots{margin-top: 20px;}

.tbox figure{

    width: 80px;

    height: 80px;

    border-radius: 100%;

    overflow: hidden;

    border: 2px solid #1697C9;

    box-shadow: 0px 3px 6px #00000029;

    margin: -50px auto 15px;

}

.tbox i{

    color: #DCDCDC;

    margin: 0 3px;

    font-size: 16px;

}

.tbox i.selected{

    color: #1697C9;

}

.rating-icon{margin-bottom: 15px;}

.tpara{ 

    position: relative;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    padding: 0 26px;

    font-weight: 500;

    color: #000000;

}

.tbox h3{

    font-size: 16px;

    font-weight: 600;

    line-height: normal;

    color: #000;

    text-transform: uppercase;

    text-align: center;

    margin-top: 25px;

}

.tbox h3 span{

    display: block;

    color: #1697C9;

    text-transform: capitalize;

    margin-top: 6px;

    font-weight: 400;

}

.tpara::before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 26px;

    height: 26px;

    background: url(../images/quote-top.png) no-repeat center;

    background-size: contain;

}

.tbox{

    box-shadow: 0px 10px 20px #1A1A1A29;

    background-color: rgb(245 245 245 / 65%);

    padding: 30px;

}

.owl-carousel .tbox{margin: 20px;}

.scrolldiv::after{

    content: ""; 

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    margin-left: 3px;

    background: url(../images/quote-bottom.png) no-repeat center;

    background-size: contain;

}

.scrolldiv{

    height: 100px; 

    overflow: hidden;

    position: relative;

}

 

.header-search{

    position: relative;

}



#ajaxsearchlite1 .probox, div.asl_w .probox{

    background-color: #fff !important;

}



#ajaxsearchlite1 .probox, div.asl_w .probox{

    height: 40px !important;

}



#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{

   height: 40px !important; 

}



div.asl_w .probox .promagnifier{

    height: 40px !important; 

}



.sbtn{

    width: 20px;

    text-align: center;

    height: 24px;

    position: relative;

    margin: 0 24px;

} 

.close-srch{

    width: 18px;

    height: 18px;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0; 

    transform: translate(-50%, -50%);

}

.active-search img{opacity: 0;}

.active-search .close-srch{

    opacity: 1;

}

.srcform{  

    width: 300px;    

} 

.srcform .form-control{

    height: 40px;

    border-radius: 30px 0 0 30px;

    padding: 0 70px 0 20px;

    border-color: #fff;

    color: #000;

    font-family: var(--body-font);

}

.srcform .form-control::placeholder{

    color: #ACACAC;

}

.searchbtn{

    background: #fff;

    border: none;

    color: #000;

    text-transform: uppercase; 

    padding: 0 20px;

    border-radius: 0 30px 30px 0;

    height: 40px;

    margin: 0;

    cursor: pointer;

    outline: none;

    box-shadow: none !important;

    outline: none !important;

}

/* ========= */

.form-section{

    background-color: rgb(56 28 42 / 8%);

}

.form-section .headborder::before, .form-section .shape-left::before{

    background-color: #381C2A;

}

.form-section p{

    color: #1697C9;

    font-weight: 600;

    font-size: 13.7px;

    letter-spacing: 0.1px;

}

.form-section h2{letter-spacing: 0;}

.form-wrap .btn{

    color: #381C2A;

    border-color: #381C2A;

}

.form-wrap .row{ 

    margin: 0 -5px -10px;

}

.form-wrap .row [class*="col-"]{

    padding: 0 5px; 

    margin-bottom: 10px;

}

.form-wrap .form-control{

    background-color: transparent;

}

.form-wrap textarea.form-control{

    height: 140px;

}

.form-wrap .btn:hover{

    color: #fff;

    background-color: #381C2A;

    border-color: #381C2A;

}

/* ============ */

.video-part{

    position: relative;

}

.video-part::after{

   content: "";

   position: absolute;

   left: 0;

   top: 0;

   width: 100%;

   height: 100%;

   background-color: #000;

   opacity: 0.2;

}

/* ===============================

        Newsletter Section

================================== */

.newsletter{

    position: relative; 

    background: #CBECF6;

    color: #120D13; 

    font-size: 15px;

} 

.news-head h2{margin-bottom: 15px;font-size: 34px; line-height: normal; }

.news-head{margin-bottom: 38px;  }

.es-form-field-container{display: flex; justify-content: center;}

.es-form-field-container .gjs-cell [type="email"]{

    height: 50px;

    border: 1px solid #E6E6E6;

    padding: 10px 15px;

    padding-left: 65px;

    background: #fff url(../images/mail.png) no-repeat left 25px center;

    font-size: 13px;

    color: #000;

    font-weight: 400;

    letter-spacing: 0;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    width: 400px; 

    box-shadow: none !important;

    outline: none !important;

    font-family: var(--body-font); 

}

.es-form-field-container .gjs-cell [type="email"]::placeholder{

    color: #C7C7C7;

}

.es-form-field-container .gjs-cell [type="submit"]{

    margin-left: 15px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    text-align: center;

    font-size: 15px;

    font-weight: 400; 

    padding: 0 40px;

    outline: none;

    box-shadow: none !important;

    font-family: var(--body-font);

    letter-spacing: 0;

    position: relative;

    height: 50px;

    line-height: 50px;

    min-width: 110px;

    z-index: 1;

    cursor: pointer;

    overflow: hidden;

    font-family: var(--btn-font);

    color: var(--color-white);

    border: 1px solid #004EA1;

    background-color: #004EA1;

    transition: all 300ms ease-in-out;

}

.es-form-field-container .gjs-cell [type="submit"]:hover{

    background-color: var(--color-black);

    color: var(--color-white);

    border-color: var(--color-black);

}

/* ====================== */

.bl-box{

    background: #FFFFFF;

    min-height: 100%;

    border-radius: 12px;

    padding: 24px 17px;

    text-align: center;

    border: 2px solid #fff;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.bl-box:hover{

    border-color: var(--color-main);

}

.round-icon{

    padding: 16px;

    width: 70px;

    height: 70px;

    border-radius: 100%;

    margin-bottom: 15px;

    background-color: #FFF2F8;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}

.bl-text h3{

    color: #172C36;

    margin-bottom: 12px;

    font-weight: 600;

    font-size: 17px;

    line-height: normal;

}

.bl-text{

    font-family: var(--body-font);

    color: #B8B8B8;

    font-size: 12px;

    line-height: 20px;

}

.banner-listing .row{

    margin: -8px;

}

.banner-listing .row [class*="col-"]{

    padding: 8px;

}

@media screen and (min-width:992px){

    .banner-listing .row{

        margin: -20px;

    }

    .banner-listing .row [class*="col-"]{

        padding: 20px;

    }

}



/* =================

    PRODUCT LISTING

==================== */

.bg-gray{

    background-color: #F8F8F8;

}

.product-img a{ 

    padding-top: 100%;

    position: relative;

    width: 100%;

    overflow: hidden;

    display: block;

    border-radius: 8px 8px 0 0;

}

.product-img a img{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: all 300ms ease-in-out;

} 

.product-box:hover .product-img img{

    transform: scale(1.2);

}

.product-box{

    text-align: center;

    background-color: #fff; 

    margin-bottom: 15px;

}

.product-box .btn{

    margin-bottom: -15px;

}

.product-box h3 a{
    color: inherit;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-box h3{

    padding: 0 15px;

    margin-top: 20px;

    margin-bottom: 12px;

    color: #172C36;

    font-weight: 600;

    font-size: 15px;

    font-family: var(--subheading-font);

    height: 40px;

}

.product-box p{

    color: #172C36;

    font-size: 15px;

    line-height: 18px;

    font-weight: 700;

    margin-bottom: 8px;

    font-variant: var(--body-font);

}

.product-box p strong{font-weight: 500; color: #C7C7C7;}

.star-icon{margin-bottom: 15px;}



.star-icon i{

    font-size: 11px;

    color: #BEBEBE;

}

.star-icon i.checked{

    color: #FFBF00;

}





.star-icon ul{ text-align:center; }

.star-icon ul li{ list-style-type:none !important; display: flex; justify-content: center; }



/* .star-rating{ width:100% !important; } */



.star-rating::before{

    left: 50%;

    transform: translateX(-50%);

}



/* .star-rating span{
    width: 100% !important;
} */



/* .star-rating span::before{
    left: 50%;
    transform: translateX(-50%);
} */





/* =================

    BLUE SECTION

==================== */

.blue-sec-wrap{

    background-color: #C4F3FF;

    padding: 0 60px;

    color: #172C36;

    font-size: 14px;

    line-height: 23px;

    position: relative;

    font-weight: 500;

    font-family: var(--body-font);

}

.blue-sec-wrap h2{

    color: var(--color-main);

}

.blue-sec-wrap figure img{

    height: 620px;

    object-fit: contain;

    object-position: bottom center;

    margin-top: -90px;

}

 

  

  @-webkit-keyframes snowflakes-fall {

    0% {

      top: 10%;

    }

    100% {

      top: 100%;

    }

  }

  @-webkit-keyframes snowflakes-shake {

    0% {

      -webkit-transform: translateX(0px);

      transform: translateX(0px);

    }

    50% {

      -webkit-transform: translateX(80px);

      transform: translateX(80px);

    }

    100% {

      -webkit-transform: translateX(0px);

      transform: translateX(0px);

    }

  }

  @keyframes snowflakes-fall {

    0% {

      top: 10%;

    }

    100% {

      top: 100%;

    }

  }

  @keyframes snowflakes-shake {

    0% {

      transform: translateX(0px);

    }

    50% {

      transform: translateX(80px);

    }

    100% {

      transform: translateX(0px);

    }

  }

  .snowflake {

    position: absolute; 

    top: 10%; 

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: default;

    -webkit-animation-name: snowflakes-fall, snowflakes-shake;

    -webkit-animation-duration: 10s, 3s;

    -webkit-animation-timing-function: linear, ease-in-out;

    -webkit-animation-iteration-count: infinite, infinite;

    -webkit-animation-play-state: running, running;

    animation-name: snowflakes-fall, snowflakes-shake;

    animation-duration: 10s, 3s;

    animation-timing-function: linear, ease-in-out;

    animation-iteration-count: infinite, infinite;

    animation-play-state: running, running;

  }

  .snowflake:nth-of-type(0) {

    right: 1%;

    -webkit-animation-delay: 0s, 0s;

    animation-delay: 0s, 0s;

  }

  .snowflake:nth-of-type(1) {

    right: 60%;

    -webkit-animation-delay: 1s, 1s;

    animation-delay: 1s, 1s;

  }

  .snowflake:nth-of-type(2) {

    right: 50%;

    -webkit-animation-delay: 6s, 0.5s;

    animation-delay: 6s, 0.5s;

  }

  .snowflake:nth-of-type(3) {

    right: 40%;

    -webkit-animation-delay: 4s, 2s;

    animation-delay: 4s, 2s;

  }

  .snowflake:nth-of-type(4) {

    right: 25%;

    -webkit-animation-delay: 2s, 2s;

    animation-delay: 2s, 2s;

  }

  .snowflake:nth-of-type(5) {

    right: 20%;

    -webkit-animation-delay: 8s, 3s;

    animation-delay: 8s, 3s;

  }

  .snowflake:nth-of-type(6) {

    right:5%;

    -webkit-animation-delay: 6s, 2s;

    animation-delay: 6s, 2s;

  } 

/* =======================

    GALLERY SECTION

==========================*/

/* =====gallery start===== */

.home-gallery {

    padding: 10px 0;

}



.gallery-row {

    display: flex;

    flex-wrap: wrap;  

    margin: -5px; 

}

.gallery-col{

    padding: 5px;

}

.gallery-col:nth-child(1) {

    width: 40%;

}

.gallery-col:nth-child(2) {

    width: 60%;

}

.gallery-col:nth-child(3) {

    width: 45%;

}

.gallery-col:nth-child(4) {

    width: 25%;

}

.gallery-col:nth-child(5) {

    width: 30%;

}



.galbox {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%; 

}



.galbox::before {

    content: "";

    display: block;

    width: 100%;

    padding-top: 66%;

}



.galbox::after {

    content: "\f00e";

    position: absolute;

    left: 0;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1;

    font-size: 30px;

    width: 100%;

    height: 100%;

    font-family: 'FontAwesome';

    color: #fff;

    background:var(--color-main);

    opacity: 0.8;

    transform: scale(0);

    transform-origin: center;

    transition: all 300ms ease-in-out;

}



.galbox:hover::after {

    transform: scale(1);

}



.galbox img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover; 

}
 
.gap-bottom10{
    grid-row-gap: 10px;
}


/* ====================

    printing-balloon

======================= */

.printing-balloon{padding: 110px 0 50px; background: #FEE4FD url(../images/pb-bg.jpg) no-repeat center top; background-size: contain; min-height: 512px;}

.pb-right, .pb-left{

    bottom: 0;

    position: absolute;

    width: 340px;

}

.pb-left{ 

    left: 0;  

}

.pb-right{

    right: 0; 

    width: 21%;

}







.hcart{ position:relative; }

.hcart .woocommerce-Price-amount{ display:none; }



.hcart .cart-contents .pull-left{

    position: absolute;

    background-color: #fff;

    color: #000;

    height: 20px;

    line-height: 20px;

    border-radius: 100%;

    width: 20px;

    text-align: center;

    top: -5px;

    right: -8px;

    font-size: 12px

}



.product-price-tickr del{
    color: #C7C7C7;
}



.add-cart-btn{

    cursor: pointer;

}



.add-cart-btn a{

    font-size: 12px;

    min-width: 90px;

    padding: 10px 30px ;

     color: #172C36 !important;

    border-color: var(--color-yellow);

    background-color: var(--color-yellow);

    text-transform: uppercase;

    border-radius: 50px;

    margin-bottom: -15px;

    font-weight: 600;

}





.add-cart-btn a:hover{ 

    

    color: var(--color-white);

    background-color: var(--color-main);

    border-color: var(--color-dark-blue);

} 



.added_to_cart{

    display: none;

}



.add-cart-btn a.button{

    position: relative;

}



.add-cart-btn a.button.loading:before{

    content: '';

    background-image: url(../images/loader.gif);

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;

    position: absolute;

    top: 5px;

    background-size: 100%;

    left: 50%;

    transform: translate(-50%);

}



.add-cart-btn a.button.added:before{

    content: '';

    background-image: url(../images/tick.png);

    background-repeat: no-repeat;

    height: 20px;

    width: 15px;

    position: absolute;

    top: 12px;

    background-size: 100%;

    right: 10px;

}





.innerBanner{

   position: relative;

   padding-top: 180px;

    background-color: #fee4fd;

    background-size: contain; 

    background-image: url(../images/inner-banner-bg.jpg);

    background-repeat: no-repeat;

}





.about-pic img{ width:100%; max-width: 100%;}





/* ------------- inner banner ---------------------- */





ul.breadcrumbs{}

ul.breadcrumbs li{ display: inline-block; padding: 0px 5px; }

.innerBanner{ position: relative; }

.innerBanner img{ width: 100%; max-width: 100%; max-height: 300px; object-fit: cover; opacity: .7; }

.title_breadcrumb-inner{ width: 100%; }

.title_breadcrumb-inner span{ display: inline-block;  padding: 15px; width: 100%; text-align: center; color: #000; }

.title_breadcrumb-inner span h1{ color: var(--color-dark-blue); font-size:40px; padding-bottom: 10px;  margin-bottom: 0px; text-transform: uppercase;}

.breadcrumb_bottom{  padding: 0; text-align: left;}

.breadcrumb_bottom{}

.breadcrumb_bottom ul{  margin-bottom: 0px; text-align: center;}

.breadcrumb_bottom ul li{ color: var(--color-dark-blue); font-size: 15px;}

.breadcrumb_bottom ul li strong{ color: var(--color-dark-blue); font-weight:500; }

.breadcrumb_bottom ul li a{ color:var(--color-dark-blue);  }

.breadcrumb_bottom ul li a:hover{ color: var(--color-dark-blue);  }







.inner-page-wrap.shop, .inn-page{

    position: relative;

}





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





/*Woocommerce Side Bar*/



 .sidebar-wrap{

}

.sidebar-wrap .wpfFilterWrapper {

    border: 1px solid #e5e5e5;

    padding: 20px !important;

    margin-top: 0;

    background-color: #f8f8f8;

}

.sidebar-wrap .wpfFilterWrapper .wpfFilterTitle {

    /*text-transform: uppercase;*/

    border-bottom: 1px solid var(--color-main);

    margin-bottom: 20px;

    padding-bottom:5px;

    position: relative;

    padding-right: 15px;

}

.wpfFilterWrapper i, .wpfFilterWrapper svg{

    position: absolute;

    right: 0;

}

.sidebar-wrap .wpfFilterWrapper .wpfFilterTitle .wfpTitle {

    height: auto;

    margin-bottom:0;

    color: var(--color-main);

}



.sidebar-wrap .wpfFilterWrapper .wpfFilterContent .wpfFilterTaxNameWrapper {    font-size: 14px;    line-height: 30px;    font-weight: 500;}

.sidebar-wrap .wpfFilterWrapper .wpfFilterContent .wpfPriceFilterRange .ui-widget-header{

    background:#e3e3e3 !important;    border: 0;}

.sidebar-wrap .wpfFilterWrapper .wpfFilterContent .wpfPriceFilterRange .ui-slider-handle{

    border-radius: 0px; background: #e3e3e3;  top: -5px;

}

.wpfPriceInputs input{ color: var(--color-main) !important; font-weight: 700 !important; font-size: 18px !important; }

.wpfPriceInputs span.wpfCurrencySymbol{ color: var(--color-dark-main) !important; font-weight: 700 !important; font-size: 18px !important; }



.wpfCheckboxHier ul li{ margin-bottom: 5px !important;}





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





/* --------------Product Details----------------------*/



.woocommerce-Price-amount{ font-family:var(--font2); }



.woocommerce-product-gallery--with-images{ padding:15px;}

.woocommerce-product-gallery__image{ border:#eee solid 1px; padding:15px; border-radius:0px; background-color:#eee; text-align: center; min-height: 350px; display: flex; align-items: center; justify-content: center;}

.woocommerce-product-gallery__image img{ max-height:500px; object-fit: contain;}

.single-product .summary.entry-summary{ padding-top:30px; padding-right: 20px; }

.details_page .woocommerce-review-link{ font-size: 0px; }

.details_page .product_meta{ font-weight: 600 !important; margin-top: 15px; color: #000; display:none; }

.details_page p.price span.amount{ display: inline-block !important; }

.woocommerce div.product .product_title{ color:var(--color-dark-blue); font-size: 35px; font-weight: var(--heading-font); padding-bottom: 10px; margin-bottom: 0px;}

.details_page .woocommerce-Price-amount.amount{ color:#000000; letter-spacing:normal; font-size: 20px; padding-top: 10px;}

.single-product .summary p.price{ margin-bottom:10px !important; color: #172C36; font-size: 15px; line-height: 18px; font-weight: 700; margin-bottom: 8px; font-variant: var(--body-font); }

.single-product .summary.entry-summary .star-rating span{ color: #f802c5 !important;}

.woocommerce-product-details__short-description{ margin-bottom:10px; padding-bottom:10px; border-bottom:#eee solid 1px; }

.woocommerce-product-details__short-description p{ color: var(--color-gray); font-weight: 300; font-size: 14px; line-height: 20px; font-family:var(--body-font); }

.related.products{ overflow: hidden; display: block; width: 100%; margin-top: 0px; padding-top: 0px;}

.related.products h2{ padding:0px; padding-left: 15px; margin-bottom: 15px; color: var(--color-dark-blue); margin-bottom: 0px; font-size: 35px;}

.related.products ul.products{ padding:15px; border: none; margin: 0;}

.related.products ul.products .product{ padding:0px 0px 15px 0px; border:none; text-align: left;}

.related.products ul.products li h2{ font-size:16px !important; text-align: left !important; text-transform: none; font-weight: 700; }

.related.products ul.products li.product{ padding-bottom: 0px;}

.related.products span.price{ padding-left: 10px; }

.related.products .add_to_cart_button{ margin-left: 0px; }

.related.products ul.products li figure img{ height: 100%; }

.related.products ul.products li.product .woocommerce-Price-amount { color: #000 !important; font-size: 20px; letter-spacing: 3.2px;letter-spacing: normal;  margin-bottom: 0px; }

.related.products ul.products li.product .woocommerce-Price-amount .woocommerce-Price-currencySymbol{ color: var(--color-white) !important; }

.related.products ul.products li.product del .woocommerce-Price-amount{ color: #b8b8b8 !important; letter-spacing: normal; font-weight: 600 !important; font-size: 0.8rem !important; }

.related.products ul.products li.product del .woocommerce-Price-amount .woocommerce-Price-currencySymbol{ color: #b8b8b8 !important; font-size: 0.8rem !important; }

.related.products ul.products li.product h4{ display: flex; align-items: center; }

.single-product .summary.entry-summary .single_add_to_cart_button{ margin-right: 1em !important; margin-left: 10px; font-size: 13px !important; margin-top: 0px; background-color: var(--color-yellow) !important; color: var(--color-black) !important; border-radius: 50px; padding: 10px 30px; text-transform:uppercase; height:35px !important; border:none !important; font-weight:500;  }

.single-product .summary.entry-summary .single_add_to_cart_button:hover{ background-color:var(--color-main) !important; color:var(--color-dark-blue) !important;  cursor: pointer; outline: none !important;}
.single-product .summary.entry-summary .single_add_to_cart_button:hover:hover, .single-product .summary.entry-summary .single_add_to_cart_button:hover:focus{
    background-color: var(--color-main) !important;
    color: var(--color-white) !important;
    border-color: var(--color-main) !important;
}
.single-product .summary.entry-summary .price del span{ text-decoration: line-through; }

.product_area.details_page form.cart{ display:flex; flex-wrap: wrap; align-items:center; }

.product_area.details_page form.cart table.variations{

    margin: 15px 0px; width: 100%;

}



.product_area.details_page form.cart table.variations tbody{



}


.product_area.details_page form.cart table.variations tbody td{ padding: 5px 0px;}
.product_area.details_page form.cart table.variations tbody td label{ font-family:var(--heading-font); padding-right:10px; font-size:20px; }
.product_area.details_page form.cart table.variations tbody td select{padding: 8px 15px; padding-right: 26px; border-radius: 50px; border: #ddd solid 1px; font-size: 13px; min-width: 150px; background: #ddd url(../images/select-icon.png) no-repeat center right 5px; appearance: none;} 
.product_area.details_page form.cart table.variations tbody td .reset_variations{ 
    background-color: var(--color-dark-blue); font-size: 11px; color: #fff; padding: 9px 16px; border-radius: 50px; font-weight: 500; text-transform: uppercase;
} 
.product_area.details_page form.cart table.variations tbody td select:focus-visible{ outline:none; } 
.woocommerce-variation-price{ margin-bottom:15px; } 
.sku_wrapper{ display:none; } 
.single.single-product .details_page  .woocommerce-product-rating{ margin-bottom: 0px; }

.single-product .summary.entry-summary .woocommerce-product-rating{ margin-bottom: 10px; }

.single-product .summary.entry-summary .tinv-wraper .tinvwl_add_to_wishlist_button {

    margin-top: 0px;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    color: #000;

    background-color: #DEEDCE;

}



.single-product .summary.entry-summary .tinv-wraper .tinvwl-tooltip{ display: none;}

.single-product .summary.entry-summary .tinv-wraper .tinvwl_add_to_wishlist_button:before{ margin-right: 0px;}

.single-product .summary.entry-summary .tinvwl-tooltip{

    display: block;

}



.woocommerce-variation-add-to-cart{ display:flex; align-items:center; }



.product_meta span.posted_in{ font-family:var(--heading-font); display:flex; align-items:center; }

.product_meta span.posted_in a{ display:inline-block; background-color:var(--color-main); font-family:var(--heading-font); padding: 5px 20px; font-size: 13px;    border-radius: 50px; color:#000; margin-left:10px; } 

.details_page .woocommerce-tabs { background-color: #bff3fe; border: #eee solid 1px; padding: 15px; display: inline-block; width: 100%; }

.details_page .product .woocommerce-tabs ul.tabs{ margin: 0 !important; padding: 0 0 0 1px !important; text-align: center;}

.details_page .product .woocommerce-tabs ul.tabs li { border: none !important; background-color: transparent !important; border-radius: 0px !important;margin: 0 0 !important; margin-bottom: 0px !important; margin:0px 15px !important;}

.details_page .product .woocommerce-tabs ul.tabs li a{ display: inline-block; padding: 0px 0px 5px 0px; font-family: var(--heading-font);  font-size: 25px; margin-bottom: 0px !important; text-transform:uppercase; font-weight:normal; color:var(--color-dark-blue); }

.details_page .product .woocommerce-tabs ul.tabs li:hover a{ color: #000 !important; background-color: transparent; } 

.details_page .product .woocommerce-tabs ul.tabs li.active a{ color:var(--color-dark-blue); position: relative; box-shadow: none;}

.details_page .product .woocommerce-tabs ul.tabs li.active a:before{ content: ''; height: 2px; width: 100%; background-color: var(--color-dark-blue); position: absolute; bottom: 0; left: 0;}

.details_page .product .woocommerce-tabs ul.tabs li:before, 

.details_page .product .woocommerce-tabs ul.tabs li:after{ display: none;}

.details_page .product .woocommerce-tabs ul.tabs li.active {  z-index: 2;  }

.details_page .product .woocommerce-tabs .panel { margin: 10px 0 15px !important; padding: 0;  padding: 30px !important;  }

.details_page .product .woocommerce-tabs .panel h2{ display: block; font-size:35px !important; font-family: var(--heading-font); text-align: left; color: var(--color-main); padding-bottom: 15px; margin-bottom: 0px;}

.details_page .product .woocommerce-tabs .panel p{ display: block; color: #000; font-family: var(--body-font); font-size: 14px; line-height: 22px; margin:0px 0px 15px 0px; font-weight:400; }

.details_page .product .woocommerce-tabs .panel ul{ list-style-type: disc; margin-left: 15px;}

.details_page .product .woocommerce-tabs .panel ul li{ list-style-type: disc; margin-bottom: 5px; }

table.woocommerce-product-attributes th{ padding-left:0px; padding-bottom:10px; font-family: var(--body-font); vertical-align: middle;}

table.woocommerce-product-attributes td{ padding-left:15px; padding-bottom:10px; font-family: var(--body-font); vertical-align: middle;}

table.woocommerce-product-attributes td p{ margin-bottom:0px !important; }





.woocommerce-Reviews{ overflow: hidden; }

.details_page .woocommerce-Reviews #comments .woocommerce-Reviews-title{ font-size: 30px; line-height: 30px; margin-bottom: 20px; color: var(--color-main);  font-family: var(--heading-font);}

.details_page .woocommerce-Reviews #comments .woocommerce-Reviews-title span, #tab-additional_information h2{ color: var(--color-main);}

.details_page .woocommerce-Reviews #comments .commentlist li .comment_container{ border: #ddd solid 1px; padding: 15px; background-color: #f5f5f5;}

.details_page .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text{ margin: 0 !important; padding: 0px 0px 0px 0px !important; border: 0 !important;}

.details_page .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text p.meta{ color: #333 !important; }

.details_page .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating{ float: left; margin: 0 12px 0 0;}

.details_page .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .description p{ font-size: 12px; line-height: 20px; color: #333;}

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-reply-title{  color: #000; font-size: 16px; line-height: 20px; font-weight: 500; text-transform: uppercase;}

.woocommerce-tabs ul li.active a{ box-shadow: none !important; }

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form{ color: #e99471; width: 100%;}

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form p.stars a::before{ color: #f8a50d;}

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form textarea,

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form input[type="text"],

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form input[type="email"]{ background: #fff; color: #000;  border: #eee solid 1px !important; resize: none;}



.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form textarea{

    height: 120px;

}



.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .form-submit{ text-align: left;}

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .form-submit .submit{ background-color: var(--color-gray) !important; border:var(--color-gray) solid 1px !important; color: #fff !important; border-radius: 50px !important; padding: 8px 40px 12px!important; text-transform: uppercase; cursor: pointer;}

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .form-submit .submit:hover{

    background-color: transparent !important; color: var(--color-gray) !important;

}

.details_page .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form-rating{ color: #000; }

.details_page .woocommerce-message{ border:#eee solid 1px; background: var(--color-dark-blue); color: #000; font-size: 15px; line-height: 22px; min-height: 58px; padding: 10px;}

.details_page .woocommerce-message::before { content: "\f05a"; color: #f5b992; font-family: 'FontAwesome';}

.details_page .woocommerce-message a.button{ background-color: var(--color-gray); border-radius: 0px; color: #fff; padding: 10px 25px;  margin-top: 0; border-radius: 50px; line-height: 15px;}

.details_page .woocommerce-message a.button:hocer{ background-color:transparent; color:var(--color-gray); }

.woocommerce-product-gallery{ position: relative; }

.woocommerce-product-gallery__trigger{ position: absolute; top: 17px; right: 17px; z-index: 9; font-size: 18px; color: #fff !important;}

.woocommerce-Reviews p.comment-form-cookies-consent{ display: none !important; }

p.comment-form-cookies-consent input[type="checkbox"]{ margin-top: 5px;}

.comment-form p label{display: block; color: #000 !important; margin-bottom: 2px;}

.comment-form input, .comment-form textarea{ background-color: #f5f5f5; width: 100%; padding: 10px; border: 1px solid #ddd !important;}

.comment-form input{height: 40px;}

.comment-form input[type=checkbox]{width: auto; height: auto;}

.comment-form p.comment-form-cookies-consent label{display: inline-block; margin-left: 10px;}

.form-submit { text-align: right;}

.form-submit .submit{ border: none; background:transparent; text-transform: uppercase; color: #000; border: #000 solid 2px; border-radius: 50px; letter-spacing: 2px; margin-bottom: 0; width: auto; padding: 0 20px; letter-spacing: normal; font-weight: 600;}

.form-submit .submit:hover{background: #000; color: #fff;}

.comment-list {  list-style-type: none;}

.comment-list .comment-body { background: #f7ddc7; padding: 15px; margin-bottom: 15px;}

.comment-list .comment-body .comment-author{margin-bottom: 15px;}

.comment-list .comment-body .reply a{ background: #6a412f; padding: 10px 15px; color: #fff;}

.comment-list .comment-body .reply a:hover{ background: #000;}

.comment-list .children{  margin: 10px 0 10px 30px;}

.woocommerce-tabs.wc-tabs-wrapper #comments { float: left;  padding: 0 26px 0 0; width: 60%;}

.woocommerce-tabs.wc-tabs-wrapper #review_form_wrapper { float: left; padding: 0 26px; width: 40%;margin-top: 0; border-left: 1px solid #eee;}







#ajaxsearchlite1 .probox, div.asl_w .probox{ height:40px !important; background-color:#fff !important; border:var(--color-gray) solid 1px !important; }

div.asl_w .probox .promagnifier{ height:40px !important; }

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{ height:40px !important; }





.details_page .summary .star-rating::before{

    left: 0;

    transform: inherit;

}



.details_page .summary .star-rating span::before{

    left: 0;

    transform: inherit;

}





select.orderby{

    padding: 10px 20px;
    padding-right: 30px;
    font-size: 13px;
    border-radius: 50px;

    background: #e4f2f5 url(../images/select-icon.png) no-repeat right 10px center;

    margin-bottom: 15px;
    appearance: none;
    -webkit-appearance: none;

    border: var(--color-dark-blue) solid 1px;

}



select.orderby:focus-visible{

    outline: none;

}



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





/* ---------------- Contact ---------------------*/



.contatc-wrap{

    padding: 30px;

    border-radius: 10px;

}



.contact-box{

    background-color: #fee4fd;

    border: #d9add4 solid 1px;

    margin-bottom: 30px;

    border-radius: 5px;

    padding: 20px;

}



.contact-box p{

    margin-bottom: 0px;

}



.contact-box p a{

    display: inline-block;

    color: var(--color-dark-blue);

    font-size: 16px;

}





.cicon{

    margin-bottom: 20px;

}



.cicon span{

    background-color: var(--color-dark-blue);

    display: inline-block;

    height: 50px;

    width: 50px; border-radius: 100%;

    text-align: center;

    line-height: 50px;

    color: #fff;

}



.cicon span img{

    display: inline-block;

    height: 20px;

}



.captcha-wrap input[type="text"] {

    border: 1px solid rgb(11 36 113 / 20%);

    height: 40px;

    color: var(--color-gray);

    margin-right: 10px;

    border-radius: 5px;

    padding: 10px;

    background-color: #fff;

    position: relative;

    top: -18px;


}



.captcha-wrap input[type="text"]:focus-visible{

    outline: none;

}



.wpcf7-response-output {

    display: none;

}



.wpcf7 form.sent .wpcf7-response-output {

    display: block;

    border-color: #46b450;

    color: #46b450;

}



.btnwrap .contact_submit{

    text-transform: uppercase;

    height: auto;

    padding: 10px 30px;

    line-height: 22px;

    border: none;

    background-color: var(--color-yellow);

    color: var(--color-black);

}



.btnwrap .contact_submit:hover{

    background-color: var(--color-main);

    color: var(--color-white);

}







/* ----------------- Cart Page ------------------- */



.cart-page-wrap{ position:relative; }

.cart-empty{ text-align: center; }

.return-to-shop{ text-align: center; }

.woocommerce-cart{  background-color: #fff;  }

.return-to-shop a.button{     
    border: 1px solid #000;
    background: #F8F7F5;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    border-radius: 50px;
    padding: 8px 19px;
    text-transform: uppercase;
    overflow: hidden;
    display: inline-block;
    transition: all 0.5s ease 0s;
 }

.return-to-shop a.button:hover{color: #000; border: 1px solid #000; box-shadow:0 -42px 0 #fff inset;}

table.shop_table { border-collapse: collapse !important;  width: 100%; }

table.shop_table th { border: var(--color-main) solid 1px !important; color: #000; padding: 10px; font-family: inherit; font-size: 14px; font-weight: 500; background-color: #C4F3FF; text-transform: uppercase; font-family: inherit; letter-spacing: 1px;}

table.shop_table td { border: var(--color-main) solid 1px !important; padding: 10px; letter-spacing: normal; font-weight: 500; color: #000; font-family: inherit; font-size: 16px;} 

table.shop_table td a{ color: #000!important;}
table.shop_table td a.button{
    font-size: 12px; 
    padding: 4px 8px;
    color: #172C36 !important;
    border-color: var(--color-yellow);
    background-color: var(--color-yellow);
    text-transform: uppercase;
    border-radius: 50px; 
    font-weight: 600;
}

table.shop_table td a.remove{ background-color: red; display: inline-block; color: #fff !important; height: 20px; width: 20px; border-radius: 100%; text-align: center; font-size: 20px; font-weight: 400; line-height: 21px; }

table.shop_table td.product-thumbnail img{ height: 50px !important; width: auto !important; }

.cart_totals{ margin-top: 30px; }

.cart_totals h2{ display: inline-block;  color: #000; padding: 0px 0px 10px 0px; font-size: 30px;  margin-bottom: 0px; font-family:var(--heading-font); }

.cart_totals .wc-proceed-to-checkout{ text-align: right !important; margin-top: 10px; }

.wc-proceed-to-checkout a.checkout-button{ display: inline-block; padding: 10px 20px; font-size: 13px; border-radius: 50px; font-family: var(--btn-font); border:var(--color-main) solid 1px; background-color: var(--color-main); color: #fff !important; text-transform:uppercase; }

.wc-proceed-to-checkout a.checkout-button:hover{ background-color: #fff; color: var(--color-main) !important; } 

.qib-button:not(#qib_id):not(#qib_id){ background-color:#F8F7F5 !important; color:#000 !important; }

.qib-button:not(#qib_id):not(#qib_id):hover{ background-color:#F8F7F5 !important; color:#000 !important; }

.woocommerce table.cart td.product-quantity input{ color:#000; }

.woocommerce table.cart td button[type="submit"]{ border: var(--color-main) solid 1px; background-color: var(--color-main) !important; color: #fff !important; border-radius: 50px; text-transform:uppercase; font-size:13px; font-family:var(--btn-font); }

.woocommerce table.cart td button[type="submit"]:hover{  color: var(--color-main) !important; background-color: #fff !important; }

table.shop_table .actions button.button{ border:none; background-color: #15322b; padding: 5px 10px; }

table.shop_table .actions input[type="text"]{ padding: 5px; min-width: 150px; border: #999 solid 1px; border-radius: 0px;  font-size: 15px;  }

table.tinvwl-table-manage-list button.button{ border:var(--black) solid 1px; border-radius: 0px; background-color: transparent; color: var(--black); padding: 10px 15px; line-height:16px; }

table.shop_table td.product-name{ font-size: 13px;}

.woocommerce-message{

    background: var(--color-dark-blue) !important;

    color: #fff !important;

    border: 1px solid #303030 !important;

}



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





.woocommerce-info a.button{

    background-color: var(--color-main) !important;

    color: var(--color-white) !important;

    padding: 5px 15px !important;

    border-radius: 5px;

}







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







/* Checkout Page */





.checkout-wrp .inner-cont{ padding-top: 50px; }

.woocommerce .col-1{ max-width: 100%; }

.woocommerce .col-2{ max-width: 100%; }

.woocommerce-billing-fields{ background-color: #C4F3FF; border: #ddd solid 1px; padding: 20px;}

.woocommerce-billing-fields h3{ color: #000; font-size: 30px; font-family: var(--heading-font); padding-bottom: 20px; margin-bottom: 0px; }

h3#order_review_heading{  color: #000; font-size: 30px; padding-bottom: 10px; margin-top: 30px; }

.woocommerce-checkout{ background-color: transparent; }

.woocommerce-checkout label{ color: #000; display: block; width: 100%; padding-bottom: 3px; font-weight: 500; margin-bottom: 0px; }

.woocommerce-checkout .woocommerce-input-wrapper{ display: block; width: 100% !important; }

.woocommerce-checkout input[type="text"]{ width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px; }

.woocommerce-checkout input[type="email"]{ width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px; }

.woocommerce-checkout input[type="password"]{ width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px; }

.woocommerce-checkout input[type="tel"]{ width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px; }

.woocommerce-checkout select{ width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px; }

.woocommerce-checkout .select2-selection{ width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px; }

.woocommerce-checkout textarea{ width: 100% !important; height:120px; resize: none; background-color: #fff; color: #000; border: 1px solid #ddd; font-size: 14px;  padding: 10px; border-radius: 10px;}

.woocommerce-shipping-fields{ background-color: #C4F3FF; border: #ddd solid 1px; padding: 20px; display: none;}

.woocommerce-shipping-fields h3{ color: #fff; font-size: 30px; font-family: var(--heading-font); padding-bottom: 20px; margin-bottom: 0px; }

.woocommerce-shipping-fields h3 span{ font-weight: 700 !important;}

.woocommerce-additional-fields{ background-color: #C4F3FF; border: #ddd solid 1px; padding: 20px; margin-top: 15px; }

.woocommerce-additional-fields h3{ font-size:30px; color:#000; font-family: var(--heading-font); }

.form-row.place-order button{ background: var(--color-main) !important; border: var(--color-main) solid 1px !important; color: #fff  !important; font-size: 13px !important; font-weight:600; font-family: var(--btn-font); margin-top: 5px; border-radius: 5px;  padding:10px 30px; letter-spacing: normal; text-transform:uppercase; cursor:pointer; }

.form-row.place-order button:hover{ color: var(--color-main) !important; background: #fff !important; }

#order_review_heading{ color: #000; }

.wc_payment_methods{ padding-top: 10px; }

.qib-button:not(#qib_id):not(#qib_id){ border-radius: 0px !important; }

.woocommerce-checkout-payment{     background-color: #F8F7F5; border: #ddd solid 1px; margin-top: 10px; padding: 20px; color: #000; }

.woocommerce-checkout-payment p{ color: #000; }

.wc_payment_method .payment_box{ background-color:#eee !important;  }
.payment_box.payment_method_cod p{color: #000;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{margin-top: 12px;}
.wc_payment_methods.payment_methods{ margin-top:0px !important; padding-top:0px !important; }

.woocommerce-shipping-fields h3{ padding-bottom: 0px;}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
	width:100% !important;
}
.woocommerce-shipping-fields label span{ 

    display: inline-block !important;

    padding-bottom: 0px !important;

    font-size: 20px;

    font-weight: 400 !important;

}

.woocommerce-account-fields{ margin-top:20px; }

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{ line-height:25px !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered{ color:#fff !important; }

.woocommerce-shipping-totals.shipping{ display:none; }

.woocommerce-thankyou-order-received{    
    text-align: center;
    background-color: #161616;
    border: #333 solid 1px;
    padding: 15px;
    color: #19bf53;
    font-size: 16px;
}

ul.woocommerce-thankyou-order-details {
    margin-left: 0;
    list-style: none;
}

.woocommerce-column--billing-address, .woocommerce-column--shipping-address{

    background-color: #161616; border: #333 solid 1px; padding:20px;

}

.woocommerce-column--billing-address h2, .woocommerce-column--shipping-address h2{

    font-size: 30px;

} 
/* -------------------------------*/ 

/* -------------- My Account -----------------*/  
.myaccount-page-wrap h2{
    margin-bottom: 0px;
}
 
#customer_login h2{ font-size:35px; }
.form-wrapper{

    background-color: #C4F3FF;

    border: var(--color-main) solid 1px;

    padding: 30px 25px;

    border-radius: 5px;

} 
.form-wrapper h2{

    padding: 10px;

    text-align: center;

    border-bottom: var(--color-main) solid 1px;

    text-align: center;

}



.form-wrapper form{

    padding: 20px;

}









#customer_login label{

    display: flex;
    align-items: center;
    grid-column-gap: 5px;

    width: 100%;

    font-family: var(--heading-font);

}



#customer_login .woocommerce-Input, #customer_login .input-text{

    width: 100% !important; height: 40px; background-color: #fff; color: #000; border: 1px solid #ddd;  font-size: 14px; padding: 10px; border-radius: 5px;

}



span.password-input{

    display: block;

    width: 100%;

}



#customer_login button[type="submit"]{

    background-color: var(--color-main);

    border:var(--color-main) solid 1px;

    color: #fff;

    padding: 8px 30px;

    border-radius: 5px;

    text-transform: uppercase;

}



#customer_login button[type="submit"]:hover{

    background-color: var(--color-white);

    color: var(--color-main);

}



.woocommerce-LostPassword a{

    color: #000;

    font-family: var(--heading-font);

}





.lostpass .lost_reset_password{
    background-color: #C4F3FF;
    border: var(--color-main) solid 1px;
    padding: 40px 30px;
    text-align: center;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 auto;
}

.lostpass .woocommerce-form-row{
    width: 100% !important;
}
.lostpass .woocommerce-form-row input[type="text"]{
        width: 100% !important;
    height: 40px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
}
.lostpass .woocommerce-form-row button[type="submit"] {
   background-color: var(--color-main);
    border: var(--color-main) solid 1px;
   color: #fff;
    padding: 8px 30px;
   border-radius: 5px;
    text-transform: uppercase;
}
.lostpass .woocommerce-form-row button[type="submit"]:hover {
    background-color: var(--color-white);
    color: var(--color-main);
}


.lost_reset_password{
    background-color: #C4F3FF;
    border: var(--color-main) solid 1px;
    padding: 40px 30px;
    text-align: center;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 auto;
}

.lost_reset_password input[type="password"]{
    width: 100% !important;
height: 40px;
background-color: #fff;
color: #000;
border: 1px solid #ddd;
font-size: 14px;
padding: 10px;
border-radius: 5px;
}

.lost_reset_password .woocommerce-form-row button[type="submit"] {
    background-color: var(--color-main);
     border: var(--color-main) solid 1px;
    color: #fff;
     padding: 8px 30px;
    border-radius: 5px;
     text-transform: uppercase;
 }

 .lost_reset_password .woocommerce-form-row button[type="submit"]:hover {
    background-color: var(--color-white);
    color: var(--color-main);
}






.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads{



    display: none;



} 

.woocommerce-MyAccount-navigation{



    margin-bottom: 0px !important;



    background-color: #C4F3FF; 



    border: #ddd solid 1px;



}



 

.woocommerce-MyAccount-content{



    padding: 30px;



    background-color: #e4f2f5; 



    border: #b7e8f3 solid 1px;

}

 

.woocommerce-MyAccount-navigation ul li{



    flex: 1 1 auto;



    margin-right: 0px !important;



}







.woocommerce-MyAccount-navigation ul li a{



    text-transform: uppercase;



    position: relative;



    border-bottom: var(--color-main) solid 1px;



}





.woocommerce-MyAccount-navigation ul li:last-child a{

    border-bottom: none;

}







.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a{

    text-decoration: none !important;

    color: #fff !important;

    background-color: var(--color-main);



}

 



.woocommerce-MyAccount-navigation ul li.is-active a:before{



    content: '';



    background-color: var(--color-red);



    height: 1px;



    width: 100%;



    position: absolute;



    bottom: -1px;



    left: 0;



}







.woocommerce-MyAccount-navigation ul li a{ 

    display:block; 

    padding:15px 20px; color:#000; 

}











.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{



    background-color: #fff;



    padding: 20px;



}





.woocommerce-Address-title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}

.woocommerce-Address-title h3{color: var(--color-black); margin-bottom: 0;}

.woocommerce-Address-title a{
    font-size: 12px; 
    padding: 4px 12px;
    color: #172C36 !important;
    border-color: var(--color-yellow);
    background-color: var(--color-yellow);
    text-transform: uppercase;
    border-radius: 50px; 
    font-weight: 600;

}

.woocommerce-account .woocommerce-MyAccount-navigation {

    float: left !important;

    width: 30% !important;

}

.woocommerce-account .woocommerce-MyAccount-content {

    float: right !important;

    width: 68% !important;

}

.woocommerce-account .woocommerce-MyAccount-navigation li{display: block;}
.select2-container .select2-selection--single{
    height: 40px !important;
    border: 1px solid #ddd !important;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    padding: 0 15px;
    border-radius: 5px;
    font-family: var(--body-font);

}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px !important;}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{line-height: 40px !important;}

.select2-container--default .select2-selection--single .select2-selection__rendered{color: #7c7c7c !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px; width: 40px;}

.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px; padding: 0;}
.woocommerce-MyAccount-content span.woocommerce-input-wrapper{width: 100%;}
.woocommerce-MyAccount-content .form-row .input-text, .woocommerce-MyAccount-content .form-row .input-text,
.woocommerce-MyAccount-content .edit-account .woocommerce-Input{
    height: 40px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    box-shadow: none !important;
    font-family: var(--body-font);
}
.woocommerce-MyAccount-content .edit-account .woocommerce-Input:focus{
    border-color: #ddd;
    background-color: #fff;
}
.woocommerce-MyAccount-content a{ color:#000; }
.woocommerce-MyAccount-content .edit-account fieldset legend{ 
    color: var(--color-black); 
    font-size: 20px; 
    font-family: var(--heading-font); 
} 

.woocommerce-MyAccount-content button[type="submit"]{ 
    margin-top: 10px;
    background-color: var(--color-main);
    color: var(--color-white);
    border: var(--color-main) solid 1px;
    border-radius: 50px; 
    padding: 10px 30px;
    cursor: pointer;

}
.woocommerce-MyAccount-content button[type="submit"]:hover{ 
    background-color: var(--color-white) ; 
    color: var(--color-main); 
}
/* ---------------------------------------*/
.message-htmlpart p{ margin:0px !important; }
.cinfo-wrap h2{ font-size:32px; margin-bottom:30px; }
.woocommerce-Reviews .star-rating::before{
    left: 0;
    transform: inherit;
}
.woocommerce-Reviews .star-rating span::before{
    left: 0;
    transform: inherit;
}
.es_subscription_message.success {
    color: #008000;
    font-size: 16px;
    background-color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    max-width: 600px;
    line-height: 18px;
}
.details_page .product h2.woocommerce-Reviews-title{
    font-size: 25px !important;
}


.error404 header.headerMain{ position: relative;}
.error-404 img{ display: inline-block;}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
      transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
    
}

.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {display:none;}

.error-404{
    min-height: calc(100vh - 456px);
}

.star-rating span{
    float: unset !important;
}

#add_payment_method #payment ul.payment_methods .stripe-card-group, .woocommerce-checkout #payment ul.payment_methods .stripe-card-group {
    width:100% !important;
}
.wc_payment_method .payment_box fieldset {
    padding:0 !important;
}
.woocommerce-checkout-review-order ul {
    margin: 1rem 0 1rem  !important;
    padding: 7px 9px !important;
}
#wc-stripe-cc-form .form-row {
    margin:0 !important;
}



/* Blog page start */

.post-box .post-thumb{
    border-radius: 8px 8px 0 0 ;
    height: 250px;
    width: 100%;
    overflow: hidden;
}
.post-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms ease-in-out;
}
.blog-row{
    row-gap: 30px;
}
.post-content{
    padding-top: 20px;
}
.post-content .btn{
    margin-top: 16px;
}
.post-content h6{
    font-size: 12px;
}
.post-content h4 a{
    font-size: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-box:hover .post-thumb img {
    transform: scale(1.2);
}
.blog-right h2{
    font-size: 32px;
}
.single-post-img{
    height: 450px;
    width: 100%;
    margin-bottom: 20px;
}
.single-post-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recent-blogs .rbi{
    flex: 0 0 80px;
}
.recent-blogs .rbi img{
    height: 70px;
    width: 100%;
    object-fit: cover;
}
.recent-blogs .rbc{
    flex: 0 0 calc(100% - 90px);
}
.recent-blogs:not(:last-child){
    margin-bottom: 10px;
}
.recent-blogs h6 a{
    color: var(--color-dark-blue);
    font-weight: 500;
    font-size: 14px;
}
.blog-right{
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.blog-date{
    color: var(--color-main);
}