:root{
    --clr-primary: #6ba940;
    /* --clr-primary: #34a90e; */
    --clr-primary-50: #f0fdf4;
    --clr-primary-100: #dcfce7;
    --clr-primary-200: #bbf7d0;
    --clr-primary-300: #86efac;
    --clr-slate-800: #344767;
    --clr-slate-500: #67748e;
    --clr-white: #FFFFFF;
    --clr-black: #000000;
    --clr-red: #FF0000;
    --clr-yellow: #ffe135;
    --clr-green: #28a745;
    --clr-blue: #1a5ce0;
    --clr-blue-800: #000f23;
    --icon-font: "Font Awesome 6 Free";
	--body-font-family: "Roboto", sans-serif;
	--title-font-family: "Rubik", sans-serif;
}
.bg-primary{
    background-color: var(--clr-primary) !important;
}
.bg-primary-50{
    background-color: var(--clr-primary-50);
}
.bg-primary-100{
    background-color: var(--clr-primary-100);
}
.bg-primary-200{
    background-color: var(--clr-primary-200);
}
.bg-primary-300{
    background-color: var(--clr-primary-300);
}
body{
    font-family: var(--body-font-family);
    font-size: 1.125rem;
    font-weight: 300;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--title-font-family);
}
.container{
    max-width: 79rem;
}
.section-title{
    font-weight: 700 !important;
}
.text-swiggy{
    color: #FC8019;
    font-weight: 700;
}
.text-zomato{
    color: #CB202D;
    font-weight: 700;
}
.flex-1{
    flex: 1 !important;
}
/*|==================================================================================
    Topbar Section
====================================================================================|*/
.topbar-section{
    position: relative;
    background-color: var(--clr-primary);
    /* border-bottom: 1px solid #dee2de; */
}
.topbar-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar-section .topbar-left ul{
    display: flex;
	gap: 1rem;
    align-items: center;
}
.topbar-section .topbar-left ul li a{
    color: var(--clr-white);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 0;
}
.topbar-section .topbar-left ul li a i{
    font-size: .875rem;
}
/* .topbar-section .topbar-left ul li a .icon-box{
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    border-radius: 50%;
    background-color: var(--clr-white);
}
.topbar-section .topbar-left ul li a img{
    height: 1.125rem;
}
.topbar-section .topbar-left ul li:last-child a{
    border-left: 1px solid #dee2de; 
    padding-left: 1.25rem;
    margin-left: 1.25rem;
} */
.topbar-section .topbar-right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar-section .topbar-right ul{
    /* padding-right: .5rem;
    margin-right: 1rem; */
    /* border-right: 1px solid #dee2de; */
}
.topbar-section .topbar-right .btn-text{
    font-size: 1rem;
    color: var(--clr-black);
}
.topbar-section .topbar-right .btn-text:hover{
    color: var(--clr-primary);
    text-decoration: none;
}
.topbar-section .topbar-right .btn-text i{
    margin-right: .25rem;
    font-size: 1rem;
}
.topbar-section .topbar-right .social-list{
    display: flex;
	/* gap: .5rem; */
    align-items: center;
}
.topbar-section .topbar-right .social-list li{}
.topbar-section .topbar-right .social-list li a{
    color: var(--clr-white);
    display: block;
    font-size: 1.125rem;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	/* background-color: var(--clr-white); */
}
.topbar-section .topbar-right .social-list li a:hover{
    color: var(--clr-black);
	/* background-color: #ffc107; */
}
/*| 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: var(--clr-white);
    background: #28a77d;
    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{
        /* padding-left: 1.5rem; */
        padding-right: 2.5rem;
        padding-left: 120px;
        margin-left: -100px;
    }
    .topbar-section .topbar-left ul{
        gap: 1.5rem;
    }
    #header.fixed-top .topbar-section{
        margin-left: 0;
        padding-left: 24px;
    }
    .topbar-section .topbar-right{
        justify-content: flex-end;
    }
}
@media (max-width: 991.98px){
    .topbar-section .topbar-right{
        display: none;
    }
    .topbar-section .topbar-left ul{
        justify-content: center;
    }
}
/*|==================================================================================
    Header
====================================================================================|*/
#header{
    background-color: var(--clr-white);
    box-shadow: 0 9px 18px 0 rgba(32,32,32,.2);
    /* box-shadow: 0 9px 54px 0 rgba(32,32,32,.2); */
    z-index: 1035;
    border-bottom: 1px solid #dee2de;
}
#header.fixed-top{
    box-shadow: 0 9px 54px 0 rgba(32,32,32,.1);
    background-color: var(--clr-white);
    animation: fadeInDown .5s running;
    transition: all .5s;
    border-bottom: none;
}
/* #header.fixed-top .topbar-section{
    display: none;
} */
.header-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo{
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
#header .navbar-brand img{
    height: 60px;
}
#header.fixed-top .navbar-brand img{
    height: 60px;
}
#header .navbar-end .btn-solid{
    color: var(--clr-white);
    border-color: var(--clr-black);
    background-color: var(--clr-black);
}
#header .navbar-end .btn-solid::before{
    border-color: var(--clr-primary);
    background-color: var(--clr-primary);
}
#header .navbar-end .btn-solid:hover{
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background-color: var(--clr-primary);
}
#header .navbar{
    padding: 0;
}
#header .navbar-nav .nav-item .nav-link{
    display: block;
    color: var(--clr-black);
    font-family: var(--body-font-family);
    font-size: 1rem;
    font-weight: 400;
    transition: all 0.4s ease-in-out;
    padding: 10px 0;
    line-height: 1;
}
#header.fixed-top .navbar-nav .nav-item .nav-link{
    color: var(--clr-black);
}
#header .navbar-nav .nav-item .nav-link.nav-icon{
    padding: 8px;
}
#header .navbar-nav .nav-item .nav-link.nav-icon i{
    font-size: 16px;
}
#header .navbar-nav .nav-item:hover .nav-link,#header .navbar-nav .nav-item .nav-link.active{
    color: var(--clr-primary);
}
#header .navbar-nav .nav-item.current_page_parent .nav-link{
    color: var(--clr-primary);
}
#header .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-item,
#header .navbar-nav .nav-item .dropdown-menu li .dropdown-item.active,
#header .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a,
#header .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active{
    color: var(--clr-primary);
}
#header.fixed-top .navbar-nav .nav-item:hover .nav-link,
#header.fixed-top .navbar-nav .nav-item .nav-link.active,
#header.fixed-top .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-item,
#header.fixed-top .navbar-nav .nav-item .dropdown-menu li .dropdown-item.active,
#header.fixed-top .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a,
#header.fixed-top .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active{
    color: var(--clr-primary);
}
#header .dropdown-toggle::after,.dropstart .dropdown-toggle::before {
    border: none;
    font-family: var(--icon-font);
    font-weight: 900;
    vertical-align: middle;
    transform: rotate(0);
}
#header .dropdown-toggle::after{
    content: "\f107";
}
#header .dropstart .dropdown-toggle::before{
    position: absolute;
    right: 1rem;
    content: "\f105";
    transition: all 0.3s ease-in-out;
}
#header .dropstart .show.dropdown-toggle::before{
    transform: rotate(90deg);
}
#header .navbar-nav .nav-item .dropdown-menu {
    border: none;
    /* padding: 0; */
    /* border-radius: 0; */
    margin: 0;
    min-width: 215px;
    background-color: var(--clr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all .3s ease;
}
#header .navbar-nav .nav-item .dropdown-menu li {
    /* border-bottom: 1px solid #dee2e6; */
}
#header .navbar-nav .nav-item .dropdown-menu li:last-child{
    border: none;
}
#header .navbar-nav .nav-item .dropdown-menu li .dropdown-item,
#header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li a {
    display: block;
    position: relative;
    color: var(--clr-black);
    /* font-family: var(--title-font-family); */
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 12px 16px;
    text-transform: capitalize;
    background-color: var(--clr-white);
    transition: all 0.4s ease-in-out;
}
#header .navbar-nav .nav-item .dropdown-menu li .dropdown-item::before{
    position: absolute;
    width: 0;
    background-color: var(--clr-secondary);
    transition: all 0.3s ease-out;
}
#header .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-item:hover::before{
    width: 100%;
}
#header .navbar-nav .nav-item .dropdown-menu li:first-child .dropdown-item,
#header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li:first-child a{
    margin-top: 6px;
}
#header .navbar-nav .nav-item .dropdown-menu li:last-child .dropdown-item,
#header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li:last-child a{
    margin-bottom: 6px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    #header.fixed-top{
        position: fixed;
    }
    .header-wrap{
        flex: 1;
    }
    /* .header-logo{
        min-width: 185px;
        height: 150px;
        margin-bottom: -1px;
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        background-color: var(--clr-secondary);
        padding-left: 40px;
        z-index: 2;
    }
    #header.fixed-top .header-logo{
        height: auto;
        background-color: transparent;
    } */
    #header .navbar .has-megamenu{
        position: static;
    }
    #header .navbar .mega-menu{
        right: 0;
        left: 0;
        width: 100%;
        border: none;
        background-color: transparent;
    }
    /* #header .dropdown:hover > .dropdown-menu,.dropstart:hover > .dropdown-menu{
		display: block;
	} */
    #header .dropstart:hover > .dropdown-menu{
        position: absolute;
        top: 0;
        left: 100%;
    }
    #header .dropdown > .dropdown-menu{
        position: absolute;
        right: -10px;
        top: 100%;
        text-align: left;
        color: #000;
        background: hsla(0, 0%, 100%, .9450980392156862);
        -webkit-backdrop-filter: blur(5px) brightness(200%) saturate(200%);
        backdrop-filter: blur(5px) brightness(200%) saturate(200%);
        border-radius: 0.5rem;
        box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.15), 0 50px 100px -20px rgba(50,50,93,.3), 0 30px 60px -30px rgba(0,0,0,.5), -10px 10px 60px -10px rgba(103,178,111,.3);
        display: flex;
        flex-direction: column;
        /* width: min(calc(100vw - 40px), 25rem); */
        justify-content: flex-start;
        align-items: stretch;
        line-height: 1.5;
        /* white-space: normal; */
        pointer-events: none;
        
        opacity: 0;
        transform-style: preserve-3d;
        transform-origin: top center;
        transform: translateY(-10px);
        transition: opacity .25s ease-in-out, transform .25s ease-in-out .1s;
    }
    #header .dropdown:hover > .dropdown-menu{
        pointer-events: all;
        opacity: 1;
        /* top: 100%; */
        transform: translateY(0);
    }
	#header .dropdown >.dropdown-toggle:active{
		pointer-events: none;
	}
    #header .navbar-nav .nav-item .nav-link{
        padding: 2rem .875rem;
    }
    #header.fixed-top .navbar-nav .nav-item .nav-link{
        padding: 2rem .875rem;
    }
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu{
        border: none;
        min-width: 215px;
    }
    #header .navbar-nav .nav-item .dropdown-menu li .dropdown-item,
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li a{
        display: block;
        padding: 12px 24px;
    }
}
@media (max-width: 991.98px) {
    /* #header .navbar{
        padding: .75rem 0;
    } */
    .header{
        /* padding: .75rem 0; */
    }
    #header .navbar{
        padding: .5rem 0;
    }
    #header .navbar-brand img{
        height: 60px;
    }
    #header .navbar-end{
        margin-right: 1rem;
    } 
    #header .navbar .navbar-brand{
        margin-right: 0;
        padding: 0;
    }
    /* #header .navbar .navbar-brand img{
        height: 50px;
    } */
    #header .navbar-nav .nav-item .nav-link{
        font-size: 1.125rem;
        font-weight: 500;
    }
    #header .navbar .dropdown .dropdown-toggle{
        position: relative;
    }
    #header .navbar .dropdown .dropdown-toggle::after {
        position: absolute;
        right: 0;
    }
    #header .navbar-nav .nav-item .dropdown-menu li a {
        padding: 12px 24px;
    } 
    .offcanvas-title{
        font-size: 1.5rem;
    }
}
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    #header.fixed-top{
        position: relative !important;
    }
    .header-container{
        padding: .75rem 1rem;
    }
    #header .navbar-brand{
        margin-right: 0;
    }
    #header .navbar-brand img{
        height: 45px;
    }
    /* #header .navbar-collapse{
        min-height: 30vh;
        max-height: 38vh;
        overflow-y: scroll;
        overflow-x: hidden;
    } */
    #header .navbar-nav .nav-item .dropdown-menu{
        border: 1px solid #dee2de;
        border-radius: 8px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    #header .navbar-nav .nav-item .dropdown-menu li{
        border: none;
    }
    #header .navbar-nav .nav-item .dropdown-menu li .dropstart .dropdown-menu li a {
        border-bottom: 1px solid #dee2e6;
    }
    #header .navbar-nav .nav-item .dropdown-menu li .dropdown-item,
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li a {
        display: block;
        font-size: .9rem;
        font-weight: 500;
        line-height: 1;
        padding: 10px 12px;
        background-color: transparent;
    }
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu{
        margin: 6px;
        border-radius: 8px;
        box-shadow: none;
    }
}
@media (max-width: 575.98px){
    #header .navbar-brand img{
        height:40px;
    }
    #header.fixed-top .navbar-brand img{
        height: 40px;
    }
    .header .offcanvas{
        width: 280px;
    }
    .header .offcanvas .offcanvas-title{
        font-size: 1.5rem;
    }
    .header .offcanvas-body{
        padding: 0 .75rem 1rem;
    }
    .header-wrap .navbar-end{
        display: none;
    }
    /* #header .navbar-nav .nav-item .dropdown-menu{
        border: none;
        box-shadow: none;
        margin: 0;
    } */
    #header .navbar-nav .nav-item .dropdown-menu li .dropdown-item,
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li a {
        padding: .5rem .75rem;
        white-space: wrap;
    }
    #header .navbar-nav .nav-item .dropdown-menu li:first-child .dropdown-item, 
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li:first-child a {
        margin-top: 0;
    }
    #header .navbar-nav .nav-item .dropdown-menu li:last-child .dropdown-item, 
    #header .navbar-nav .nav-item .dropdown-menu .dropstart .dropdown-menu li:last-child a {
        margin-bottom: 0;
    }
}
/*|==================================================================================
    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
=======================================================================================|*/
.errormsg,.planerrormsg{
    color: var(--clr-red);
    font-size: 14px;
    font-weight: 400;
    padding-top: 6px;
    display: block;
}
.hero-section{
    position: relative;
    /* width: 100%;
    height: 100%; */
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
/* .hero-section::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
    height: 100%;
    background-color: rgba(60, 127, 251, .2);
	background-color:#66150f;
	opacity: .5;
	z-index: -1;
} */
.desktop-hero-img,.mobile-hero-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.desktop-hero-img img,.mobile-hero-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-section .hero-content{
    position: relative;
    z-index: 2;
}
.hero-section .hero-content .hero-title{
    color: var(--clr-black);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.hero-section .hero-content p{
    color: var(--clr-black);
}
.hero-section .lead-form{
    padding: 1rem;
    /* border-radius: .5rem; */
    /* border: 2px solid var(--clr-primary); */
    background-color: var(--clr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.hero-section .lead-form h3{
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.hero-section .lead-form .form-control{
    color: var(--clr-black);
    font-size: 1rem;
}
.hero-section .lead-form .form-control{}
.hero-section.landing-hero-section{
    /* height: 500px; */
    background-image: url(../images/landing-hero-bg.png);
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .hero-section{
        /* height: 450px; */
        background-image: url(../images/desktop-hero-bg.webp);
    }
    /* .hero-section .desktop-hero-img img{
        height: 450px;
    } */
}
@media (min-width: 992px){
    .hero-section{
        height: 550px;
    }
    .hero-section .hero-content .hero-title{
        font-size: 3.25rem;
        margin-bottom: 1.5rem;
    }
    .hero-section .lead-form{
        /* position: absolute;
        top: 50px;
        right: 70px; */
        padding: 1.75rem;
        border: 2px solid var(--clr-primary);
        width: min(calc(100vw - 40px), 24rem);
        /* background-color: var(--clr-white); */
        /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    }
}
@media (max-width: 767.98px){
    .hero-section{
        /* height: 230px; */
        background-image: url(../images/get-expert-consulation-for-fssai-registration.webp);
    }
    .hero-section .lead-form{
        margin-top: 24px;
    }
}
@media (max-width: 575.98px){
    .hero-section{
        /* height: 200px; */
    }
    /* .mobile-hero-img img{
        height: 200px;
    } */
    .hero-section .hero-content .btn{
        padding: .25rem 1rem;
    }
    .hero-section .lead-form{
        margin-top: 20px;
    }
}
/*|====================================================================================
    Hero Section
=======================================================================================|*/
.about-section{}
.about-section .about-content{}
.about-section .about-content p{
    line-height: 1.6;
}
.about-section .about-img{
    /* border: 8px solid var(--clr-primary);
    border-radius: 1rem; */
}
.home-about .home-about-img,.about-section .about-img{
    height: 350px;
}
.about-section .about-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .about-section .about-content{
        padding-right: 2.5rem;
    }
    .about-section .about-img{
        height: 550px;
    }
    .home-about .home-about-img{
        height: 480px;
    }
}
/*|====================================================================================
    Service Card Section
=======================================================================================|*/
.service-card-section{}
.service-card-section .card{
    border: none;
    padding: .5rem;
}
.service-card-section .card .img-box{}
.service-card-section .card .img-box img{}
.service-card-section .card .card-body{
    padding: .5rem;
    padding-top: 1rem;
}
.service-card-section .card .card-body .card-title{
    font-size: 1.25rem;
}
.service-card-section .card .card-body p{}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-card-section .card{
        height: 100%;
    }
    .service-card-section .card .card-body{
        padding: 1rem;
    }
    .service-card-section .card .card-body .card-title{
        font-size: 1.375rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 991.98px){
    .service-card-section .card{
        margin-bottom: 1.25rem;
    }
}
/*|====================================================================================
    Price Section
=======================================================================================|*/
.price-section{}
.price-section .card{
    border: none;
    overflow: hidden;
    border-radius: .5rem;
    margin-bottom: 1.25rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.price-section .card .card-header{
    text-align: center;
    padding: 1rem;
    background-color: var(--clr-primary);
    border-bottom: none;
}
.price-section .card .title{
    color: var(--clr-white);
    font-size: 1.25rem;
}
.price-section .card .price-tag{}
.price-section .card .price-tag .icon{
    font-size: 1.6255rem;
}
.price-section .card .price-tag .price{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}
.price-section .card .card-body{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: .5rem;
    border: 2px solid var(--clr-primary);
}
.price-section .card .card-body ul{
    margin-bottom: 1rem;
}
.price-section .card .card-body ul li{
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: .5rem;
}
.price-section .card .card-body ul li::before{
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--clr-primary);
    font-family: var(--icon-font);
    font-weight: 900;
}
.price-section .card .card-body .btn{
    width: 100%;
    font-size: 1.125rem;
    display: block;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .price-section .card{
        border-radius: 1.125rem;
        margin-bottom: 1.5rem;
    }
    .price-section .card .card-header{
        padding:1.25rem 2rem;
    }
    .price-section .card .card-body{
        padding: 2rem;
        border-radius: 1.125rem;
    }
    .price-section .card .title{
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    .price-section .card .card-body ul{
        margin-bottom: 1.5rem;
    }
}
/*|====================================================================================
    Price Section 2
=======================================================================================|*/
.price-section-2{
    background-color: #FAF9F6;
}
.price-section-2 .card{
    border: none;
    overflow: hidden;
    border-radius: .5rem;
    border: 2px solid var(--clr-primary);
    margin-bottom: 1.25rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.price-section-2 .card .card-header{
    text-align: center;
    padding: 1rem;
    background-color: transparent;
    border-bottom: none;
}
.price-section-2 .card .title{
    color: var(--clr-black);
    font-size: 1.25rem;
}
.price-section-2 .card .icon{
    font-size: 1.6255rem;
}
.price-section-2 .card .price{
    line-height: 1;
}
.price-section-2 .card .price span{
    display: block;
    margin-bottom: .5rem;
}
.price-section-2 .card .price span del{
    color: #6e6e6e;
    font-size: 1.125rem;
    margin-right: 1rem;
}
.price-section-2 .card .price span ins{
    color: var(--clr-primary);
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
}
.price-section-2 .card .price small{
    color: #666666;
    font-size: .875rem;
    font-weight: 400;
}
.price-section-2 .card .card-body{}
.price-section-2 .card .card-body ul{
    margin-bottom: 1rem;
}
.price-section-2 .card .card-body ul li{
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: .5rem;
}
.price-section-2 .card .card-body ul li::before{
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--clr-primary);
    font-family: var(--icon-font);
    font-weight: 900;
}
.price-section-2 .card .card-body .btn{
    width: 100%;
    font-size: 1.125rem;
    display: block;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .price-section-2 .card{
        border-radius: .875rem;
        margin-bottom: 1.5rem;
    }
    .price-section-2 .card .card-header{
        padding: 1.25rem 2rem;
    }
    .price-section-2 .card .price span del{
        font-size: 1.25rem;
    }
    .price-section-2 .card .price span ins{
        font-size: 2rem;
    }
    .price-section-2 .card .card-body{
        padding: 2rem;
        padding-top: 0; 
    }
    .price-section-2 .card .title{
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    .price-section-2 .card .card-body ul{
        margin-bottom: 1.5rem;
    }
}
/*|====================================================================================
    Why Section
=======================================================================================|*/
.why-section{}
.why-section .item{
    display: flex;
    padding: .5rem;
    gap: 1rem;
    align-items: center;
    border-radius: .5rem;
    background-color: var(--clr-primary);
    margin-bottom: 1.25rem;
}
.why-section .item .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: .375rem;
    background-color: var(--clr-blue-800);
}
.why-section .item .icon-box img{
    width: 45px;
    height: 40px;
}
.why-section .item .item-content{
    flex: 1;
}
.why-section .item .item-content .title{
    color: var(--clr-white);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .why-section .item{
        margin-bottom: 1.5rem;
    }
    .why-section .item .item-content .title{
        font-size: 1.125rem;
    }
}
/*|====================================================================================
    Bnner Section
=======================================================================================|*/
.cta-section{
	position: relative;
	background-image: url("../images/cta-bg.webp");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* .cta-section::before{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color:rgba(0, 0, 0, 0.8);
    opacity: 0.5;
} */
.cta-section .eyebrow-title{
    color: var(--clr-primary);
}
.cta-content{
	position: relative;
    padding: 1rem;
    background-color: var(--clr-white);
}
.cta-content .section-title{
    /* font-size: 1.375rem;
    font-weight: 400; */
}
.cta-content .section-title,.cta-content p{
	color: var(--clr-black);
}
.cta-content .btn-solid{
    /* color: var(--clr-black); */
}
/*| Media Query |======================================================================|*/
@media (min-width: 992px){
    .cta-content{
        padding: 2.25rem;
    }
    .cta-content .section-title{
        /* font-size: 1.75rem; */
    }
    .cta-content .btn-solid{
        padding: .875rem 1.5rem;
    }
}
@media (max-width: 767.98px){
    .cta-content{
        border-radius: 6px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.5);
    }
}
/*|====================================================================================
    Bnner Section
=======================================================================================|*/
.banner-section{
    display: flex;
    align-items: center;
	position: relative;
    height: 200px;
    background-image: url(../images/banner-bg.webp);
    background-repeat: no-repeat;
    background-position: top left -10px;
}
.banner-section::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
    background: rgb(60, 127, 251);
    background: linear-gradient(90deg, rgb(60, 127, 251) 0%, rgba(0,0,0,0) 45%);
	/* background-color:#66150f; */
	/* opacity: .5; */
	z-index: 1;
}
.banner-section .banner-content{
	position: relative;
	z-index: 2;
}
.banner-section .banner-title{
    color: var(--clr-white);
    font-size: 22px;
}
.banner-section .breadcrumb{
    margin-bottom: 0;
}
.banner-section .breadcrumb .breadcrumb-item{}
.banner-section .breadcrumb-item a,.banner-section .breadcrumb-item.active,.breadcrumb-item+.breadcrumb-item::before{
    color: var(--clr-white);
}
/*| Media Query |======================================================================|*/
@media (min-width: 992px){
    .banner-section .banner-content{}
	.banner-section .banner-title{
		font-size: 36px;
	}
}
@media (max-width: 767.98px){
	.banner-section .banner-title{
		/* display: none; */
	}
	.banner-section .breadcrumb{
		display: none;
	}
}
@media (max-width: 767.98px){
    .banner-section{
        height: 106px;
    }
}
/*|====================================================================================
    Procedure Section
=======================================================================================|*/
.procedure-section{
    /* background-color: var(--clr-slate-800); */
}
.procedure-section .card{
    padding: 1.25rem;
    border: none;
    border-radius: .5rem;
    margin-bottom: 1.25rem;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.procedure-section .card .icon-box{
    width: 3.5rem;
    height: 3.5rem;
    margin: auto;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: var(--clr-primary); */
    margin-bottom: 1.25rem;
}
.procedure-section .card .icon-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.procedure-section .card .icon-box i{
    color: var(--clr-white);
    font-size: 2rem;
}
.procedure-section .card .card-body{
    padding: 0;
    text-align: center;
}
.procedure-section .card .card-body .title{
    font-size: 1.5rem;
    font-weight: 600;
}
.procedure-section .card .card-body p{
    font-weight: 400;
    margin-bottom: 0;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .procedure-section .card{
       padding: 1.5rem;
       height: 100%;
    }
    .procedure-section .card .icon-box{
        width: 4rem;
        height: 4rem;
        margin: 0 auto 1.5rem;
    }
    .procedure-section .card .card-body .title{
        font-size: 1.375rem;
        margin-bottom: 1rem;
    }

}
@media (max-width: 991.98px){
    .procedure-section .card{
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 575.98px){
    .procedure-section .card .card-body p{
        font-size: 1.125rem;
    }
}
/*|====================================================================================
    Benefit Section
=======================================================================================|*/
.benefit-section{
    background-color: #1e293b;
}
.benefit-section .card{
    border: none;
    /* border: 2px solid var(--clr-primary); */
    margin-bottom: 1.25rem;
    min-height: 130px;
    /* background-color: transparent; */
    /* background-color: #fbbf24; */
}
.benefit-section .card .icon-box{
    text-align: center;
}
.benefit-section .card .icon-box i{
    color: var(--clr-primary);
    font-size: 3rem;
}
.benefit-section .card .icon-box img{}
.benefit-section .card .card-body{}
.benefit-section .card .card-body .title{
    position: relative;
    font-size: 1.25rem;
}
/* .benefit-section .card .card-body .title::before{
    content: '\f058';
    color: var(--clr-primary);
    font-family: var(--icon-font);
    font-size: 1rem;
    font-weight: 900;
    margin-right: .375rem;
} */
.benefit-section .card .card-body p{
    font-size: 1rem;
    margin-bottom: 0;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .benefit-section .card{
        height: 100%;
        flex-direction: row;
        align-items: center;
        border-radius: 1rem;
    }
}
@media (min-width: 992px){
    .benefit-section .card .card-body{
        flex: 1;
        padding: 1.5rem;
    }
    .benefit-section .card .icon-box{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 100%;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        background-color: var(--clr-primary);
    }
    .benefit-section .card .icon-box i{
        color: var(--clr-white);
        font-size: 2.5rem;
    }
    .benefit-section .card .card-body .title{
        font-size: 1.5rem;
    }
}
@media (max-width: 991.98px){
    .benefit-section .card .icon-box{
        padding-top: 1rem;
    }
    .benefit-section .card .card-body{
        text-align: center;
    }

}
@media (max-width: 575.98px){
    /* .benefit-section .card .icon-box{
        margin-bottom: 1.25rem;
    } */
}
/*|====================================================================================
    Footer
=======================================================================================|*/
.footer{
	color: var(--clr-black);
	padding: 30px 0 0;
    /* background-image: url(../images/endless-constellation.svg); */
	background-color: #1e293b;
}
.footer-top-sec{}
.footer-title{
    color: var(--clr-white);
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 24px;
}
.footer-widget{
	margin-bottom: 20px;
}
.footer-about .footer-logo{
	margin-bottom: 15px;
} 
.footer-about p{
    color: var(--clr-white);
}
.social-link ul li{
	margin-right: 10px;
	display: inline-block;
}
.social-link ul li:last-child{
	margin-right: 0;
}
.social-link ul li a{
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: var(--clr-primary);
	font-size: 18px;
	text-align: center;
	border-radius: 50px;
	background-color: #fff;
}
.social-link ul li a i{}
.footer-link ul li{
	margin-bottom: 10px;
}
.footer-link ul li:last-child{
	margin-bottom: 0;
}
.footer-link ul li a{
    position: relative;
    display: flex;
	color: var(--clr-white);
}
.footer-link ul li a::before{
    display: block;
    content: '\f061';
    font-family: var(--icon-font);
    font-weight: 900;
    margin-right: .375rem;
    transform: rotate(-30deg);
    transition: all 0.3s ease;
}
.footer-link ul li a:hover{
    color: var(--clr-primary);
}
.footer-link ul li a:hover::before{
    transform: rotate(0deg);
}
.footer-contact p{
    color: var(--clr-white);
	display: flex;
	gap: .5rem;
	align-items: center;
}
.footer-contact a{
    display: block;
    margin-bottom: .75rem;
    color: var(--clr-white);
}
.footer-contact a i{
    margin-right: .5rem;
}
.footer-contact p:first-child{
	align-items: start;
}
.footer-contact p:first-child i{
	margin-top: 6px;
}
.disclamer{
    margin-bottom: 1.5rem;
}
.disclamer .title{
    color: var(--clr-white);
    font-size: 1rem;
    font-weight: 600;
}
.disclamer p{
    color: var(--clr-white);
    font-size: .875rem;
}
.copyright-section{
    padding: 1rem 0;
    /* border-top: 1px solid #dee2de; */
/*	padding: 20px 0;
	background-color: #05a561;
	background-color: #71a505;*/
    background-color: #000000;
}
.copyright-section p{
    color: var(--clr-white);
    font-size: .875rem;
	margin-bottom: 0;
}
.copyright-section a{
	color: var(--clr-primary);
    font-size: .875rem;
    font-weight: 600;
}
.copyright-link{}
.copyright-link ul{
    display: flex;
    align-items: center;
}
.copyright-link ul li:not(:first-child){
    border-left: 1px solid #fff;
    margin-left: .75rem;
    padding-left: .75rem;
}
.copyright-link ul li a{
    color: var(--clr-white);
    font-size: .875rem;
    line-height: 1;
}
.copyright-text,
.copyright-text-right{
	text-align: center;	
}
.wh-btn,.call-btn{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #28a77d;
    z-index: 1045;
}
.wh-btn i,
.call-btn i{
    color: var(--clr-white);
}
.wh-btn{
    bottom: 40px;
    right: 20px;
    font-size: 2rem;
}
.call-btn{
    bottom:120px;
    right: 20px;
    font-size: 1.125rem;
    background-color: #fbbf24;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .footer{
        padding-top: 3rem;
    }
    .footer-about p{
        padding-right: 20px;
        margin-bottom: 24px;
    }
	.copyright-text{
		text-align: left;
	}
	.copyright-text-right{
		text-align: right;
	}
	.footer-widget{
		margin-bottom: 30px;
	}
}
@media (max-width: 767.98px){
	.copyright-text{
		margin-bottom: 10px;
	}
    .wh-btn,.call-btn{
        width: 48px;
        height: 48px;
    }
    .wh-btn{
        bottom: 128px;
        right: 10px;
        font-size: 1.5rem;
    }
    .call-btn{
        /* display: none; */
        bottom: 185px;
        right: 10px;
        font-size: 1rem;
    }
}
/*|====================================================================================
    Mobile Footer
=======================================================================================|*/
.mobile-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--clr-primary);
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    z-index: 1030;
}
.mobile-footer .card{
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    background-color: transparent;
}
.mobile-footer .card .card-body{
    padding: .5rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-footer .card .card-body .price{}
.mobile-footer .card .card-body .price .amount{
    position: relative;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--clr-white);
    line-height: 1;
    margin-bottom: .5rem;
}
.mobile-footer .card .card-body .price .amount del{
    position: relative;
    color: #fbbf24;
    font-size: 1.125rem;
    font-weight: 600;
    margin-left: .5rem;
}
.mobile-footer .card .card-body .price .amount::before,
.mobile-footer .card .card-body .price .amount del::before{
    content: "\e1bc";
    font-family: var(--icon-font);
    font-weight: 900;
}
.mobile-footer .card .card-body .price .amount::before{
    font-size: 1.25rem;
}
.mobile-footer .card .card-body .price .amount del::before{
    font-size: 1rem;
}
.mobile-footer .card .card-body .timer-wrap{}
.mobile-footer .card .card-body .timer-wrap .countdown{
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center;
    color: var(--clr-black);
}
.mobile-footer .card .card-body .timer-wrap .countdown .time-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem;
    background-color: rgba(255, 255, 255, 0.85);
}
.mobile-footer .card .card-body .timer-wrap .countdown .number{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: var(--clr-primary);
    display: block;
    text-align: center;
}
.mobile-footer .card .card-body .timer-wrap .countdown .label{
    color: var(--clr-black);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    display: block;
    text-align: center;
}
.mobile-footer .card .card-footer{
    padding: .375rem 0 .625rem;
    border: none;
    background-color: transparent;
}
.mobile-footer .card .card-footer .btn{
    font-size: 1.125rem;
    line-height: 1;
    display: block;
    margin: 0 auto;
    width: 90%;
    padding: .625rem 1rem;
    border-radius: .5rem;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    animation: pulse 2s infinite;
}
.mobile-footer .card .card-footer .btn-black:hover{
    border-color: var(--clr-white);
    background-color: var(--clr-white);
    color: var(--clr-black);
}
@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.08); }
    100% { transform: scale(1); }
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .mobile-footer{
        display: none;
    }
}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    About Page
=====================================================================================|*/
.about-featured{}
.about-featured .card{
    margin-bottom: 1.25rem;
}
.about-featured .card .icon-box{
    padding: 20px;
    text-align: center;
}
.about-featured .card .icon-box img{
    height: 70px;
}
.about-featured .card .card-body{
    text-align: center;
}
.about-featured .card .card-body h3{
    font-size: 1.25rem;
}
.about-featured .card .card-body p{
    line-height: 1.6;
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    .about-featured .card{
        min-height: 316px;
    }
    .about-featured .card .icon-box img{
        height: 80px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Faq Page
=====================================================================================|*/
.faq-section{}
.faq-section .accordion{}
.faq-section .accordion-item{
    margin-bottom: 20px;
    background-color: var(--clr-white);
    border: none;
}
.faq-section .accordion-item .accordion-header {}
.faq-section .accordion-flush .accordion-item .accordion-button{
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 500;
    padding: 1rem 1.5rem;
    background-color: var(--clr-primary);
}
.faq-section .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 16px;
}
.faq-section .accordion-button:focus{
    box-shadow: none;
}
.faq-section .accordion-button::after{
    background-image: none;
    content: '\f107';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: 20px;
}
.faq-section .accordion-button:not(.collapsed) {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: var(--clr-white);
    background-color: var(--clr-primary);
    box-shadow: none;
}
.faq-section .accordion-button:not(.collapsed)::after {
    /* content: '\f106'; */
    background-image: none;
    transform: var(--bs-accordion-btn-icon-transform);
}
.faq-section .accordion-item .accordion-collapse.show .accordion-body{
    border: 1px solid var(--clr-primary);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius:  16px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* .faq-section .accordion-item:last-of-type>.accordion-collapse .accordion-body{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius:  8px;
} */
.faq-section .accordion-item .accordion-body{
    background-color: #f5f5f5;
}
.faq-section .accordion-item .accordion-body p{
    line-height: 1.6;
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    .faq-section .accordion{}
    /* .faq-section .accordion-button{
        font-size: 16px;
        padding: 16px;
    } */
}
@media (max-width: 991.98px){}
/*|====================================================================================
    CONTACT AREA
=======================================================================================|*/
.contact-info,.contact-form{
	padding: 1.375rem;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact-section .title-wrap h3 {
	color: var(--clr-primary);
	font-size: 1.375rem;
	font-weight: 500;
	position: relative;
	margin-bottom: 1rem;
}
.contact-section .title-wrap h3::before {
    content: "";
    position: absolute;
    left: -28px;
    top: 0;
    background: var(--clr-primary);
    height: 100%;
    width: 3px;
}
.contact-section .title-wrap p {
	line-height: 1.6;
}
.contact-meta{}
.contact-meta i {
	font-size: 20px;
	color: var(--clr-primary);
	margin-right: 12px;
	float: left;
}
.contact-meta span {
	overflow: hidden;
	display: block;
}
/*| CONTACT FORM |======================================================================|*/
.contact-form label{
	color: var(--clr-black);
	font-size: 16px;
	font-weight: 400;
	margin-bottom: .25rem;
}
.contact-form .form-control{
	color: var(--clr-black);
	font-size: 1rem;
	font-weight: 400;
	/* border: 1px solid #e9e9e9;
	background: #f7f7fd; */
}
.contact-form .form-control,.contact-form .form-select{
	/* padding: .75rem 1rem; */
}
.contact-form textarea.form-control{
	height: 120px;
}
/*| Media Query |======================================================================|*/
@media (min-width: 992px){
	.contact-info,.contact-form{
		padding: 1.75rem;
	}
	.contact-section .title-wrap h3::before {
		content: "";
		position: absolute;
		left: -28px;
		top: 0;
		background: var(--clr-primary);
		height: 100%;
		width: 3px;
	}
	.contact-section .title-wrap h3 {
		font-size: 2rem;
	}
	.contact-section .title-wrap p {
		margin-bottom: 25px;
	}
}
@media (max-width: 575.98px){
	/* .contact-info,.contact-form{
		padding: 0;
		box-shadow: none;
	} */
	.contact-section .title-wrap h3 {
		font-size: 1.125rem;
		margin-bottom: .5rem;
	}
	.contact-section .title-wrap p,.contact-meta span{
		font-size: .875rem;
	}
	.contact-form .form-control,.contact-form .form-select{
		padding: .5rem 1rem;
	}
}
/*|====================================================================================
    Service Section
=======================================================================================|*/
.service-section{
    position: relative;
}
/* .service-section .img-box{}
.service-section .img-box img{
    position: relative;
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.service-section .card{
    margin-bottom: 1rem;
}
.service-section .card-body{}
.service-section .card-body h3{
    font-size: 1.25rem;
    text-transform: capitalize;
    margin-bottom: 1rem;
}
.service-section .card-body ul{}
.service-section .card-body ul li{
    position: relative;
    margin-bottom: .5rem;
}
.service-section .card-body ul li::before{
    content: '\f058';
    font-family: var(--icon-font);
    font-weight: 900;
    margin-right: .5rem;
    color: var(--clr-primary);
} */
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    /* .service-section .card{
        margin-bottom: 1.5rem;
        height: 260px;
    } */
}
@media (max-width: 991.98px){}
@media (max-width: 575.98px){}
/*|====================================================================================
    Zigzag Section
=======================================================================================|*/
.ltr-section{
    background-color: #d1fae5;
    z-index: 3;
}
.zigzag-section {
    position: relative;
}
.zigzag-section .img-box{}
.zigzag-section .img-box img{
    position: relative;
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.zigzag-section .card{
    border: none;
    /* margin-bottom: 1rem; */
    background-color: transparent;
}
.zigzag-section .card-body{
    padding: 0;
}
.zigzag-section .card-body h3{
    font-size: 1.25rem;
    text-transform: capitalize;
    margin-bottom: 1rem;
}
.zigzag-section .card-body ul{}
.zigzag-section .card-body ul li{
    position: relative;
    margin-bottom: .5rem;
}
.zigzag-section .card-body ul li::before{
    content: '\f058';
    font-family: var(--icon-font);
    font-weight: 900;
    margin-right: .5rem;
    color: var(--clr-primary);
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .zigzag-section .card{
        margin-bottom: 1.5rem;
        /* height: 260px; */
    }
    .zigzag-section .card-body h3{
        font-size: 1.75rem;
    }
    .zigzag-section .img-box::before{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
        height: 60%;
        background-color: var(--clr-primary);
        z-index: -1;
    }
    .zigzag-section .img-box img{
        height: 400px;
    }
    .zigzag-section .img-box img{
        z-index: 5;
    }
    .zigzag-section.rtl-section .img-box::before{
        top: 0;
        left: 0;
        right: auto;
        z-index: 0;
    }
}
@media (max-width: 991.98px){
    .zigzag-section.rtl-section{
        padding-top: 0;
    }
    .zigzag-section .img-box img{
        height: 400px;
    }
}
@media (max-width: 575.98px){
    .zigzag-section .img-box img{
        height: 350px;
    }
    .zigzag-section.rtl-section .img-box img{
        height: auto;
    }
}
/*|====================================================================================
    What Fssai Section
=======================================================================================|*/
.what-fssai-section{}
.what-fssai-section .card{
    border: none;
    background-color: transparent;
}
.what-fssai-section .card .img-box{
    width: 100%;
}
.what-fssai-section .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .what-fssai-section .card .img-box{
        width: 250px;
    }
}
@media (max-width: 991.98px){
    .what-fssai-section .card .card-body{
        padding: .5rem 0 0;
    }
}
@media (max-width: 575.98px){
    .what-fssai-section .card .img-box{
        height: 65px;
    }
    .what-fssai-section .card .img-box img{
        object-fit: contain;
    }
}
/*|====================================================================================
    Certificate Section
=======================================================================================|*/
.certificate-section{}
.certificate-section .img-box{
    margin-bottom: 1.25rem;
    border-radius: .5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.certificate-section .img-box img{
    border-radius: .5rem;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
@media (max-width: 575.98px){}
/*|====================================================================================
    Paynow Page
=======================================================================================|*/
.payment-section{}
.payment-container{}
.payment-container .payment-sidebar{
    /* border: 1px solid #dee2de; */
    border-radius: .5rem;
    background-color: var(--clr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.payment-container .qr-code{
    padding: 1rem;
    text-align: center;
    /* margin-bottom: 1.5rem; */
}
.payment-container .qr-code img{
    width: 290px;
}
.payment-container .contact-info{
    box-shadow: none;
}
.payment-container .contact-info .contact-meta{
    margin-bottom: 1rem;
}
.payment-container .contact-info .contact-meta h3{
    font-size: 1.25rem;
    margin-bottom: 0;
}
.payment-container .contact-info .contact-meta a{
    font-size: 1rem;
}
.payment-container .payment-area{}
.payment-container .payment-area .logo{}
.payment-container .payment-area .img-box{}
.payment-container .payment-area .img-box img{}
.payment-container .payment-area .table{
    border: 1px solid #22c55e;
    
}
.payment-container .payment-area .table tbody td{
    font-size: 1.125rem;
    font-weight: 500;
    padding: 1rem;
    border-bottom: 1px solid #22c55e;
    background-color: #c9f8da;
}
.payment-container .payment-area .table tbody td span{
    display: block;
    font-size: 1rem;
    font-weight: 400;
}
.payment-container .payment-area .table tbody tr:last-child td{
    font-size: 1.5rem;
    line-height: 1;
}
.payment-container .payment-area .table tbody tr:last-child td:last-of-type{
    font-size: 1.25rem;
}
.payment-container .payment-area .client-show-result{
    padding: 1rem;
    margin-top: 1rem;
    border-radius: .5rem;
    background-color: #f2f2f2;
}
.payment-container .payment-area .client-show-result .result-item{
    margin-bottom: 1rem;
}
.payment-container .payment-area .client-show-result .result-item h3{
    font-size: 1rem;
    font-weight: 400;
}
.payment-container .payment-area .client-show-result .result-item span{}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
@media (max-width: 575.98px){}
/*|==================================================================================
    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;
    }
}

.blink {
    animation: blinker 1s linear infinite;
}
  
@keyframes blinker {
    50% {
      opacity: 0;
    }
  }

/* Add your custom CSS styles here */
.error {
    border-color: red;
}
.lead-form .step-form {
    display: none;
}
.lead-form .step-form .form-label{
    display: none;
}
.lead-form .step-form:first-of-type{
    display: block;
}
/*|====================================================================================
    Hero Section
=======================================================================================|*/
.landing-hero-section{}
.hero-carousel{
    position: relative;
}
.hero-carousel .hero-item{
    position: relative;
}
.hero-carousel .hero-item::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    /* background: rgb(22,54,207);
    background: linear-gradient(0deg, rgba(22,54,207,1) 0%, rgba(0,0,0,0) 60%); */
    z-index: 1;
}
.hero-carousel .hero-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-carousel .hero-item .hero-carousel-caption{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
}
.hero-carousel .hero-item .hero-carousel-caption .hero-title{
    color: var(--clr-white);
    font-weight: 1.5rem;
    font-weight: 600;
}
.hero-carousel .hero-item .hero-carousel-caption p{
    color: var(--clr-white);
}
.hero-carousel .hero-item .hero-carousel-caption .btn-solid:hover{
    border-color: var(--clr-white);
    background-color: var(--clr-white);
    color: var(--clr-primary);
}
.landing-hero-section .hero-content .btn{}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .hero-carousel .hero-item{
        height: 550px;
    }
    .hero-carousel .hero-item .hero-carousel-caption{
        width: 70%;
        margin: auto;
    }
    .hero-carousel .hero-item .hero-carousel-caption .hero-title{
        font-size: 3.5rem;
    }
    .hero-carousel .hero-item .hero-carousel-caption p{
        width: 70%;
        margin: auto;
        margin-bottom: 1.25rem;
        font-size: 1.8rem;
    }
}
@media (max-width: 767.98px){
    .landing-hero-section .hero-content .btn{
        display: none;
    }
}
/*|====================================================================================
    Why Section
=======================================================================================|*/
.why-section{}
.why-section .card{
    padding: 1rem;
    border-radius: .5rem;
    border: 2px solid #ccc;
}
.why-section .card .icon-box{
    margin-bottom: 1rem;
}
.why-section .card .icon-box img{
    width: 60px;
    height: auto;
    object-fit: contain;
}
.why-section .card .card-body{
    padding: 0;
}
.why-section .card .card-body .title{
    font-size: 1.25rem;
}
.why-section .card .card-body p{
    margin-bottom: 0;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .why-section .card{
        height: 100%;
        padding: 1.75rem;
        border-radius: 1rem;
    }
}
@media (max-width: 991.98px){}
/*|====================================================================================
    Landing Service Section
=======================================================================================|*/
.landing-service-section{
    position: relative;
    /* background-color: #d1fae5; */
    background-image: url(../images/landing-service-bg.webp);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.landing-service-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    /* background: rgb(22,54,207);
    background: linear-gradient(0deg, rgba(22,54,207,1) 0%, rgba(0,0,0,0) 60%); */
    z-index: -1;
}
.landing-service-section .card{
    border: none;
    background-color: var(--clr-white);
}
.landing-service-section .card .icon-box{
    display: none;
}
.landing-service-section .card .card-body{
    padding: 1.75rem;
    text-align: center;
}
.landing-service-section .card .card-body .title{
    font-size: 1.5rem;
    font-weight: 700;
}
.landing-service-section .card .card-body p{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .landing-service-section .card{
        height: 100%;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .landing-service-section .card .card-body{
        padding: 2.5rem 1.5rem 1.5rem;
    }
    .landing-service-section .card .card-body p{
        min-height: 96px;
        font-size: 1.125rem;
    }
    .landing-service-section .card .card-body .title{
        font-size: 1.625rem;
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 991.98px){}
/*|====================================================================================
    Landing About Section
=======================================================================================|*/
.landing-about-section{}
.landing-about-section .img-box img{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    object-fit: cover;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .landing-about-section .img-box img{
        border-radius: 1rem;
    }
}
@media (max-width: 991.98px){}
@media (max-width: 575.98px){}
/*|====================================================================================
    Testimonial Section
=======================================================================================|*/
.testimonial-section{
    position: relative;
}
.testimonial-bg{
    position: relative;
}
.testimonial-bg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-testimonial.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.testimonial-section .testimonial-item{
    border-radius: .5rem;
    background-color: var(--clr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.testimonial-carousel .testimonial-item{
   margin: 1rem 0 0;
}
.testimonial-section .testimonial-item .testimonial-content{
    padding: 1rem;
}
.testimonial-section .testimonial-item .testimonial-content p{
    margin-bottom: 0;
}
.testimonial-section .testimonial-item .client-info{
    padding: 1rem;
    /* background-color: var(--clr-primary); */
    /* background-color: #28a77d; */
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.testimonial-section .testimonial-item .client-info .img-box{
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    outline: 2px solid var(--clr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.testimonial-section .testimonial-item .client-info .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonial-section .testimonial-item .client-info .client-name{
    color: var(--clr-black);
    font-weight: 400;
}
.testimonial-section .testimonial-item .client-info .star-rating{
    font-size: .875rem;
}
.testimonial-section .testimonial-item .client-info .star-rating i{
    color: #ffa90d;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .testimonial-section::before{
        height: 50%;
    }
    .testimonial-section .testimonial-item{
        border-radius: 0;
    }
    .testimonial-carousel .testimonial-item{
        margin: 0 12px 32px;
    }
    .testimonial-section .testimonial-item .testimonial-content{
        padding: 1.75rem;
    }
    .testimonial-section .testimonial-item .testimonial-content p{
        font-size: 1.125rem;
    }
    .testimonial-section .testimonial-item .client-info{
        padding: 0 1.5rem 1.75rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        /* border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; */
    }
    .testimonial-section .testimonial-item  .client-info .img-box{
        width: 4rem;
        height: 4rem;
    }
}
@media (max-width: 991.98px){}
@media (max-width: 575.98px){}
/*|====================================================================================
    user-registration Section
=======================================================================================|*/
.user-registration{}
.user-registration .card{
    /* padding: 1rem; */
    border: none;
}
.user-registration .card .user-form{}
.user-registration .card .user-form .form-label{
    font-size: 1rem;
    font-weight: 500;
}
.user-registration .card .user-form .form-control{}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #b8fa8a;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(107, 169, 64, .25);
}
.user-registration .card .user-form .form-select{}
.form-select:focus {
    border-color: #b8fa8a;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(107, 169, 64, .25);
}
.user-registration .card .user-form .form-check{
    padding-left: 1.75rem;
}

.user-registration .card .user-form .form-check .form-check-input{
    width: 1.25rem;
    height: 1.25rem;
    margin-left: -1.75em;
}
.form-check-input:checked {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
}
.form-check-input:focus {
    border-color: #b8fa8a;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(107, 169, 64, .25);
}
/* .user-registration .card .user-form .form-check .form-check-label{
    font-size: .875rem;
} */
.user-registration .card .user-form .form-check .form-check-label{
    /* color: var(--clr-primary); */
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .user-registration .card{
        padding: 2rem;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .user-registration .card .user-form .form-control{
        padding: .625rem 1rem;
    }
    .user-registration .card .user-form .form-select{
        padding-top: .625rem;
        padding-bottom: .625rem;
    }
}
@media (max-width: 991.98px){}
@media (max-width: 575.98px){
    /* .user-registration{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    } */
    .user-registration .card .user-form .form-group{
        margin-bottom: .5rem;
    }
    .user-registration .card .user-form p{
        margin-bottom: 0;
    }
}
/*|====================================================================================
     Page Header Section
=======================================================================================|*/
.page-header-section{}
.page-header-section .left-content{}
.page-header-section .left-content ul{
    margin-bottom: 1rem;
}
.page-header-section .left-content ul li{
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: .5rem;
}
.page-header-section .left-content ul li::before{
    content: "\f058";
    position: absolute;
    top: 50%;
    left: 0;
    color: var(--clr-primary);
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
}
.page-header-section .lead-form{}
.page-header-section .card{
    padding: 1rem;
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.page-header-section .card .title{
    font-size: 1.25rem;
    text-align: center;
}
/* .page-header-section .lead-form .form-group{
    margin-bottom: 1rem;
} */
.page-header-section .lead-form .form-label{
    display: none;
}
.form-group{}
.form-group .form-label{
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .25rem;
    line-height: 1;
}
.input-group{
    padding: .25rem;
    border: 1px solid #dee2de;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input-group:focus{
    border-color: #b8fa8a;
    box-shadow: 0 0 0 .25rem rgba(107, 169, 64, .25);
}
.input-group .input-group-text{
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.input-group .form-control,.input-group .form-select{
    color: var(--clr-black);
    border: none;
    box-shadow: none;
}
.input-group .form-control::placeholder{
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}
.input-group .form-select:optional{
    /* color: rgba(0, 0, 0, 0.4); */
    font-weight: 400;
}
.page-header-section .lead-form .btn-solid{}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .page-header-section .card{
        padding: 2rem;
    }
    .page-header-section .card .title{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 991.98px){}
/*|====================================================================================
    Service Featured Section
=======================================================================================|*/
.service-featured-section{}
.service-featured-section .card{
    padding: 1rem;
    border: none;
}
.service-featured-section .card .icon-box{
    color: var(--clr-primary);
    font-size: 2rem;
    margin-bottom: 1rem;
}
.service-featured-section .card .icon-box i{}
.service-featured-section .card .card-body{
    padding: 0;
}
.service-featured-section .card .card-body .card-title{
    font-size: 1.25rem;
    font-weight: 600;
}
.service-featured-section .card .card-body p{
    margin-bottom: 0;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-featured-section .card{
        padding: 2rem;
        border-radius: 1.5rem;
    }
    .service-featured-section .card .icon-box{
        font-size: 3rem;
        margin-bottom: 1.5rem;
    }
    .service-featured-section .card .card-body .card-title{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 991.98px){
    .service-featured-section{
        display: none;
    }
    .service-featured-section .card{
        margin-bottom: 1.25rem;
    }
}

/*|====================================================================================
    Service Step Section
=======================================================================================|*/
.service-step-section{
    position: relative;
    background-color: #009d22;
}
.service-step-section .card{
    padding: 1rem;
    border: none;
    background-color: transparent;
}
.service-step-section .card .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    color: #00841c;
    font-size: 2rem;
    margin: auto;
    margin-bottom: 1rem;
    border-radius: 50%;
    background-color: var(--clr-white);
}
.service-step-section .card .icon-box i{}
.service-step-section .card .card-body{
    padding: 0;
    text-align: center;
}
.service-step-section .card .card-body .card-title{
    color: var(--clr-white);
    font-size: 1.25rem;
}
.service-step-section .card .card-body p{
    color: var(--clr-white);
    margin-bottom: 0;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-step-section{
        width: 100%;
        height: 100%;
        background-image: url(../images/service-step-bg.png);
        background-repeat: no-repeat;
        background-size: 130%;
        background-position: top center;
    }
    .service-step-section .card{
        padding: 0 2rem;
    }
    .service-step-section .card .icon-box{
        width: 100px;
        height: 100px;
        font-size: 3rem;
        margin-bottom: 1.5rem;
    }
    .service-step-section .card .card-body .card-title{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .service-step-section .card .card-body p{
        font-size: 1.125rem;
    }
}
/*|====================================================================================
    Service Tab Section
=======================================================================================|*/
.service-tab-section{}
.service-tab-section .nav-tabs{
    gap: 1rem;
    justify-content: space-between;
    border: none;
    border-bottom: 2px solid var(--clr-primary);
}
.service-tab-section .nav-tabs .nav-item{
    flex: 1;
}
.service-tab-section .nav-tabs .nav-link{
    width: 100%;
    border: none;
    color: var(--clr-black);
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    padding: .75rem 1rem;
    border-radius: .5rem;
    margin-bottom: 1rem;
    background-color: rgba(107, 169, 64, .35);
}
.service-tab-section .nav-tabs .nav-link.active{
    color: var(--clr-black);
    border-radius: .5rem;
    background-color: rgba(107, 169, 64, .35);
    border-bottom: 6px solid var(--clr-primary);
}
.inner-tab-content{
    padding: 1rem 0;
}
.inner-tab-content h3{
    font-size: 1.25rem;
    font-weight: 600;
}
.inner-tab-content ul{}
.inner-tab-content ul li{
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: .5rem;
}
.inner-tab-content ul li::before{
    content: "\f0a4";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--clr-primary);
    font-family: var(--icon-font);
    font-weight: 900;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .service-tab-section .collapse-title{
        display: none;
    }
}
@media (min-width: 992px){
    .inner-tab-content{
        padding: 2rem 0;
    }
    .inner-tab-content h3{
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 767.98px){
    .service-tab-section{
        display: none;
    }
}
@media (max-width: 767.98px){
    .service-tab-section .nav-tabs{
        display: none;
    }
}
/*|====================================================================================
    Section
=======================================================================================|*/
.section{}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}