:root{
    --clr-primary: #79c533;
	--clr-primary-light: #f6cece;
    --clr-secondary: #ff8800;
    --clr-white: #FFFFFF;
    --clr-white-rgb: 255, 255, 255;
    --clr-black: #000000;
    --clr-red: #FF0000;
    --clr-yellow: #ffe135;
    --clr-green: #28a745;
    --clr-blue: #1a5ce0;
    --clr-blue-800: #000f23;
    --clr-gray-800: #e0e0e0;
    --icon-font: "Font Awesome 6 Free";
	--eng-font-family: 'Noto Sans', sans-serif;
	--body-font-family: 'Noto Serif Bengali', serif;
	--title-font-family: 'Merriweather', serif;
}
.bg-slate-100{
    background-color: #f1f5f9;
}
.lang-eng{
    font-family: var(--eng-font-family);
}
body{
    font-family: var(--body-font-family);
    font-size: 1rem;
    font-weight: 400;
    color: var(--clr-black);
}
.bg-pink-50{
    background-color: #fdf2f8;
}
section{
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--title-font-family);
    /* font-family: var(--body-font-family); */
}
.container-fluid,.container{
    max-width: 80rem;
}
.section-header p{
    font-family: var(--eng-font-family);
}
section .btn{
    border-radius: 50px;
}
section .btn-solid{
	/* color: #fff; */
    font-family: var(--eng-font-family);
	position: relative;
    overflow: hidden;
	transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 2;
}
section .btn-solid::before {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	/* color: #000; */
	background: var(--clr-black);
	transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
section .btn-solid:hover {
	color: var(--clr-white);
	background-color: transparent;
	text-shadow: none;
    border-color: var(--clr-black);
}
section .btn-solid:hover::before {
	left: 0%;
	top: 0;
	width: 100%;
}
.btn-black{
    color: var(--clr-white);
    border-color: var(--clr-black);
    background-color: var(--clr-black);
}
.btn-black:hover{
    color: var(--clr-black);
    border-color: var(--clr-secondary);
    background-color: var(--clr-secondary);
}
.rainbow-bg{
    border: none;
    animation: animateBg 8s linear infinite;
    /* background-image: linear-gradient(90deg,#71c66c,#ff8000,#db5779,#71c66c,#ff8000); */
    background-image: linear-gradient(90deg,#5cff18,#ff9900,#db063d,#077a00,#ffc107);
    background-size: 400% 100%;
}
@keyframes animateBg {
    0% { background-position: 0% 0%; }
    100% { background-position: 100% 0%; }
}
/* h1:lang(en),h2:lang(en),h3:lang(en),h4:lang(en),h5:lang(en),h6:lang(en){
    font-family: var(--title-font-family);
}
p:lang(en),span:lang(en),article:lang(en),section:lang(en){
    font-family: var(--eng-font-family);
}
p:lang(bn),span:lang(bn),article:lang(bn){
    font-family: var(--body-font-family);
} */
@media (min-width: 992px){
    .affiliate-sidebar,.blog-sidebar{
        position: sticky;
        /* top: 100px; */
        z-index: 2;    
    }
}
/*|==================================================================================
    Section
====================================================================================|*/
.topbar-section{
    border-bottom: 1px solid #dee2de;
    background-color: var(--clr-primary);
}
.topbar-section ul{
    display: flex;
    align-items: center;
}
.topbar-section ul li{}
.topbar-section ul li a{
    display: block;
    color: var(--clr-white);
    font-family: var(--eng-font-family);
    padding: .5rem 0;
}
.topbar-section .topbar-left{
    display: flex;
    gap: 1rem;
    align-items: center;
} 
.topbar-section .topbar-left .btn-text{
    color: var(--clr-white);
}
.topbar-section .topbar-left .btn-text:hover{
    color: var(--clr-black);
}
.topbar-section .topbar-left ul li:last-child a{
    border-left: 1px solid #dee2de;
    padding-left: 1.25rem;
    margin-left: 1.25rem;
}
.topbar-section ul li a:hover{
    color: var(--clr-black)
}
.topbar-section .topbar-left ul li a i{
    margin-right: .25rem;
}
.topbar-section .topbar-right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar-section .topbar-right ul{}
.topbar-section .topbar-right .btn-text{
    padding: .5rem;
    padding-right: 0;
    font-size: 1rem;
    font-family: var(--eng-font-family);
    color: var(--clr-white);
    padding-left: 1rem;
    margin-left: 1rem;
    border-left: 1px solid #dee2de;
}
.topbar-section .topbar-right .btn-text:hover{
    color: var(--clr-black);
    text-decoration: none;
}
.topbar-section .topbar-right .btn-text i{
    margin-right: .25rem;
    font-size: 1rem;
}
.topbar-section .social-list{
    display: flex;
    align-items: center;
}
.topbar-section .social-list li{}
.topbar-section .social-list li .social-link{
    display: block;
    color: var(--clr-white);
    padding: .75rem;
}
/*| Scroll To Top |===================================================================|*/
.scroll-top {
    position: fixed;
    bottom: 105%;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s linear;
}
.scroll-top.scrolltopactive {
    bottom: 30px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.scroll-top:hover .scroll-top-inner {
    color: #fff
}
.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,transparent 80%);
}
.scroll-top-inner {
    transition: all .3s linear;
    color: #fff;
    background: var(--clr-primary);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .topbar-section .topbar-right{
        justify-content: flex-end;
    }
    .scroll-top {
        width: 3.5rem;
        height: 3.5rem;
    }
    .scroll-top-inner {
        font-size: 1.25rem;
    }
}
@media (max-width: 767.98px){
    .topbar-section,.scroll-top {
        display: none;
    }
}
/*|==================================================================================
    Header
====================================================================================|*/
.header{
    background-color: var(--clr-white);
    box-shadow: 0 9px 54px 0 rgba(32,32,32,.1);
}
#header.fixed-top{
    /* box-shadow: 0 9px 54px 0 rgba(32,32,32,.1); */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    background-color: #fff;
    animation: fadeInDown .5s running;
    transition: all .5s;
}
#header .navbar{
    padding: 0;
    position: relative;
}
#header .navbar .desktop-logo{
    position: relative;
    text-align: center;
    z-index: 3;
}
#header .navbar .navbar-brand{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 105px;
    height: 105px;
    z-index: 2;
    margin-top: -42px;
    margin-right: 0;
    border-radius: 100%;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; */
    background-color: var(--clr-white);
}
#header .navbar .navbar-brand::after{
    display: block;
    content: '';
    position: absolute;
    height: 66px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
    background-color: var(--clr-white);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
#header .navbar .navbar-brand img{
    height: 100px;
    object-fit: contain;
    margin-top: 8px;
}
#header .navbar-end{
    display: flex;
    gap: 20px;
    align-items: center;
} 
#header .navbar-end .header-btn{}
#header .navbar-end .header-btn .btn{
    font-family: var(--eng-font-family);
    padding: .75rem 1.75rem;
}
#header .navbar-end .header-btn .btn i{
    margin-right: .5rem;
}
#header .navbar-nav .nav-item .nav-link{
    position: relative;
    overflow: hidden;
    color: var(--clr-black);
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 0;
}
#header .navbar-nav .nav-item .nav-link.active,#header .navbar-nav .nav-item .nav-link:hover{
    color: var(--clr-primary);
}
#header .navbar-nav .dropdown-toggle::after{
    border: none;
    content: '\f107';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: .875rem;
    vertical-align: middle;
}
#header .dropdown-menu{
    margin: 0;
    padding: 0;
    border-radius: 0 0 4px 4px;
    border-top: 2px solid var(--clr-primary);
}
#header .dropdown-menu .dropdown-item{
    font-family: var(--eng-font-family);
    padding: .5rem 1rem;
    text-transform: capitalize;
}
#header .dropdown-menu .dropdown-item:focus,#header .dropdown-menu .dropdown-item:active,#header .dropdown-menu .dropdown-item.active{
    color: var(--clr-primary);
    background-color: var(--clr-white);
}
/* .dropdown-menu .dropdown-item.active,.dropdown-menu .dropdown-item:active {
    color: var(--clr-white);
    text-decoration: none;
    background-color: var(--clr-primary);
} */
#header .dropdown-menu li .dropdown-item:hover{
    color: var(--clr-white);
    background-color: var(--clr-primary);
}
#header .dropdown-menu li:last-child .dropdown-item:hover{
    border-radius: 0 0 4px 4px;
}
#header .mobile-header{
    width: 100%;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    #header .navbar{
        padding: 0;
    }
    #header .dropdown:hover > .dropdown-menu{
		display: block;
	}
	#header .dropdown >.dropdown-toggle:active{
		pointer-events: none;
	}
    #header .navbar-nav .nav-item .nav-link{
        padding: 30px 10px;
    }
    #header .dropdown-menu .dropdown-item{
        padding: .625rem 1.25rem;
    }
    #header .mobile-header{
        display: contents;
    }
}
@media (max-width: 991.98px){
    #header .navbar .navbar-brand{
        width: 150px;
        height: 160px;
    }
    #header .navbar .navbar-brand img{
        width: 80px;
    }
    #header .mobile-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0;
    }
    #header .navbar-collapse{
        padding: 20px 0 10px;
        padding-top: 30px;
        background-color: #64748b;
        margin-bottom: 0 !important;
        margin-inline: -20px;
    }
    #header .navbar-nav .nav-item .nav-link{
        color: var(--clr-white);
        padding-inline: 20px;
        border-bottom: 1px solid #798ca9;
    }
    #header .navbar-nav .nav-item:last-child .nav-link{
        border-bottom: none;
    }
}
@media (max-width: 420.98px){
    /* .navbar{
        padding-top: 16px;
        padding-bottom: 16px;
    } */
    #header .navbar .navbar-brand{
        width: 90px;
        height: 90px;
        margin-top: -30px;
    }
    #header .navbar .navbar-brand::after{
        height: 50px;
    }
    #header .navbar .navbar-brand img{
        height: 85px;
    }
    #header .navbar-end .header-btn .btn{
        font-size: 14px;
        padding: .5rem 1rem;
    }
    #header .navbar-end .header-btn .btn i{
        margin-right: .25rem;
    }
    #header .navbar-nav .dropdown-toggle::after{
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }
}
/*|==================================================================================
    Navbar Toggler
====================================================================================|*/
.navbar-toggler {
    padding: 8px 0;
}
.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:active {
    border: none !important;
    background: 0 0 !important;
    outline: none !important;
    box-shadow: none;
}
.navbar-toggler .icon-bar {
    background-color: var(--clr-primary);
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all .2s;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    /* background-color: var(--clr-primary) */
}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler .icon-bar:nth-child(2) {
    width: 16px;
    transition: ease all .2s;
}
.navbar-toggler:hover>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}
.navbar-toggler:active>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
    transition: ease all .2s;
}
/*|==================================================================================
    Hero Section
====================================================================================|*/
.hero-section{}
.hero-carousel{}
.hero-carousel .hero-item{}
.hero-carousel .hero-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-carousel .owl-dots{
    position: relative;
    /* margin-top: 20px; */
}
.hero-carousel .owl-dots .owl-dot{
    position: absolute;
    bottom: 40px;
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .hero-carousel .hero-item{
        height: 85vh;
    }
}
@media (max-width: 420.98px){
    .hero-carousel .hero-item{
        height: 200px;
        overflow: hidden;
    }
    .hero-carousel .owl-dots .owl-dot{
        bottom: 34px;
    }
}
/*|==================================================================================
    About Section
====================================================================================|*/
.about-section{}
.about-section .about-content{}
/*| Media Query |====================================================================|*/
@media (max-width: 991.98px){
    .about-section .about-content .section-title{
        text-align: center;
    }
}
/*|==================================================================================
    Banner Section
====================================================================================|*/
.banner-section{
    position: relative;
}
.banner-section .banner-content{}
.banner-section .banner-content .banner-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--clr-black);
}
.banner-section .banner-content .breadcrumb{}
.banner-section .banner-content .breadcrumb-item a{
    color: var(--clr-black);
}
.banner-section .banner-content .breadcrumb-item+ .breadcrumb-item::before{
    color: var(--clr-black);
}
.banner-section .banner-content .breadcrumb-item.active{
    color: var(--clr-black);
}
.banner-section .banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item,
.banner-cta-content .breadcrumb .breadcrumb-item+.breadcrumb-item{
    padding-left: 1rem;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item::before,
.banner-cta-content .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content: "\f101";
    font-size: 1rem;
    font-family: var(--icon-font);
    font-weight: 900;
    padding-right: 1rem;
}
.inner-banner{
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-banner{
    background: url(../images/about-banner.jpg);
}
.blog-banner{
    background-color: #8BC34A;
}
.contact-banner{
    background: url(../images/about-banner.jpg);
}
.blog-banner .banner-content .banner-title{
    font-family: var(--body-font-family);
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .banner-section{
        height: 250px;
    }
    .banner-section .banner-content{
        padding-top: 30px;
    }
    .banner-section .banner-content .banner-title{
        font-size: 2.75rem;
    }
    .inner-banner{
        padding: 60px 0;
    }
}
@media (max-width: 479.98px){
    .inner-banner{
        height: 140px;
        padding: 50px 0 40px;
    }
    .inner-banner .banner-content{
        padding-top: 30px;
    }
}
/*|==================================================================================
    Featured Service
====================================================================================|*/
.featured-section{}
.featured-section .card{
    overflow: hidden;
    border: none;
    border-radius: 8px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 30px 0 rgb(0 20 9 / 10%);
    /* background-color: #79c533; */
    background-color: #f0db9d;
}
.featured-section .card::before{
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 80px;
    height: 80px;
    border-radius: 60px;
    background-color: #9bec00;
    transition: all .3s;
    z-index: -2;
}
.featured-section .card:hover::before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: var(--clr-primary);
}
.featured-section .card-header{
    display: flex;
    gap: 16px;
    padding: 16px;
    padding-bottom: 0;
    align-items: center;
    border-bottom: none;
    background-color: transparent;
}
.featured-section .card-header .icon-box{}
.featured-section .card-header .icon-box i{
    font-size: 24px;
    color: var(--clr-primary);
}
.featured-section .card-header .title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.featured-section .card-body{}
.featured-section .card-body p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}
.featured-section .card:hover .title,.featured-section .card:hover p{
    color: var(--clr-white);
}
.featured-section .card:hover .card-header .icon-box i{
    color: var(--clr-black);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .featured-section{
        position: relative;
        margin-top: -80px;
        z-index: 555;
    }
    .featured-section .card{
        height: 240px;
    }
    .featured-section .card-header{
        padding: 30px 30px 0;
    }
    .featured-section .card-header .title{
        font-size: 20px;
        font-weight: 800;
    }
    .featured-section .card-header .icon-box i{
        font-size: 2.75rem;
    }
    .featured-section .card-body{
        padding: 24px  30px 30px;
    }
    .featured-section .card-body p{
        font-size: 17px;
    }
}
@media (max-width: 991.98px){}
@media (max-width: 420.98px){
    .featured-section .card{
        margin-bottom: 16px;
    }
}
/*|==================================================================================
    Price Section
====================================================================================|*/
.price-section{}
.price-section .card{
    border-radius: 0;
    border-color: var(--clr-primary);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.price-section .card-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-radius: 0;
    background-color: var(--clr-primary);
}
.price-section .card-header h3{
    font-family: var(--title-font-family);
    font-size: 20px;
    color: var(--clr-white);
}
.price-section .card-header .title,.price-section .card-header .price-title{
    font-family: var(--title-font-family);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}
.price-section .card-header .price-title{}
.price-section .card ul{
    /* padding: 8px 20px; */
}
.price-section .card ul li,.price-section .card ul li a{
    display: flex;
    width: 100%;
    /* padding: 10px 0; */
    justify-content: space-between;
    align-items: center;
    font-family: var(--eng-font-family);
}
.price-section .card ul li{
    border-bottom: 1px solid #dee2de;
}
.price-section .card ul li:last-child{
    border-bottom: none;
}
.price-section .card ul li a{}
.price-section .card ul li span{
    font-size: 16px;
    font-weight: 500;
}
.price-section .card ul li .text{
    padding: 12px 16px;
}
.price-section .card ul li .price{
    color: var(--clr-white);
    min-width: 95px;
    padding: 12px 0;
    text-align: center;
    background-color: var(--clr-black);
    font-size: 1rem;
    font-weight: 600;
}
.price-section .card .card-body{
    padding: 0;
}
.price-section .card .card-body table{
    margin-bottom: 0;
}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){
    .price-section .card{
        margin-bottom: 24px;
    }
}
@media (max-width: 575.98px){
    .price-section .card{
        margin-bottom: 16px;
    }
}
/*|==================================================================================
    Service Section
====================================================================================|*/
.service-section{
    background-color: var(--clr-primary);
}
.service-section .section-title{}
.service-section .section-title img{
    filter: invert(100) brightness(100);
}
.service-section .card{
    text-align: center;
    border: none;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: var(--clr-black);
}
.service-section .card .img-box{
    padding: 5px;
}
.service-section .card .img-box img{
    width: 100%;
    height: 310px;
    border-radius: 0 0;
    object-fit: cover;
}
.service-section .card-body{
    padding: 1rem .5rem;
}
.service-section .card-body .title{
    color: var(--clr-white);
    font-family: var(--eng-font-family);
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 0;
}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){
    .service-section .card{
        margin: 20px 6px;
    }
    .service-section .card-body{
        padding: 12px;
    }
    .service-section .card-body .title{
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 0;
    }
}
@media (min-width: 992px){
    .service-section .card{
        margin: 24px 9px;
    }
}
@media (max-width: 479.98px){
    .service-section .card .img-box img{
        height: auto;
    }
}
/*|==================================================================================
    Service Section
====================================================================================|*/
.beauty-service{}
.beauty-service .section-header{}
.beauty-service .section-header .section-title{}
.beauty-service .card{
    overflow: hidden;
    border-radius: 12px;
    border:2px solid var(--clr-primary);
    margin-bottom: 1.5rem;
}
.beauty-service .card .card-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
}
.beauty-service .card-img-overlay{}
.beauty-service .card-img-overlay::before{
    position: absolute;
    content: '';
    background: url(../images/trans.png) no-repeat top center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    transition: all 0.3s linear;
}
.beauty-service .card-img-overlay .title{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    margin-bottom: 1rem;
    transition: all 0.3s linear;
}
.beauty-service .card:hover .card-img{
    transform: scale(1.1);
}
.beauty-service .card:hover .card-img-overlay::before{
    height: 40%;
}
.beauty-service .card-img-overlay .btn-text{
    font-family: var(--eng-font-family);
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s linear;
}
.beauty-service .card:hover .card-img-overlay .btn-text{
    opacity: 1;
    bottom: 16px;
}
.beauty-service .card:hover .card-img-overlay .title{
    bottom: 24px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    .beauty-service .card .card-img{
        height: 200px;
    }
}
@media (max-width: 767.98px){
    .beauty-service .section-header p{
        display: none;
    }
}
@media (max-width: 479.98px){
    .beauty-service .card{
        margin-bottom: 1rem;
        border-radius: 6px;
    }
    .beauty-service .card-img-overlay .title{
        font-size:.75rem;
    }
    .beauty-service .card .card-img{
        height: 130px;
    }
    .beauty-service .card-img-overlay::before{
        height: 38%;
    }
    .beauty-service .card-img-overlay .btn-text{
        font-size: 11px;
    }
    .beauty-service .card:hover .card-img-overlay .btn-text {
        bottom: 6px;
    }
    .beauty-service .card:hover .card-img-overlay .title{
        bottom: 14px;
    }
}
/*|==================================================================================
    Testimonial Section
====================================================================================|*/
.testimonial-section{
    background-color: rgb(244, 248, 255);
}
.testimonial-section .section-header p{
    color: #767676;
}
.testimonial-carousel{}
.testimonial-carousel .card{
    border-radius: 0;
    border: none;
    margin: 20px 10px;
    background-color: transparent;
}
.testimonial-carousel .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 0 0 1.25rem;
    border: none;
}
.testimonial-carousel .card-header .company-name{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.testimonial-carousel .card-header .quote{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e7e5ff;
}
.testimonial-carousel .card-header .quote i{
    color: var(--clr-primary);
    font-size: 1.375rem;
}
.testimonial-carousel .card-body{
    position: relative;
    padding: 1.25rem;
    border-radius: .625rem;
    box-shadow: 0 9px 54px 0 rgba(32,32,32,.1);
    background-color: var(--clr-white);
}
.testimonial-carousel .card-body::after{
    content: "";
    border-style: solid;
    border-color: #fff transparent transparent;
    border-width: 30px;
    position: absolute;
    top: 100%;
    left: 58px;
}
.testimonial-carousel .card-body p{
    font-size: .9rem;
}
.testimonial-carousel .card-body .rating span{
    font-size: .875rem;
    color: #eebe2d;
}
.testimonial-carousel .client-info{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
}
.testimonial-carousel .client-info .client-img{}
.testimonial-carousel .client-info .client-img img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}
.testimonial-carousel .client-info .client-meta{}
.testimonial-carousel .client-info .client-meta .client-name{
    font-family: var(--eng-font-family);
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .25rem;
}
.testimonial-carousel .client-info .client-meta span{
    font-family: var(--eng-font-family);
    font-size: 1rem;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    .testimonial-carousel .card-body{
       padding: 1.75rem;
    }
    .testimonial-carousel .client-info{
        padding-top: 2.5rem;
        padding-left: 3rem;
    }
}
@media (max-width: 479.98px){
    /* .testimonial-carousel .card-body::after{
        content: "";
        border-style: solid;
        border-color: #fff transparent transparent;
        border-width: 18px;
        position: absolute;
        top: 100%;
        left: 5%;
    } */
}
/*|==================================================================================
    Why Section
====================================================================================|*/
.wh-section{}
.wh-section .card{
    border: none;
    border-radius: 12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all 0.4s ease;
    background-color: #007919;
}
.wh-section .card .icon-box{
    padding: 20px;
    text-align: center;
}
.wh-section .card .icon-box img{
    height: 50px;
    object-fit: contain;
    transition: all 0.4s ease;
}
.wh-section .card-body{
    text-align: center;
}
.wh-section .card-body .title{
    font-family: var(--eng-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}
.wh-section .card-body p{
    font-family: var(--eng-font-family);
}
.wh-section .card .card-body .title,.wh-section .card .card-body p{
    color: var(--clr-white);
}
.wh-section .card:hover .card-body .title,.wh-section .card:hover .card-body p{
    color: var(--clr-black);
}
.wh-section .card:hover{
    background-color: var(--clr-white);
}
.wh-section .card .icon-box img{
    filter: brightness(0) invert(1);
}
.wh-section .card:hover .icon-box img{
    filter: brightness(0) invert(0);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .wh-section .card .icon-box{
        padding: 30px;
    }
    .wh-section .card-body{
        padding: 0px 30px 20px;
    }
    .wh-section .card-body .title{
        font-size: 24px;
    }
}
@media (max-width: 991.98px){
    .wh-section .card{
        margin-bottom: 24px;
    }
}
@media (max-width: 575.98px){
    .wh-section .card{
        margin-bottom: 16px;
    }
}
/*|==================================================================================
    Featured Service
====================================================================================|*/

/* .featured-service{}
.featured-service .ft-block{
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 16px;
    margin-bottom: 24px;
    border-radius: 12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.featured-service .ft-block .icon-box{}
.featured-service .ft-block .icon-box img{
    height: 40px;
}
.featured-service .ft-block .ft-content{}
.featured-service .ft-block .ft-content .title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
} */
/*| Media Query ====================================================================|*/
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Externals CSS
====================================================================================|*/
.section-header{
    position: relative;
}
.h-line{
    position: relative;
    width: 300px;
    text-align: center;
    margin-top: 8px;
    padding-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
}
.h-line::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    border: 1px solid #89898a;
    border-left: none;
    border-right: none;
    transform: translateY(-50%);
    z-index: 1;
}
.h-line::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: var(--clr-white);
    z-index: 2;
}
.h-line span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.h-line img{
    height: 45px;
    margin-left: 8px;
}
/*|==================================================================================
    Blog Section
=====================================================================================|*/
.blog-section{
    /* background-color: #f4fef3; */
}
.blog-section .card{
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 4px;
    margin-bottom: 1rem;
}
.blog-section .img-box{
    /* border: 5px solid #f2f2f2; */
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 4px 4px 0;
}
.blog-section .img-box img{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    object-fit: cover;
    height: 200px;
}
.blog-section .card-body{
    padding: .75rem;
    /* border-top: 1px solid #dee2de; */
}
.blog-section .card-body .post-meta{
    display: flex;
    gap: .625rem;
    align-items: center;
    margin-bottom: .625rem;
}
.blog-section .card-body .post-meta .meta-item{
    font-size: .875rem;
    font-weight: 500;
}
.blog-section .card-body .post-meta .meta-item i{
    color: var(--clr-primary);
}
.blog-section .card-body .post-meta .meta-item a{
    padding-left: .25rem;
}
.blog-section .card-body .title{
    font-family: var(--body-font-family);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .75rem;
}
.blog-section .card-body .title a{}
.blog-section .card-body p{}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .blog-section .card{
        border-radius: 8px;
        margin-bottom: var(--spacing-lg);
        margin-bottom: 1.5rem;
    }
    .blog-section .img-box{
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        padding: 8px 8px 0;
    }
    .blog-section .img-box img{
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        height: 250px;
    }
    .blog-section .card-body{
        padding: 1.25rem 1.5rem;
    }
    .blog-section .card-body .title{
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 767.98px){}
/*|==================================================================================
    Footer Affiliate
====================================================================================|*/
.footer-affiliate{
    background-color: #ffc107;
}
.footer-affiliate .card{
    border-radius: 0;
    text-align: center;
    border-color: var(--clr-black);
    border-width: 2px;
}
.footer-affiliate .card .img-box{
    padding: 8px;
    text-align: center;
}
.footer-affiliate .card .img-box a{
    display: block;
}
.footer-affiliate .card .img-box img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 0;
}
.footer-affiliate .card-body{
    padding: .75rem;
    background-color:var(--clr-black);
    /* border-radius: 0 0 8px 8px; */
}
.footer-affiliate .card .title{
    font-family: var(--eng-font-family);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    /* height: 40px; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footer-affiliate .card .title a{
    color: var(--clr-white);
}
.footer-affiliate .card .price-wrap{}
.footer-affiliate .card .price-wrap span{
    font-family: var(--eng-font-family);
    color: var(--clr-white);
    font-size: 16px;
    font-weight: 600;
}
.footer-affiliate .card .price-wrap span i{
    font-size: 14px;
}
.footer-affiliate .card .price-wrap .offer-price{
    color: var(--clr-primary);
    margin-right: 8px;
}
.footer-affiliate .card .price-wrap .disable-price{
    font-weight: 300;
    color: #a4a6b1;
    text-decoration: line-through;
}
.footer-affiliate .card-body .btn{
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    margin-top: 12px;
}
.footer-affiliate .card-body .btn i{
    font-size: 12px;
}
@media (min-width: 992px){
    .footer-affiliate .card .img-box img{
        height: 220px;
    }
}
@media (max-width: 575.98px){
    .footer-affiliate .card .img-box img{
        height: 140px;
    }
}
/*|==================================================================================
    Footer Section
====================================================================================|*/
.footer{
    background-color: #f8f8f8;
}
.footer-contact{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0 1rem;
    background-color: var(--clr-white);
}
.footer-logo{
    /* margin-bottom: 20px; */
}
.footer-logo img{
    width: 210px;
}
.footer-contact address{
    margin-bottom: 0;
    padding-bottom: 1.25rem;
}
.footer-contact .title{
    font-size: 1.125rem;
}
.footer-contact p,.footer-contact span{
    font-size: 1rem;
}
.footer-contact p{}
.footer-contact span{
    display: block;
    margin-bottom: 8px;
}
.footer-contact span i{
    margin-right: 5px;
}
.main-footer{
    margin: 1.25rem 0;
}
.main-footer p{
    margin-bottom: 0;
}
.footer-widget{
    margin-bottom: 1.25rem;
}
.footer-widget .footer-title{
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: 700;
}
.footer-link .cat-links{
    columns: 2;
}
.footer-link{}
.footer-link ul li{}
.footer-link ul li a{
    display: block;
    font-family: var(--eng-font-family);
    padding: 6px 0;
    font-size: 1rem;
    font-weight: 500;
}
.footer-link ul li a:hover{
    color: var(--clr-white);
}
.footer-widget .social-list{
    margin-bottom: 20px;
}
.affiliate-text{
    margin: 20px 0;
}
.affiliate-text h3{
    font-family: var(--eng-font-family);
    font-size: 14px;
}
.affiliate-text p{
    font-family: var(--eng-font-family);
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 6px;
}
.social-list ul{}
.social-list ul li{
    display: inline-block;
}
.social-list ul li+li{
    margin-left: 14px;
}
.social-list ul li a{
    display: block;
    width: 40px;
    height: 40px;
    padding: 12px 10px;
    line-height: 40px;
    text-align: center;
    background-color: var(--clr-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all 0.4s linear;
}
.social-list ul li a i{
    line-height: 1;
}
.social-list ul li a:hover{
    color: var(--clr-white);
    background-color: var(--clr-primary);
    box-shadow: rgb(179, 28, 28) 0px 2px 8px 0px;
}
.copyright{
    padding: 1rem;
    border-top: 1px solid #e7e7e7;
}
.copyright p{
    font-family: var(--eng-font-family);
    font-size: 14px;
    margin-bottom: 0;
}
.copyright p a{
    font-family: var(--eng-font-family);
    font-weight: 600;
    color: var(--clr-red);
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .footer{
        background-color: #ffff00;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff8000'/%3E%3Cstop offset='1' stop-color='%23ff8000' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300ff19'/%3E%3Cstop offset='1' stop-color='%2300ff19' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%239900ff'/%3E%3Cstop offset='1' stop-color='%239900ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffff00'/%3E%3Cstop offset='1' stop-color='%23ffff00' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF0000'/%3E%3Cstop offset='1' stop-color='%23FF0000' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230CF'/%3E%3Cstop offset='1' stop-color='%230CF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
    }
    .footer-contact{
        background-color: #ffff00;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff8000'/%3E%3Cstop offset='1' stop-color='%23ff8000' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300ff19'/%3E%3Cstop offset='1' stop-color='%2300ff19' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%239900ff'/%3E%3Cstop offset='1' stop-color='%239900ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffff00'/%3E%3Cstop offset='1' stop-color='%23ffff00' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF0000'/%3E%3Cstop offset='1' stop-color='%23FF0000' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230CF'/%3E%3Cstop offset='1' stop-color='%230CF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
    }
    .footer-contact{
        height: 100%;
        padding: 2rem 2rem;
    }
    .footer-widget .footer-title{
        font-size: 1.25rem;
    }
    .main-footer{
        margin: 2.5rem 2.5rem 0;
    }
    
    .copyright{
        padding: 16px 0;
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
}
@media (max-width: 991.98px){
    .footer-widget .footer-title{
        color: var(--clr-black);
    }
    .footer-link ul li a:hover{
        color: var(--clr-primary);
    }
}
@media (max-width: 575.98px){
    .copyright{
        text-align: center;
    }
    .footer-contact{
        display: none;
    }
}
.action-btn{
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 1111;
}
.action-btn a{
    display: block;
}
.action-btn a.btn{
    color: var(--clr-white);
    font-size: 2rem;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* outline: 4px solid var(--clr-white); */
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.action-btn a.btn-wa{
    background-color: #25D366;
}
.action-btn a.btn:hover{
    background-color: var(--clr-black);
}
.action-btn a.btn+.btn{
    background-color: var(--clr-black);
}
.action-btn a.btn+.btn:hover{
    background-color: var(--clr-primary);
}
@media (max-width: 767.98px){
    .action-btn{
        bottom: 20px;
    }
    .action-btn a.btn{
        font-size: 1.5rem;
        width: 48px;
        height: 48px;
    }
}
/*|==========================================================================
    Single Page
=============================================================================|*/
.single-post-section{
    position: relative;
    background-color: var(--clr-white);
}
.post-container{
    border-radius: 5px;
    background-color: var(--clr-white);
}
.post-container .post-img{
    margin-bottom: 0;
}
/* .post-container .post-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
.post-container .entry-title{
    font-family: var(--body-font-family);
    font-size: calc(1.25rem + .3vw);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.post-container .post-meta{
    padding: var(--spacing-xxs) 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 1rem 0;
}
.post-container .post-meta span{
    display: block;
    line-height: 30px;
    font-size: var(--fs-xs);
    font-weight: var(--fw-500);
    margin-right: var(--spacing-xs);
}
.post-container .post-meta span a{
    margin-left: 5px;
}
.post-container h2{
    font-size: 1.5rem;
    line-height: 1.7;
}
.post-container h3{
    font-size: 1.250rem;
}
.post-container h4{
    font-size: 1rem;
}
.post-container h2,.post-container h3,.post-container h4{
    font-family: var(--body-font-family);
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 1.125rem;
}
.post-container p{
    line-height: 1.6;
}
.post-container p a{
    color: var(--clr-primary);
}
.post-container ul,.post-container ol{
    margin-left: .75rem;
    margin-bottom: .75rem;
}
.post-container ul li,.post-container ol li{}
.post-container ul li +li,.post-container ol li +li{
    margin-top: .75rem;
}
.post-container ul li a{}
.post-container ol li{
    position: relative;
    padding-left: 1.5rem;
}
.post-container ol li::before{
    content: '\f00c';
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--clr-primary);
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    font-weight: 900;
}

.post-tag,.post-share{
    display: flex;
    align-items: center;
}
.post-tag span,.post-share span{
    font-weight: 500;
}
.post-tag ul,.post-share .social-links{
    margin-bottom: 0;
}
.post-tag ul li,.post-share .social-links li{
    display: inline-block;
    margin-left: 6px;
}
.post-tag ul li a{
    padding: 4px 16px;
    line-height: 22px;
}
.post-tag ul li a,.post-share .social-links li a{
    display: block;
    color: var(--clr-white);
    font-size: 14px;
    transition: all 0.4s;
    background-color: var(--clr-primary);
    border-radius: 25px;
}
.post-tag ul li a:hover,.post-share .social-links li a:hover{
    color: var(--clr-black);
}
.post-share{
    justify-content: flex-end;
}
.post-share .social-links{}
.post-share .social-links li{}
.post-share .social-links li a{
    width: 30px;
    height: 30px;
    text-align: center;
}
.post-share .social-links li a i{
    font-size: 16px;
    line-height: 30px;
}

.tag-list-container{
    display: flex;
    align-items: flex-start;
}
.list-container{}
.tag-list-container ul{
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}
.list-container ul li{}
.post-container .list-container ul li +li{
    margin-top: 0;
}
.tag-list-container ul li a{
    display: block;
    font-size: .75rem;
    padding: .125rem .375rem;
    transition: all .4s ease;
}
.tag-list-container ul li a{
    color: var(--clr-white);
    border: 1px solid var(--clr-black);
    background-color: var(--clr-black);
}
.tag-list-container.list-container ul li a:hover{
    color: var(--clr-white);
    background-color: var(--clr-primary);
}
.blog-section .pagination{}
.blog-section .pagination .page-item{}
.blog-section .pagination .page-item+.page-item{}
.blog-section .pagination .page-item .page-link{
    color: var(--clr-black);
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
}
/* .blog-section .pagination .page-item:first-child .page-link,
.blog-section .pagination .page-item:last-child .page-link{
    min-width: auto;
} */
.blog-section .pagination .page-item .page-link:hover,.blog-section .pagination .page-item.active .page-link{
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background-color: var(--clr-primary);
}
/*|Media Query |=============================================================|*/
@media (min-width: 992px){
    .single-section::after{
        content: '';
        position: absolute;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 32px;
        border-bottom: 1px solid #dee2de;
    }
    .post-container .post-meta{
        margin-top: 1.5rem;
    }
    .post-container .entry-title{
        font-size: 2.5rem;
    }
    .post-container h2{
        font-size: 1.75rem;
    }
    .post-container h3{
        font-size: 1.375rem;
    }
    .post-container h4{
        font-size: 1.125rem;
    }
    .post-container h2,.post-container h3,.post-container h4{
        margin-top: 1.25rem;
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 991.98px){}
/*|==========================================================================
    Sidebar
=============================================================================|*/
.sidebar .widget{
    margin-bottom: 1rem;
    border-radius: .25rem;
    background-color: #f3f3f3;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}
.widget .widget-title{
    color: var(--clr-blue-8);
    font-size: 1.125rem;
    font-weight: 700;
    padding: 1rem;
}
.widget .widget-title span{
    padding-left: 6px;
    color: var(--clr-primary);
}
.widget .widget-body,.widget ul,.widget-search form,.widget.form-widget{
    padding: 0 1rem 1rem; 
}
.form-widget{
    background-color: var(--clr-white);
}
.widget_categories ul li,.widget_archive ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}
.widget_categories ul li:last-child,.widget_archive ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_categories ul li a,.widget_archive ul li a{
    display: block;
    font-size: 14px;
    font-weight: var(--fw-400);   
}
.widget_categories ul li a:hover,.widget_archive ul li a:hover{
    color: var(--clr-primary);
}
/*| Search Widget |=======================================================|*/
.search-widget{}
.search-widget .input-group{}
.search-widget .input-group .input-group-text{
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background-color: var(--clr-primary);
}
/*| Post Widget |=======================================================|*/
.post-widget{}
.widget-post-item{
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: .75rem;
}
.widget-post-item:last-child{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget-post-img{
    position: relative;
    width: 90px;
    height: 80px;
    border-radius: .375rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.widget-post-img img{
    width: 100%;
    height: 100%;
    border-radius: .375rem;
    object-fit: cover;
}
.widget-post-info{
    flex: 1;
    margin-left: 1rem;
}
.widget-post-info .widget-post-title{
    font-family: var(--body-font-family);
    font-size: 1rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.widget-post-info .widget-post-title a{}
.widget-post-info .widget-post-title a:hover{
  color: var(--clr-primary);
}
/*| Contact Widget |=======================================================|*/
.contact-widget form{
    margin-bottom: 0;
}
.contact-widget .form-group{
    padding-bottom: 15px;
}
.contact-widget .form-control{
    height: 45px;
    border: 1px solid #d4d6d8;
    background-color: transparent;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}
.contact-widget textarea.form-control{
    height: 90px;
}
.contact-widget form .btn{
    font-weight: 500;
    text-transform: uppercase;
}
.contact-widget form .btn i{
    margin-left: 6px; 
}
/*| Tag Widget |=======================================================|*/
.tag-widget ul li {
    display: inline-block;
    margin: 0 var(--spacing-xs) var(--spacing-xs) 0;
}
.tag-widget ul li:last-child{
    margin-bottom: 0;
}
.tag-widget ul li a {
    display: block;
    color: var(--clr-black);
    font-size: 13px;
    font-weight: var(--fw-500);
    line-height: 24px;
    padding: 3px 12px;
    border: 1px solid var(--clr-primary);
    border-radius: 4px;
    transition: all .3s;
}
.tag-widget ul li a:hover {
    background-color: var(--clr-primary);
    color: var(--clr-white);
    border-color: var(--clr-primary);
}
.widget_categories{}
.widget_categories ul li{}
/*| Links Widget |=======================================================|*/
.links-widget ul li a{
    position: relative;
    display: block;
    font-size: 1rem;
    padding: 6px 0 6px 24px;
    transition: all 0.4s ease-in;
}
.links-widget ul li a::before{
    position: absolute;
    left: 0;
    content: "\f00c";
    color: var(--clr-primary);
    font-family: var(--icon-font);
    font-weight: 900;
    /* transition: all 0.4s; */
}
.links-widget ul li a:hover,.grid-widget .widget-item:hover,.widget-post .widget-post-item:hover{
    color: var(--clr-primary);
}
/*| Grid Widget |=======================================================|*/
.grid-widget .widget-body{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-widget .widget-item{
    height: 124px; 
    font-size: 15px;
    display: block;
    text-align: center;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #dadada;
}
.grid-widget .widget-item:hover{
    border-color: var(--clr-primary);
}
.grid-widget .widget-item img{
    width: 40px;
    margin-bottom: 8px;
}
.grid-widget .widget-item p{
    margin-bottom: 0;
}
/*| Form Widget |=======================================================|*/
.form-widget p{
    color: var(--clr-black);
    font-size: .875rem;
    text-align: left;
    margin-bottom: 0;
}
.form-widget .widget-title{
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--clr-primary);
}
.form-widget form{
    margin-top: 1rem;
}
.form-widget .form-group{
    margin-bottom: 16px;
}
.widget label{
    display: none;
    opacity: .8;
}
.widget label,.widget .form-control{
    font-size: 14px;
    font-weight: 400;
    padding: .5rem 1rem;
}
.form-widget textarea.form-control{
    height: 80px;
    min-height: 60px;
}
.form-widget .btn{
    margin-top: 1.25rem;
    display: block;
    width: 100%;
}
/*|Media Query |=============================================================|*/
@media (min-width: 768px){
    .sidebar .widget{
        margin-bottom: 1.5rem;
        border-radius: .75rem;
    }
    .widget .widget-title{
        font-size: 1.325rem;
    }
}
@media (min-width: 992px){
    .sidebar .widget{
        margin-bottom: 2rem;
    }
    .widget .widget-title{
        font-size: 1.5rem;
        padding: 1.5rem;
    }
    .widget .widget-body,.widget ul,.widget-search form,.widget.form-widget{
        padding: 0 1.5rem 1.5rem; 
    }
}
@media (max-width: 480px){
    .sidebar{
        display: none;
    }
}
/*|==================================================================================
    Counter Section
====================================================================================|*/
.counter-section{
    position: relative;
    background: url(../images/counter-bg.jpg) no-repeat;
    background-size: cover;
}
.counter-section .counter-item{
    position: relative;
    padding: 16px ;
    text-align: center;
    border-radius: 12px;
    border: 1px solid var(--clr-primary);
}
.counter-section .counter-item .icon-box{}
.counter-section .counter-item .icon-box i{
    color: var(--clr-white);
    font-size: 16px;
}
.counter-section .counter-item .counter-value{
    font-size: 24px;
    font-weight: 700;
    color: var(--clr-white);
}
.counter-section .counter-item .title{
    font-size: 16px;
    color: var(--clr-white);
    margin-bottom: 0;
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .counter-section .counter-item .counter-value{
        font-size: 38px;
    }
    .counter-section .counter-item .icon-box i{
        font-size: 24px;
    }
}
@media (max-width: 479.98px){
    .counter-section .counter-item{
        margin-bottom: 20px;
    }
}
/*|==================================================================================
    Affiliate Section
====================================================================================|*/
.affiliate-section{
    position: relative;
    background: url(../images/products.jpg) no-repeat bottom;
    background-size: cover;
}
.affiliate-section .card{
    border: none;
    border-radius: 12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.affiliate-section .card .card-body{
    padding: 20px;
    text-align: center;
}
.affiliate-section .card .card-body p{
    margin-bottom: 20px;
}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .affiliate-section .card .card-body{
        padding: 30px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Service Details Section
=====================================================================================|*/
.service-details-section{}
.service-details-section .container{
    max-width: 79rem;
}
.service-details-section .service-list{
    padding: 16px 0 0;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.service-details-section .service-list .title{
    font-size: 18px;
    font-weight: 600;
    padding: 6px 16px;
}
.service-details-section .service-list ul{}
.service-details-section .service-list ul li{
    border-top: 1px solid #dee2de;
}
/* .service-details-section .service-list ul li:last-child{
    border-bottom: none;
} */
.service-details-section .service-list ul li a{
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 16px;
    padding-left: 36px;
}
.service-details-section .service-list ul li a:hover,.service-details-section .service-list ul li a.active{
    color: var(--clr-white);
    background-color: var(--clr-primary);
}
.service-details-section .service-list ul li a::before{
    content: '\f101';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}
.service-details{}
.service-details .entry-header{}
.service-details .entry-header img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}
.service-details .entry-content{}
.service-details .entry-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 16px;
}
.service-details .entry-content h3,.service-details .entry-content h4{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
}
.service-details .entry-content p{
    font-size: 16px;
    line-height: 1.7;
}
.service-details .entry-content ol{
    margin-bottom: 10px;
}
.service-details .entry-content ol li{
    font-size: 16px;
    margin-bottom: 12px;
}
/*| Media Query |===========================================================|*/
@media (min-width: 992px){
    .service-details-section .service-list{
        padding: 14px;
    }
    .service-details-section .service-list .title{
        font-size: 22px;
        padding: 6px 10px;
    }
    .service-details-section .service-list ul li a{
        padding-left: 30px;
    }
    .service-details-section .service-list ul li a::before{
        left: 10px;
    }
    .service-details .entry-title{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .service-details .entry-content h3,.service-details .entry-content h4{
        font-size: 26px;
    }
    .service-details .entry-content p{
        font-size: 17px;
    }
    .service-details .entry-content ol{
        margin-bottom: 24px;
    }
}
@media (max-width: 575.98px){}
/*|==================================================================================
    Product Section
====================================================================================|*/
.course-section{}
.course-container{}
.course-container .course-sidebar{}
.course-container .course-sidebar ul{}
.course-container .course-sidebar ul li{
    /* margin-top: 10px; */
}
.course-container .course-sidebar ul li a{
    display: block;
    padding: 12px 16px;
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all 0.4s linear;
}
.course-container .course-sidebar ul li a:hover,.course-container .course-sidebar ul li a.active{
    color: var(--clr-primary);
    border: 1px solid var(--clr-primary);
}
.course-container .course-list{
    /* display: grid; */
}
.course-container .course-list .card{
    border: none;
    border-radius: 12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 24px;
}
.course-container .course-list .card .title{
    font-size: 1.125rem;
    margin-top: .5rem;
    margin-bottom: .75rem;
}
.course-container .course-list .card iframe{
    height: 250px;
}
/* .course-container .course-list .card .img-box{
    padding: 16px;
}    */
.course-container .course-list .card .img-box img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.course-container .course-list .card-body{
    flex: 1;
}
.course-container .course-list .card-body .title{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    font-weight: 600;
}
.course-container .course-list .card-body p{
    font-family: var(--eng-font-family);
    font-size: 1.075rem;
    line-height: 1.7;
}
.course-container .course-list .card-body ul li{
    position: relative;
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 500;
    padding: 6px 0;
    padding-left: 22px;
}
.course-container .course-list .card-body ul li::before{
    content: '\f00c';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: 1rem;
    color: var(--clr-primary);
    position: absolute;
    left: 0;
    vertical-align: middle;
}
.course-container .course-list .card-body .product-meta{
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: .375rem;
}
.course-container .course-list .card-body .product-meta .meta-item{
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 500;
}
.course-container .course-list .card-body .product-meta .meta-item i{
    margin-right: .5rem;
    font-size: 1rem;
    color: var(--clr-primary);
}
.course-container .course-list .card-body .action-btn{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 1rem;
}
.course-container .course-list .card-body .action-btn .price{
    display: inline-block;
    font-family: var(--eng-font-family);
    font-size: 1.5rem;
    font-weight: 700;
}
.course-container .course-list .card-body .action-btn .btn{
    font-family: var(--eng-font-family);
}
.course-container .course-list .card-body .action-btn .btn:hover{
    color: var(--clr-white);
    border-color: var(--clr-black);
    background-color: var(--clr-black);
}
.card-content{}
.card-content h2,.card-content h3,.card-content h4{}
.card-content h2{
    font-size: 1.25rem;
}
.card-content h3{
    font-size: 1rem;
}
.card-content h4{
    font-size: 1rem;
}
.card-content p{
    line-height: 1.6;
}
.card-content ul{
    margin-bottom: .5rem;
}
.card-content ul li{
    padding: 6px 0;
    padding-left: 20px;
}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){
    .course-container .course-list .card{
        flex-direction: row;
    }
    .course-container .course-list .card .title{
        font-size: 1.375rem;
        margin-top: 0;
    }
    .course-container .course-list .card iframe{
        height: 350px;
    }
    /* .course-container .course-list .card .img-box{
        padding: 16px;
        width: 250px;
    }  */
    .course-container .course-list .card .img-box img{
        height: 320px;
    }
    .course-container .course-list .card-body .title{
        font-size: 1.25rem;
    }
    .course-container .course-list .card-body ul.cols-2{
        columns: 2;
    }
    .course-container .course-list .card-body .action-btn .price{
        font-size: 1.75rem;
    }
    .course-container .course-list .card-body .action-btn{
        margin-top: 20px;
    }
}
@media (min-width: 992px){
    .course-container .course-list .card iframe{
        height: 450px;
    }
    .course-container .course-list .card-body{
        padding: 32px;
    }
    /* .course-container .course-list .card .img-box{
        padding: 30px;
        width: 350px;
    }  */
    .course-container .course-list .card .img-box img{
        height: 470px;
    }
    .course-container .course-list .card-body .title{
        font-size: 1.5rem;
        font-weight: 700;
    }
    .course-container .course-list .card-body .product-meta{
        gap: 16px;
        margin-top: 1.25rem;
        margin-bottom: .625rem;
    }
    /* .course-container .course-list .card-body .product-meta .meta-item,.course-container .course-list .card-body .product-meta .meta-item i{
        font-size: 1.125rem;
    } */
    .course-container .course-list .card-body ul li{
        /* font-size: 1.125rem; */
        padding: 10px 0;
        padding-left: 22px;
    }
    .course-container .course-list .card-body ul li::before{
        font-size: 1.125rem;
    }
    .card-content h2{
        font-size: 1.25rem;
    }
    .card-content h3{
        font-size: 1.125rem;
    }
    .card-content ul{
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 575.98px){
    .course-section .section-header{
        padding-top: 1.25rem;
    }
    .course-container .course-sidebar ul{
        margin-bottom: 16px;
    }
    .course-container .course-sidebar ul li{
        display: inline-block;
    }
    .course-container .course-sidebar ul li a{
        padding: 8px 12px;
        border: none;
    }
    .course-container .course-sidebar ul li a:hover,.course-container .course-sidebar ul li a.active{
        border: none;
    }
    .course-container .course-list .card{
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 1rem;
    }
    .course-container .course-list .card .img-box{
        padding: 0;
    } 
    .course-container .course-list .card-body{
        padding: 0;
    }
}
/*|==================================================================================
    Gallery Section
====================================================================================|*/
.gallery-section{
    position: relative;
}
.gallery-container{
    column-width: 280px;
    column-gap: 24px;
    /* display: grid;
	grid-gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense; */
}
.gallery-container > .gallery-item {
	display: flex;
	justify-content: center;
	align-items: center;
    margin-bottom: 24px;
    border-radius: .375rem;
    border: 1px solid #dee2de;
}
.gallery-container > .gallery-item > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .375rem;
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .gallery-container > .gallery-item,.gallery-container > .gallery-item > img {
        border-radius: 1rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Contact Section
====================================================================================|*/
.contact-section{
    background-color: #d81747;
}
.contact-section .card{
    padding: 16px;
    border: none;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact-section .card.contact-info{
    padding: 0;
    /* padding: 1rem; */
    border-radius: .5rem;
    /* background-color: #ffc107; */
    box-shadow: none;
    background-color: transparent;
}
.contact-section .card .title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact-section .card.contact-info .title,.contact-section .card.contact-info p{
    color: var(--clr-white);
}
.contact-section .contact-info .contact-item{
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 20px;
}
.contact-section .contact-info .contact-item i{
    font-size: 24px;
    width: 53px;
    height: 53px;
    color: var(--clr-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
    background-color: var(--clr-black);
}
.contact-section .contact-info .contact-item .text{
    flex: 1;
    color: var(--clr-white);
}
.contact-section .contact-info .contact-item .text a{
    color: var(--clr-white);
}
.contact-section .contact-info .contact-item .text a:hover{
    color: var(--clr-white);
}
.contact-form{
    /* box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2); */
    border: 1px solid rgba(0, 0, 0, 0.125);
    background-color: ##ffc107;
}
.contact-section .card.contact-form .title{
    color: var(--clr-white);
}
form .form-group .form-control,form .form-group .form-select{
    padding: 10px 16px;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
form .form-group .form-control::placeholder{
    color: var(--clr-black);
}
form .form-group textarea.form-control{
    height: 90px;
    resize: vertical;
}
form .form-group .form-label{
    color: var(--clr-black);
    font-size: 15px;
    font-weight: 600;
}
.contact-form .btn-solid{
    color: var(--clr-white);
    border-color: #d81747;
    background-color: #d81747;
}
.contact-form .btn-solid:hover{
    color: var(--clr-primary);
}
.contact-form .btn-solid::before{
    color: #d81747;
    border-color: var(--clr-white);
    background-color: var(--clr-white);
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .contact-section .contact-info{
        /* padding: 2rem; */
        border-radius: 1rem;
    }
    .contact-section .card .title{
        font-size: 1.75rem;
    }
    .contact-section .contact-info p{
        margin-bottom: 2rem;
    }
    .contact-section .contact-form{
        padding: 2rem;
        border-radius: 1rem;
    }
    .contact-section .contact-form{
        border-top: 6px solid var(--clr-black);
    }
    form .btn{
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 1.5rem;
    }
}
@media (max-width: 479.98px){
    .booknow-section{
        background-color: #e7e9f5;
    }
    .booknow-section .card{
        padding: 0;
        box-shadow: none;
        background-color: transparent;
    }
    .booknow-section .card .title{
        color: #e61449;
        text-align: center;
    }
    .booknow-section .btn{
        width: 100%;
        display: block;
    }
}
/*|=========================================================================
    Service List Section
============================================================================|*/
.service-list-section{}
.service-list-section .service-cat.card{
    position: sticky;
    top: 180px;
    border: none;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.service-list-section .service-cat .title{
    font-size: 1rem;
    padding: 16px;
    margin-bottom: 0;
    border-bottom: 1px solid #e2e8ec;
}
.service-list-section .service-cat .card-body{
    padding: 0 0 .5rem;
}
.service-list-section .service-cat ul{}
.service-list-section .service-cat ul li a{
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 16px;
}
.service-list-section .service-cat ul li a.active{
    color: var(--clr-primary);
    font-weight: 600;
    border-left: 2px solid var(--clr-primary);
}
.service-list-section .section-header{
    margin-bottom: 0;
}
.service-list-section .section-header .section-title{
    font-size: 1rem;
    font-weight: 500;
}
.service-grid .card{
    border: none;
    border-radius: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.service-grid .card .img-box{
    padding: 5px 5px 0;
    overflow: hidden;
    background-color: var(--clr-white)
}
.service-grid .card .img-box a{
    display: block;
}
.service-grid .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-grid .card-body{
    padding: 1rem .75rem;
}
.service-grid .card .title{
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 12px;
    /* border-bottom: 1px solid #ebf0f5; */
}
.service-grid .card .price{
    color: var(--clr-black);
    font-size: 20px;
    font-weight: 600;
}
.service-grid .card .cart-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-grid .card .add-btn{
    /* position: absolute;
    right: 16px;
    bottom: 14px; */
}
.service-grid .card .add-btn .btn{
    font-size: 14px;
    font-weight: 500;
    padding: 4px 16px;
}
.service-grid .card .add-btn .btn-solid:hover{
    color: var(--clr-white);
    border-color: var(--clr-black);
    background-color: var(--clr-black);
}
/*| Media Query |===========================================================|*/
@media (min-width: 992px){
    .service-grid .card .img-box img{
        height: 220px;
    }
}
@media (max-width: 991.98px){}
/*|=========================================================================
    Featured Product Section
============================================================================|*/
.featured-pro-section{}
.featured-pro-section .card{}
.featured-pro-section .card .img-box{}
.featured-pro-section .card .img-box img{
    width: 200px;
    object-fit: contain;
}
.featured-pro-section .card-body{}
.featured-pro-section .card-body .sub-title{
    color: var(--clr-primary);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
}
.featured-pro-section .card-body .title{
    color: var(--clr-black);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 16px;
}
.featured-pro-section .card-body p{}
.featured-pro-section .card-body .action-btn{}
.featured-pro-section .action-btn .btn-ol-solid{
    border-width: 1px;
}
.featured-pro-section .action-btn  .btn{
    padding: 0 16px;
    padding-right: 0;
    /* height: 40px;
    line-height: 40px; */
}
.featured-pro-section .action-btn  .btn i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 16px;
    border-left: 1px solid var(--clr-primary);
}
/*| Media Query |===========================================================|*/
@media (min-width: 768px){
    .featured-pro-section .card{
        flex-direction: row;
        align-items: center;
    }
    .featured-pro-section .card-body{
        flex: 1;
    }
}
@media (min-width: 992px){
    .featured-pro-section .card .img-box img{
        width: 250px;
        object-fit: contain;
    }
}
@media (max-width: 991.98px){}
@media (max-width: 767.98px){}
@media (max-width: 575.98px){}
/*|=========================================================================
    Call to Action Product Section
============================================================================|*/
.cta-pro-section{}
.cta-pro-section .card{
    overflow: hidden;
}
.cta-pro-section .card-body{}
.cta-pro-section .card-body .sub-title{
    font-size: 14px;
    color: var(--clr-primary);
    margin-bottom: 12px;
}
.cta-pro-section .card-body .cta-title{
    font-size: 20px;
    margin-bottom: 20px;
}
.cta-pro-section .card .img-box{}
.cta-pro-section .card .img-box img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
/*| Media Query |===========================================================|*/
@media (min-width: 768px){
    .cta-pro-section .card-body .cta-title{
        font-size: 28px;
    }
}
@media (min-width: 992px){
    .cta-pro-section .card-body{
        padding: 40px;
    }
    .cta-pro-section .card-body .sub-title{
        font-size: 16px;
    }
    .cta-pro-section .card-body .cta-title{
        font-size: 32px;
    }
    .cta-pro-section .card .img-box img{
        width: 100%;
        height: 450px;
        object-fit: cover;
        object-position: top;
    }
}
@media (max-width: 991.98px){}
/*|=========================================================================
    Product Section
============================================================================|*/
.product-section{}
.product-section .sidebar .card{
    padding: 1rem;
    border: none;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.product-section .sidebar .product-cat{}
.product-section .sidebar .product-cat .title{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    font-weight: 600;
}
.product-section .sidebar .product-cat ul{}
.product-section .sidebar .product-cat ul li a{
    position: relative;
    display: block;
    font-family: var(--eng-font-family);
    padding: 8px 12px;
    padding-left: 20px;
}
.product-section .sidebar .product-cat ul li a::before{
    content: '\f101';
    font-family: var(--icon-font);
    font-weight: 900;
    position: absolute;
    left: 0;
}
.product-grid{
    display: grid;
}
.product-grid .card{
    border: none;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.product-grid .card .img-box {
    padding: 5px 5px 0;
}
.product-grid .card .img-box a{
    display: block;
}
.product-grid .card .img-box img{
    width: 100%;
    height: 180px;
    border-radius: 0;
    object-fit: contain;
}
.product-grid .card-body{
    text-align: center;
}
.product-grid .card-body .title{
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-grid .card-body .price-wrap{}
.product-grid .card-body .price-wrap .price{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    font-weight: 600;
}
.product-grid .card-body .price-wrap span i{
    font-size: 1rem;
}
/*| Media Query |===========================================================|*/
@media (min-width: 992px){
    .product-section .sidebar .card{
        padding: 1.25rem;
    }
    .product-grid{
        padding-left: 20px;
    }
    .product-grid .card .img-box {
        padding: 12px 12px 0;
    }
    .product-grid .card .img-box img{
        height: 250px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Product details Page
=====================================================================================|*/
.product-details{}
.single-product{}
.single-product .img-box{
    border: 1px solid #dee2de;
}
.single-product .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-product .product-title{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: .75rem;
}
.single-product .product-rating{
    margin-bottom: 1rem;
}
.single-product .product-rating i{
    font-size: 1.125rem;
    color: #df9d0f;
}
.single-product .price-wrap{
    margin-bottom: 1rem;
}
.single-product .price-wrap span{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    font-weight: 600;
}
.single-product .price-wrap span i{
    font-size: 1rem;
}
.single-product .price-wrap .price{
    color: var(--clr-black);
}
.single-product .price-wrap .price.del{
    color: #d81747;
    text-decoration: line-through;
}
.single-product .price-wrap .offer-price{
    color: var(--clr-black);
}
.single-product .cat-list{
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.single-product .cat-list ul,.single-product .tag-list ul{
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    padding-left: 1rem;
}
.single-product .cat-list ul li,.single-product .tag-list ul li{
    color: #89898a;
    font-family: var(--eng-font-family);
}
/* .single-product .cat-list ul li:first-child,.single-product .tag-list ul li:first-child{
    padding-left: 0;
} */
.single-product .cat-list ul li a,.single-product .tag-list ul li a{
    display: block;
    color: var(--clr-black);
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 500;
}
.single-product .tag-list{}
.single-product .cat-list ul li a:hover,.single-product .tag-list ul li a:hover{
    color: var(--clr-primary);
}
.single-product .product-dis{}
.single-product .product-dis #title{
    font-size: 1.125rem;
}
.single-product .product-dis p{
    font-family: var(--eng-font-family);
}
.single-product .btn-solid{
    font-family: var(--eng-font-family);
}
.single-product .product-content{
    margin-top: 1.25rem;
}
.single-product .product-content #title{
    font-size: 1.25rem;
}
.product-details .widget .widget-title, .product-details .widget-title{
    font-size: 1.125rem;
}
.product-details .product-widget{}
.product-details .product-widget ul{}
.product-details .product-widget ul li .wp-product-item{
    display: flex;
    gap: 12px;
    align-items: center;
}
.product-details .product-widget ul li .wp-product-item .img-box{
    width: 80px;
}
.product-details .product-widget ul li .wp-product-item .img-box img{}
.product-details .product-widget ul li .wp-product-item .product-content{
    flex: 1;
}
.product-details .product-widget ul li .wp-product-item .product-content .title{
    font-family: var(--eng-font-family);
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .single-product .product-title{
        font-size: 1.375rem;
        margin-bottom: 1.125rem;
    }
    .single-product .price-wrap span{
        font-size: 1.25rem;
    }
    .single-product .product-content{
        margin-top: 2rem;
    }
    .product-details .widget .widget-title, .product-details .widget-title{
        font-size: 1.25rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Contact Details Section
=====================================================================================|*/
.contact-details-section{}
.contact-details-section .card{
    border: none;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact-details-section .card .img-box{}
.contact-details-section .card .img-box iframe{}
.contact-details-section .card .card-body{
    text-align: center;
}
.contact-details-section .card .card-body .title{
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .625rem;
}
.contact-details-section .card .card-body i{
    color: var(--clr-primary);
}
.contact-details-section .card .card-body p{}
.contact-details-section .card .card-body a{}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .contact-details-section .card{
        border-radius: 1rem;
    }
    .contact-details-section .card .img-box{
        height: 280px;
    }
    .contact-details-section .card .card-body{
        padding: 1.5rem;
    }
    .contact-details-section .card .card-body .title{
        font-size: 1.375rem;
        margin-bottom: 1rem;
    }
}
/*|==================================================================================
    KeyFrames
=====================================================================================|*/
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes rippleprimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
        box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
    }
}
@keyframes rippleprimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
        box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
/*======================================================================
    woocommerce edit
=======================================================================*/
.woocommerce span.onsale {
    color: var(--clr-white) !important;
    background-color: var(--clr-primary) !important;
}
.woocommerce-message{
    border-top-color: var(--clr-primary) !important;
}
.woocommerce-info {
    border-top-color: var(--clr-primary) !important;
}
.woocommerce-message::before{
    color: var(--clr-primary) !important;
}
.woocommerce-info::before {
    color: var(--clr-primary) !important;
}

.woocommerce .quantity .qty{
    width: 4rem;
    height: 2.5rem;
}
.woocommerce div.product form.cart .button {
    height: 2.5rem;
    padding: 0 1.5rem;
    border-radius: 6px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt{
    background-color: var(--clr-primary) !important;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover{
    background-color: var(--clr-primary) !important;
}

/* .woocommerce-ordering select{
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 16rem center;
    background-size: 16px 16px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */
.woocommerce-ordering select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.woocommerce-ordering select:focus{
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.product_meta .posted_in{}
.product_meta .posted_in a{
    color: var(--clr-primary);
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price {
    color: var(--clr-primary) !important;
    font-size: 1.25rem;
} 

.woocommerce div.product form.cart .variations select {
    padding: 8px 16px;
    padding-right: 24px;
    border-radius: 30px;
    min-width: auto !important;
}



.woocommerce.columns-3 ul.products li.product{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding-bottom: 20px;
    text-align: center;
}
.woocommerce ul.products li.product a img{
    margin-bottom: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .75em 0;
}
.woocommerce ul.products li.product .button {
    position: relative;
    color: var(--clr-white);
    padding: 12px 24px;
    margin-top: .5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 50px;
    overflow: hidden;
    background-color: var(--clr-primary);
    z-index: 2;
}
.woocommerce ul.products li.product .button::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all .4s linear;
    z-index: -1;
}
.woocommerce ul.products li.product .button:hover::before{
    opacity: 1;
    width: 100%;
}
.woocommerce a.added_to_cart{}

#main{
    padding-top: 50px;
}
.woocommerce .related.products{
    clear: both;
}

.woocommerce table.shop_table td.product-remove{
    width: 50px;
}
.woocommerce table.shop_table td.product-thumbnail{
    width: 100px;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    height: 100%;
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
}
.woocommerce a.remove{
    background-color: #e4e0e0;
} 

.woocommerce .cart-collaterals{
    padding: 40px 0;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt{
    background-color: var(--clr-primary);
    color: #fff;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover{
    background-color: var(--clr-primary);
    color: #fff;
}

.woocommerce-cart .coupon input, .woocommerce form .form-row textarea, 
.woocommerce form .form-row input.input-text, .woocommerce form .form-row .form-row textarea, .woocommerce .qty {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius:6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.woocommerce-cart select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 1rem center; 
    background-size: 20px 16px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius:6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.woocommerce-cart .coupon input:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row .form-row textarea:focus, .woocommerce .qty:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
    font-size: 20px;
}
.woocommerce nav.woocommerce-pagination ul{
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li{}
.woocommerce nav.woocommerce-pagination ul li+li{
    margin-left: 8px;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers{
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    border: 1px solid var(--clr-black);
    line-height: 40px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background: var(--clr-primary);
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background: var(--clr-primary);
}
.page-numbers.next{}
/*| Media Query |====================================================================*/
@media (max-width: 575.98px){
    .woocommerce div.product .woocommerce-tabs .panel h2{
        font-size: 18px;
    }
    .woocommerce-variation-add-to-cart{
        width: 100%;
    }
    .woocommerce div.product form.cart div.quantity {
        width: 39%;
    }
    .woocommerce .quantity .qty {
        width: 100%;
    }
    .woocommerce div.product form.cart .button{
        width: 59%;
    }
    .woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price {
        font-size: 1.125rem;
    } 
}
/*|============================================================================
    Profile Section
===============================================================================|*/
.profile-section{
    position: relative;
}
.profile-banner{
    /* position: absolute;
    top: 0;
    right: 0;
    left: 0; */
    width: 100%;
    height: 250px;
    z-index: -1;
}
.profile-card {
    border: none;
}
.profile-card .card-header {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dee2de;
    background-color: transparent;
}
.profile-card .card-body {
    padding: 0;
}
.profile-card .profile-img{
    position: absolute;
    top: -20px;
    left: 0;
    border: 5px solid #fff;
    border-bottom: none;
    background-color: #fff;
    z-index: 2;
}
.profile-card .profile-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.profile-card .card-header .header-profile-meta{
    position: relative;
    flex: 1;
}
.profile-card .title-wrap {
    position: relative;
    margin-bottom: 1rem;
}
.profile-card .title-wrap .full-name {
    font-size: 1.5rem;
    margin-bottom: 0;
}
.profile-card .title-wrap .full-name a {
    color: #111827;
    text-decoration: none;
}
.profile-card .title-wrap .user-name {}
.profile-card .title-wrap .user-name a {
    color: #878a99;
    text-decoration: none;
}
.profile-card .title-wrap .active {
    position: absolute;
    top: .75rem;
    right: -1.250rem;
    width: .625rem;
    height: .625rem;
    border-radius: 20px;
    background-color: #3ead3c;
}
.profile-card .header-profile-meta .btn-ol{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    border: 1px solid #dee2de;
}
.profile-card  .profile-meta-data {
    columns: 2;
    padding: 0;
    margin: 0;
    margin-top: 1.25rem;
}
.profile-card .profile-meta-data li {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
    padding: .375rem 1rem;
}
.profile-card .profile-meta-data li+li {
    /* border-top: 1px solid #ddd; */
}
.profile-card .profile-meta-data li .profile-meta {
    /* width: 25%; */
}
.profile-card .profile-meta-data li .profile-meta span {
    font-weight: 700;
}
.profile-card .profile-meta-data li .profile-data {
    /* width: 75%; */
    flex: 1;
}
.profile-card .profile-meta-data li .profile-data span {
    margin-bottom: 0;
}
/*| Media Query |============================================================|*/
@media (min-width: 768px) {
    /* .profile-card .card-header {
        padding: .5rem 1.5rem;
    } */
    .profile-card .card-header {
        height: 160px;
        padding: 0 1.5rem 1.5rem;
    }
    .profile-card .profile-img {
        top: -60px;
        width: 210px;
        height: 210px;
        border-radius: .5rem;
    }
    .profile-card .profile-img img {
        width: 100%;
        height: 100%;
        border-radius: .375rem;
    }
    .profile-card .card-header .header-profile-meta {
        padding: 1rem;
        margin-left: 186px;
    }
    /* .profile-card .profile-meta-data li {
        padding: 1rem 1.5rem;
    } */
}
@media (min-width: 1024px) {
    .profile-card .card-header {
        padding: 0 1.5rem 1.5rem;
    }
    .profile-card .profile-img {
        top: -80px;
    }
    .profile-card .card-header .header-profile-meta{
        padding-left: 1.25rem;
    }
    
}
@media (max-width: 768px) {
    .profile-card .card-header .header-profile-meta{
        padding: 1rem;
    }
}
/*|==================================================================================
    student Carousel Section
=====================================================================================|*/
.student-section{}
.student-section .card{
    border: none;
    padding: .5rem;
    margin-bottom: 24px;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.student-carousel .card{
    margin-bottom: 40px;
}
.student-section .card .img-box{}
.student-section .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.student-section .card-body{
    text-align: center;
    padding-bottom: .5rem;
} 
.student-section .card-body .title{
    font-family: var(--eng-font-family);
    font-size: 1.125rem;
    margin-bottom: 0;
} 
.student-carousel.owl-carousel .owl-nav button.owl-prev,.student-carousel.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: -30px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.student-carousel.owl-carousel .owl-nav button.owl-prev{
    left: auto;
    right: 50px;
}
/*| Media Query =====================================================================|*/
@media (min-width: 992px){
    .student-section .card .img-box{
        height: 250px;
    }
    .student-carousel.owl-carousel .owl-nav button.owl-prev,.student-carousel.owl-carousel .owl-nav button.owl-next{
        position: absolute;
        top: -64px;
        width: 42px;
        height: 42px;
        border-radius: 50%;
    }
}
@media (max-width: 991.98px){}
/*|============================================================================
    Certificate Section
===============================================================================|*/
.certificate-section{}
.certificate-section .card{
    border: none;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.certificate-section .card .img-box{}
.certificate-section .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.certificate-section .card .card-body{
    text-align: center;
}
.certificate-section .card .card-body .title{
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
}
/*| Media Query =====================================================================|*/
@media (min-width: 992px){
    .certificate-section .card{
        border-radius: 1rem;
    }
    .certificate-section .card .img-box{
    }
    .certificate-section .card .card-body .title{
        font-size: 1.375rem;
    }
}
@media (max-width: 991.98px){}
/*|============================================================================
    Certificate Section
===============================================================================|*/
.single-page-section{}
.single-page-section .page-content{
    border-radius: .5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.single-page-section .page-content .entry-title{
    font-size: 1.5rem;
    font-weight: 700;
    margin: .625rem 0;
}
.single-page-section .page-content .wp-block-heading{
    font-size: 1.25rem;
    font-weight: 600;
    margin: .625rem 0;
}
.single-page-section .page-content p{}
.single-page-section .page-content ul{
    margin-bottom: 1rem;
}
.single-page-section .page-content ul li{
    list-style: none;
    margin-bottom: .5rem;
}
/*| Media Query =====================================================================|*/
@media (min-width: 992px){
    .single-page-section .page-content{
        padding: 2.5rem;
    }
    .single-page-section .page-content .entry-title{
        font-size: 2.5rem;
        margin: 1.25rem 0;
    }
    .single-page-section .page-content .wp-block-heading{
        font-size: 1.5rem;
        margin: 1rem 0;
    }
}
@media (max-width: 991.98px){}
/*|============================================================================
    Student Table Section
===============================================================================|*/
.student-table-section{}
.student-table-section .table-responsive{}
.student-table-section .table-responsive table{}
.student-table-section .table-responsive table thead tr th{
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border: 1px solid var(--clr-secondary);
}
.student-table-section .table-responsive table tbody tr :is(th, td){
    padding: .5rem 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    border: 1px solid var(--clr-secondary);
}
/*| Media Query ===============================================================|*/
@media (min-width: 992px){
    .student-table-section .table-responsive table thead tr th{
        font-size: 1.5rem;
    }
    .student-table-section .table-responsive table tbody tr :is(th, td){
        padding: .75rem 1rem;
        font-size: 1.25rem;
    }
}
@media (max-width: 991.98px){}
/*|============================================================================
    Branch Section
===============================================================================|*/
.bg-secondary-sub{
    background-color: #e9ecef;
}
.branch-section{}
.branch-section .card{
    border: none; 
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.branch-section .card .img-box-wrap{
    position: relative;
}
.branch-section .card .img-box-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.branch-section .card .img-box-wrap .img-box-left{
    position: relative;
    z-index: 1;
}
.branch-section .card .img-box-wrap .img-box-right{}
.branch-section .card .img-box-wrap .img-box-right img{
    height: 80px;
    border: 4px solid #fff;
    margin-bottom: .625rem;
}
.branch-section .card .card-body{
    flex: 1;
    /* display: inline-flex;
    flex-direction: column; */
}
.branch-section .card .card-body .title{
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.branch-section .card .card-body .location-area{
    display: flex;
    gap: .75rem;
    align-items: center;
    margin-bottom: 1rem;
}
.branch-section .card .card-body .location-area .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
    color: var(--clr-black);
    border-radius: 50%;
    background-color: var(--clr-primary);
}
.branch-section .card .card-body .location-area .content{
    flex: 1;
}
.branch-section .card .card-body .location-area .content p{}
.branch-section .card .card-body p{ 
    margin-bottom: 0;
}
.branch-section .card .card-body .employee-count{}
.branch-section .card .card-body .employee-count .count-text{}
.branch-section .card .card-body .employee-count .count-number{}
.branch-section .card .card-body .btn{
    margin-top: auto;
}
.branch-section .card .card-body .card-title{
    font-size: 1.5rem;
    margin-bottom: .75rem;
}
/*| Media Query ===============================================================|*/
@media (min-width: 992px){
    .branch-section .card{
        padding: 1.75rem;
        flex-direction: row;
    }
    .branch-section .card .img-box-wrap{
        width: 44%;
    }
    .branch-section .card .img-box-wrap .img-box-left{
        height: 350px;
        margin-right: 60px;
    }
    .branch-section .card .img-box-wrap .img-box-right{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 3;
        width: 120px;
    }
    .branch-section .card .card-body{
        padding: 0;
        padding-left: 1.5rem;
    }
    /* .branch-section .card .card-body .location-area{
        margin-bottom: 1.5rem;
    } */
    .branch-section .card .card-body .card-title{
        font-size: 2.25rem;
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 991.98px){
    .branch-section .card .img-box-wrap{
        padding: .5rem;
    }
    .branch-section .card .img-box-wrap .img-box-right{
        display: none;
    }
}
/*|============================================================================
    Employee Section 
===============================================================================|*/
.employee-section{}
.employee-section .card{
    border: none;
}
.employee-section .card .img-box{}
.employee-section .card .img-box img{
    width: 100%;
    height: 250px;
    border-radius: .5rem;
    object-fit: cover;
}
.employee-section .card .card-body{
    text-align: center;
}
.employee-section .card .card-body .title{
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 600;
}
.employee-section .card .card-body a{
    font-family: var(--eng-font-family);
}
/*| Media Query ===============================================================|*/
@media (min-width: 992px){
    .employee-section .card .img-box img{
        border-radius: .75rem;
    }
    .employee-section .card .img-box img{
        height: 300px;
    }
}
@media (max-width: 991.98px){}
/*|============================================================================
    Student Card 
===============================================================================|*/
.student-card-list{}
.student-card-list .section-title{}
.student-card-list .card{
    border: none;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.student-card-list .card .card-header{
    display: flex;
    gap: 1rem;
    padding: .625rem;
    align-items: center;
    background-color: var(--clr-secondary);
}
.student-card-list .card .card-header .card-logo{
    width: 55px;
    height: 55px;
}
.student-card-list .card .card-header .card-logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.student-card-list .card .card-header .card-header-text{
    flex: 1;
}
.student-card-list .card .card-header .card-header-text p{
    font-weight: 600;
    margin-bottom: 0;
}
.student-card-list .card .card-header .title{
    color: var(--clr-white);
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
}
.student-card-list .card .student-img{
    position: relative;
    padding: 1rem 1rem 0;
    height: 350px;
}
.student-card-list .card .student-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.student-card-list .card .card-body{
    padding: 1rem 1rem .625rem;
}
.student-card-list .card .card-body ul{}
.student-card-list .card .card-body ul li{
    margin-bottom: .625rem;
}
.student-card-list .card .card-body ul li span{
    display: block;
    position: relative;
    font-family: var(--eng-font-family);
    font-size: 1rem;
    font-weight: 500;
}
.student-card-list .card .card-body ul li .value{
    padding-left: 1rem;
}
.student-card-list .card .card-body ul li .value::after{
    content: ':';
    position: absolute;
    top: 0;
    left: 0;
}
.student-card-list .card .card-body .student-qrcode{
    position: absolute;
    right: 1.5rem;
    bottom: 116px;
    width: 90px;
    height: 90px;
}
.student-card-list .card .card-body .student-qrcode img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*| Media Query =====================================================================|*/
@media (min-width: 992px){
    .student-card-list .card .card-header .card-logo{
        width: 80px;
        height: 80px;
    }
    .student-card-list .section-title{
        font-size: 2rem;
    }
    .student-card-list .card .card-header{
        padding: 1.25rem;
    }
    .student-card-list .card .student-img{
        position: absolute;
        top: 75px;
        right: 0.5rem;
        width: 101px;
        height: 101px;
        padding: 6px;
        border-radius: 6px;
        background-color: var(--clr-secondary);
    }
    .student-card-list .card .student-img img{
        border-radius: .375rem;
    }
    .student-card-list .card .card-body{
        padding: 1rem;
        padding-top: 2.5rem;
    }
    .student-card-list .card .card-body .student-qrcode{
        right: 1rem;
        bottom: 1rem;
        width: 100px;
        height: 100px;
    }
}
/*|===========================================================================|
    Modal
==============================================================================|*/
.modal-content{
    overflow: hidden;
    border: none;
    border-radius: 0;
    /* border: 4px solid var(--clr-accent); */
}
.modal-content .modal-header{
    border-radius: 0;
    padding: 1rem;
    justify-content: center;
    border-bottom: none;
    background-color: var(--clr-primary);
}
.modal-content .modal-header .modal-title{
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}
.modal-content .modal-header .modal-title i{
    /* display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem; */
    color: var(--clr-black);
    /* border-radius: 50%;
    background-color: rgba(var(--clr-accent-rgb), .15); */
}
.modal-content .modal-header .btn-close{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 0;
    background-color: rgba(var(--clr-white-rgb), .15);
    background-image: none;
    opacity: 1;
}
.modal-content .modal-header .btn-close i{
    font-size: 1.5rem;
    color: var(--clr-white);
}
.modal-content .modal-body{
    padding: 0;
}
.modal-content .modal-body .modal-img-box{
    height: 230px;
}
.modal-content .modal-body .modal-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.modal-content .modal-body .modal-form{
    padding: 20px;
}
.modal-content .modal-body .modal-form .form-label{
    display: none;
    font-size: 1rem;
    font-weight: 500;
}
.modal-content .modal-body .modal-form .form-control,.modal-content .modal-body .modal-form .form-select{
    padding: .5rem 1rem;
}
.modal-content .modal-body .modal-form .btn{
    letter-spacing: .5px;
    border-width: 1px;
}
/*| Media Query |=============================================================|*/
@media (min-width: 992px){
    .modal-dialog{
         max-width: 800px;
    }
    .modal-content{
        /* border-radius: 1.25rem; */
    }
    .modal-content .modal-header{
        padding: 1.5rem;
    }
    .modal-content .modal-header .modal-title{
        font-size: 1.25rem;
        margin-left: auto;
    }
    .modal-content .modal-body .modal-img-box{
        height: 350px;
    }
    .modal-content .modal-body .modal-form{
        padding: 1.5rem;
    }
    .modal-content .modal-body .modal-form .form-control,.modal-content .modal-body .modal-form .form-select{
        padding: .625rem 1rem;
    }
    .modal-content .modal-body .modal-form .btn{
        padding: .625rem 1rem;
        margin-top: 0;
    }
}
@media (max-width: 767.98px){
    .modal-content .modal-header .modal-title i{
        font-size: 1.375rem;
    }
    .modal-content .modal-body .modal-form .btn{
        padding: .625rem 1rem;
    }
}