
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --white: #ffffff;
    --black: #000000;
    --theme-green: #95C00B;
    --theme-dark-green: #5e9d34;
    --theme-blue: #0683B9;
    --theme-dark-blue: #046F9B;
    --light-blue: #7EBEC5;
    --bg-light-bluebg: rgba(4, 111, 155, 0.13);
    --dark-gray: #808080;
    --light-gray: #cbcbcb;
    --bg-darkgray: #494949;
    --footerbg-gray: #555555;
}

body{
    font-size: 16px !important;
    font-family: "Montserrat", sans-serif !important;
}

a{
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    text-decoration: none;
}
.text-justify{
    text-align: justify;
}
.text-blue{
    color: var(--theme-blue);
}
.text-green{
    color: var(--theme-green);
}
.text-white{
    color: var(--white);
}
.text-black{
    color: var(--black);
}
.box-title{
    font-size: 18px;
}
.border-blue{
    border-color: var(--theme-blue) !important;
}
.border-green{
    border-color: var(--theme-green) !important;
}
.bg-darkgray{
    background-color: var(--bg-darkgray);
}
.bg-blue{
    background-color: var(--theme-blue);
}
.primary-roundedbtn-green {
    padding: 7px 20px;
    width: 200px;
    font-size: 14px;
    background: var(--theme-green);
    color: var(--black);
    font-weight: 700;
    border-radius: 50px;
    /* text-transform: uppercase; */
}
.primary-roundedbtn-green:hover {
    background: var(--theme-green);
    text-decoration: none;
    color: var(--black);
}
.primary-roundedbtn-blue {
    padding: 7px 20px;
    width: 200px;
    font-size: 14px;
    background: var(--theme-blue);
    color: var(--white);
    font-weight: 600;
    border-radius: 50px;
    /* text-transform: uppercase; */
}
.primary-roundedbtn-blue:hover {
    background: var(--theme-blue);
    text-decoration: none;
    color: var(--white);
}
.primary-roundedbtn-blue:focus{
    background: var(--theme-blue);
}
.primary-btn-green {
    padding: 7px 20px;
    /* width: 200px; */
    font-size: 14px;
    background: var(--theme-green);
    color: var(--black);
    font-weight: 600;
    border-radius: 7px;
    text-transform: uppercase;
}
.primary-btn-green:hover {
    background: var(--theme-green);
    text-decoration: none;
    color: var(--black);
}
.primary-btn-blue {
    padding: 7px 20px;
    font-size: 14px;
    background: var(--theme-blue);
    color: var(--white);
    font-weight: 600;
    border-radius: 7px;
    text-transform: uppercase;
}
.primary-btn-blue:hover {
    background: var(--theme-blue);
    text-decoration: none;
    color: var(--white);
}

.secondary-roundedbtn-blueborder{
    border: 1px solid var(--theme-blue);
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    border-radius: 50px;
    /* text-transform: uppercase; */
}
.secondary-roundedbtn-blueborder:hover{
    border: 1px solid var(--theme-blue);
}

.slidebox-holder .primary-btn {
    padding: 7px 20px;
    font-size: 12px;
    background: var(--theme-blue);
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px var(--theme-blue);
    border-radius: 25px;
    text-transform: uppercase;
}
.slidebox-holder .primary-btn:hover {
    background: var(--theme-blue);
    text-decoration: none;
    color: #fff;
}

.section{
    padding: 40px 0;
}
.section-wthbg-style{
    border-radius: 21rem 0 0;
    padding: 71px 0 45px 135px;
}
.section-wthbg-XL-style{
    border-radius: 21rem 0 0;
    padding: 71px 0 45px 135px;
}
.section-style{
    /* background-color: var(--theme-blue); */
    /* background-image: url('../images/section-bg.svg'); */
    /* background-repeat: no-repeat; */
    border-radius: 21rem 0 0;
    /* padding: 71px 0 45px 135px; */
    padding: 10px;
    height: 800px;
    display: flex;
    align-items: center;
}
.section-centerstyle{
    /* background-color: var(--theme-blue); */
    background-image: url('../images/section-bg.svg');
    /* background-repeat: no-repeat; */
    border-radius: 21rem 0 0;
    /* padding: 71px 0 45px 0px; */
    padding: 10px;
    height: 800px;
    display: flex;
    align-items: center;
}
.section-stylebluebg{ 
    background-image: url('../images/section-bluebg.svg'); 
}
.section-stylegreenbg{
    /* background-color: var(--theme-dark-green); */
    background-image: url('../images/section-bg.svg');
    border-radius: 21rem 0 0;
    padding: 71px 0 45px 0px;
}
.section-wideightblue{
    background-color: var(--bg-light-bluebg);
    /* padding: 71px 0 45px 135px; */
}
.otherpage-section-style{
    margin: 45px 0px;
}
.section-normaltitle{
    font-size: 32px;
    font-weight: 700;
}
.section-title-holder .section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    position: relative;
}
.section-title-holder .section-title:before {
    position: absolute;
    /* bottom: 38px; */
    width: 65px;
    height: 5px;
    content: "";
    /* top: 0; */
    left: 50%;
    margin-left: -30px;
    background-color: var(--theme-green);
}
.section-title-holder .section-title-blueline {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    position: relative;
} 
.section-title-holder .section-title-blueline:before {
    position: absolute;
    bottom: 20px;
    width: 65px;
    height: 5px;
    content: "";
    /* top: 0; */
    left: 0%;
    background-color: var(--theme-blue);
}
.section-title-holder .section-title-greenline {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    position: relative;
} 
.section-title-holder .section-title-greenline:before {
    position: absolute;
    bottom: 20px;
    width: 65px;
    height: 5px;
    content: "";
    /* top: 0; */
    left: 0%;
    background-color: var(--theme-green);
}
.section-title-holder .section-title-bluebottomline {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 74px;
    position: relative;
} 
.section-title-holder .section-title-bluebottomline::before {
    position: absolute;
    bottom: 0px;
    width: 65px;
    height: 5px;
    content: "";
    /* top: 0; */
    left: 50%;
    margin-left: -30px;
    background-color: var(--light-blue);
}
.section-title-holder .section-title-greenbottomline {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 74px;
    position: relative;
} 
.section-title-holder .section-title-greenbottomline::before {
    position: absolute;
    bottom: 0px;
    width: 65px;
    height: 5px;
    content: "";
    /* top: 0; */
    left: 48%;
    /* margin-left: -30px; */
    background-color: var(--theme-green);
}
.section-title-holder .title-greenline-bottomleft {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 74px;
    position: relative;
} 
.section-title-holder .title-greenline-bottomleft::before {
    position: absolute;
    bottom: 0px;
    width: 65px;
    height: 5px;
    content: "";
    /* top: 0; */
    left: 0%; 
    background-color: var(--theme-green);
}
.section-title-holder .title-greenline-topleft {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
} 
.section-title-holder .title-greenline-topleft::before {
    position: absolute;
    /* bottom: 0px; */
    width: 65px;
    height: 5px;
    content: "";
    top: -15px;
    left: 0%; 
    background-color: var(--theme-green);
}
.section-title-holder .title-blueline-topleft {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
} 
.section-title-holder .title-blueline-topleft::before {
    position: absolute;
    /* bottom: 0px; */
    width: 65px;
    height: 5px;
    content: "";
    top: -15px;
    left: 0%; 
    background-color: var(--theme-blue);
} 
.section-subtitle{
    font-size: 24px;
    font-weight: 500;
}
.webtop-navbar{
    border-bottom: 1px solid var(--light-gray);
}
.webtop-navbar .navbar-nav .nav-link {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}
.webtop-navbar .nav-link.active, .navbar-nav .show>.nav-link{
    color: var(--theme-blue);
    font-weight: 500;
}
.webtop-logoholder .weblogo-img{
    width: 120px;
}

.hero-title-holder .homehero-title {
    /* text-align: center; */
    font-size: 40px;
    font-weight: 700;
    /* line-height: 24px; */
    margin-bottom: 0;
    position: relative;
} 
.hero-title-holder .homehero-title:before {
    position: absolute; 
    width: 65px;
    height: 5px;
    content: ""; 
    left: 48%;
    top: -12px;
    background-color: var(--theme-green);
}
.hero-title-holder .hero-title {
    /* text-align: center; */
    font-size: 40px;
    font-weight: 700;
    /* line-height: 24px; */
    margin-bottom: 0;
    position: relative;
} 
.hero-title-holder .hero-title:before {
    position: absolute; 
    width: 65px;
    height: 5px;
    content: ""; 
    left: 0%;
    top: -12px;
    background-color: var(--theme-green);
}
.hero-title-holder .hero-subtitle{
    /* text-align: center; */
    font-size: 40px;
    font-weight: 700;
}
.hero-right-imgholder img{
    width: 240px;
}
.about-choosetext{
    font-size: 16px;
}
.hero-right-imgholder .whatsexamifyimg{
    width: 330px;
}
.whatsexamlistimg{
    width: 32px;
    margin-right: 10px;
}
.webhomefooter-top{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}
.webhomefooter-contentouter{
    width: 50%;
    padding-left: 50px;
}
.webhomefooter-title-holder .webhomefooter-title { 
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 0;
    position: relative;
} 
.webhomefooter-title-holder .webhomefooter-title:before {
    position: absolute; 
    width: 65px;
    height: 5px;
    content: ""; 
    left: 0;
    background-color: var(--theme-green);
} 
.section-footertop-style{
    background-color: var(--light-gray);
    border-radius: 21rem 0 0;
    padding: 0px 0 0px 54px;
}
.webfooter-top{
    width: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
}
.footertop-title-holder .footertop-title { 
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    position: relative;
} 
.footertop-title-holder .footertop-title:before {
    position: absolute; 
    width: 65px;
    height: 5px;
    content: ""; 
    left: 0;
    background-color: var(--theme-green);
}
.footertop-imgouter{
    width: 50%;
}
.footertop-leftimg-holder{
    margin-top: -10%;
}
.footertop-leftimg-holder .singleimg{
    width: 81%;
}
.footertop-contentouter{
    width: 50%;
}
/*---------footer---------*/
footer {
    background-color: var(--footerbg-gray);
    color: #fff;
    padding: 40px 0 0; 
}
footer h4 {
    font-size: 24px;
    font-weight: 600; 
}
footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.about-footer li i {
    position: relative;
    margin-right: 20px;
}
.about-footer li {
    padding-left: 0px;
    position: relative;
    margin-bottom: 15px;
} 
footer a {
    color: var(--white);
} 
footer a:hover {
    color: var(--theme-green);
}
.footer-title {  
    margin-bottom: 35px;
} 
ul.footer-social {
    display: flex;
    justify-content: end;
    align-items: center;
} 
ul.footer-social li {
    display: inline;
    margin-right: 16px;
} 
ul.footer-social i {
    width: 24px;
    height: 24px;
    background: var(--theme-green);
    color: var(--black);
    text-align: center; 
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.footer-social li:last-child {
    margin-right: 0px;
} 
ul.footer-social i:hover {
    background: var(--theme-blue);
    color: var(--white);
} 
.page-more-info li {
    margin-bottom: 15px;
} 
.footer-bottom p {
    text-align: right;
}
.footer-bottom {
    margin-top: 30px;
    padding: 15px 0;
    background-color: var(--black);
} 
/* footer end */ 
.speech-bubble {
    background: var(--theme-blue);
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    /* line-height: 4em; */
    /* margin-bottom: 1em; */
    padding: 2px 1em;
    position: relative;
    text-align: center;
    vertical-align: top;
    border-radius: 25px;
    /* min-width: 7em; */
    /* margin: 30px 10px;*/
}
.bubble-resp{
    position: absolute;
    right: 37%;
    margin-top: -17px;
}
.speech-bubble:after {
    border-left: 8px solid var(--theme-blue);
    border-right: 4px solid transparent;
    border-top: 4px solid var(--theme-blue);
    border-bottom: 7px solid transparent;
    content: '';
    margin-left: -1em;
    position: absolute;
    top: 100%;
    left: 17%;
    width: 0;
    height: 0;
}
 
/* home page start */

.owl-carouselouter{
    background-color: var(--white);
    border-radius: 20px;
    padding-bottom: 20px;
}

/* .owl-carousel .owl-wrapper-outer{
    background-color: var(--white);
    border-radius: 20px;
} */

#news-slider {
    margin-top: 80px;
}

.slidebox-holder { 
    margin: 20px 30px 20px;
    border-radius: 15px;
    padding-top: 1px; 
}

.slidebox-holder .slidebox-content {
    background: var(--white);
    padding: 10px 20px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    border: 2px solid var(--theme-blue);
    height: 520px;
}

.slidebox-holder .slidebox-title {
    font-size: 24px;
    font-weight: bold;   
    transition: all 0.3s ease 0s;
} 
.slidebox-holder .slidebox-subtitle {
    font-size: 18px;
    font-weight: bold;  
    transition: all 0.3s ease 0s;
    color: var(--theme-green);
}
.slidebox-holder .slidebox-heading {
    font-size: 14px;
    font-weight: bold;  
    transition: all 0.3s ease 0s;
}
.slidebox-holder .slidebox-description {
    line-height: 24px;
    color: var(--black);
    display: block; 
}
.slidebox-bottom{
    background: var(--white);
    padding: 5px 21px;
    border-radius: 20px;
    border: 2px solid var(--black);
}
.slidebox-bottombox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slidebox-bottombox-text{
    font-weight: 700;
}
.student-count{
    width: 30px;
    height: 30px;
    border: 2px solid var(--black);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
.owl-controls .owl-buttons {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
    background: var(--theme-dark-blue);
    position: absolute;
    top: 38%;
    left: -54px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
    height: 42px;
    width: 42px;
    text-align: center;

    /* background: transparent;
    position: absolute;
    top: 38%;
    left: -95px;
    width: 90px;
    padding: 0 18px 0 15px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--white); */
}

.owl-controls .owl-buttons .owl-next {
    background: var(--theme-dark-blue);
    position: absolute;
    top: 38%;
    right: -54px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
    height: 42px;
    width: 42px;
    text-align: center;

    /* background: transparent;
    position: absolute;
    top: 38%;
    right: -95px;
    width: 90px;
    padding: 0 18px 0 15px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--white); */
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: var(--white);
    font-size: 30px;
}

.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}

@media only screen and (max-width:1280px) {
    .slidebox-holder .slidebox-content {
        padding: 10px 15px 25px 15px;
    }
}
/* home page end */

/* why choose us section start */
.circle-iconbg{
    width: 112px;
    height: 112px;
    padding: 15px;
    background-color: var(--white);
}
/* why choose us section end */

/* getstarted-box start */
.getstarted-box img{
    width: 120px;
}
/* getstarted-box end */
/* Subjects we Offer start */
.offer-card{
    background-color: rgba(4,111,155,0.13);
    border-radius: 20px;
}
.offer-card:hover{
    background-color: rgba(224,153,0,0.33);
}
.offer-card img{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
/* Subjects we Offer end */
/* Examify.study Pricing start */
.pricing-card{
    border-radius: 50px;
}
.pricing-cardbody{
    padding: 50px 30px;
}
.pricing-card-title{
    font-size: 30px;
    font-weight: 600;
}
.pricing-card-title.pricingtitle-borderbtmblue{
    border-bottom: 2px solid var(--light-blue);
    /* width: 50%; */
    margin: auto;
    margin-bottom: 16px;
    padding-bottom: 5px;
}
.pricing-card-title.pricingtitle-borderbtmwhite{
    border-bottom: 2px solid var(--white);
    /* width: 50%; */
    margin: auto;
    margin-bottom: 16px;
    padding-bottom: 5px;
}
.pricing-card .midtext-lgmargin{
    /* margin-bottom: 50px; */
}
/* Examify.study Pricing end */

/* tab panel start */   
#myTab {
	background-color: transparent;
}
.price-navtabs .pricetab-btn{
    background-color: var(--white);
    border: 1px solid var(--black);
    color: var(--black) !important;
    border-radius: 25px;
    font-weight: 600;
    margin: 10px;
    padding: 3px 15px;
}
.price-navtabs .active{
    background-color: var(--theme-green) !important;
    border: 1px solid var(--theme-green);
    color: var(--black);
}
 /* tab panel end */


 /* Check Out Summary start */
.orderinfo-outer{
    background-color: var(--white);
    padding: 20px;
    border-radius: 10px;
} 
.product-card-title {
    display: block;
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--theme-green);
    font-size: 18px;
    font-weight: 600;
}
.productinfo-outer{
    display: flex;
    /* justify-content: space-between; */
    border-bottom: 1px solid var(--light-gray);
    grid-column-gap: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.productinfo-title{
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.productinfo-subtitle{
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.productqty-holder{
    text-align: center;
}
.productinfo-procode{
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.orderinfo-amt{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}
.orderinfo-amt small{
    font-size: 12px;
    font-weight: 600;
}
.quantity-select{
    border: 0;
    border-bottom: 1px solid var(--dark-gray);
    border-radius: 0;
    text-align: center;
    width: 130px;
}
.summery-amt{
    font-size: 18px;
}
.orderinfo-remove{
    font-weight: 600;
}
.checkout-infoboxtext{
    font-size: 12px;
}
.checkout-infotext{
    font-size: 18px;
    font-weight: 600;
}
.checkout-infotext small{
    font-size: 12px;
    font-weight: 600;
}
 /* Check Out Summary end */

 .subscription-title-box {
    display: block;
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--theme-blue);
}
.subscription-title{
    font-size: 18px;
    font-weight: 700;
}
 
/* register page start */
.register-wrapper {
    max-width: 80%;
    border-radius: 10px;
    margin: 50px auto;
    padding: 30px 40px;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.71);
}
.scrollable-menu {
    max-height: 200px; 
    overflow-y: auto;
  }
/* register page end */

/* sign in page start */

.signin-wrapper {
    max-width: 500px;
    border-radius: 10px;
    margin: 50px auto;
    padding: 30px 40px;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.71);
}
.sign-logoholder img{
    width: 220px;
}

.form-floating-bottom-line {
    position: relative;
    margin-bottom: 1rem;
}
.form-floating-bottom-line .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    padding-left: 2.5rem;
}
.input-group-prepend-bottom-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    color: #ccc;
    pointer-events: none;
}
.input-group-text {
    border: none;
    background: none;
}
  
.signin-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
  
.signin-form .form-group label {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #777;
    transition: all 0.3s ease-out;
    pointer-events: none;
}
  
.signin-form .form-control:focus {
    border-color: #000 !important;
    box-shadow: none !important;
}
  
.signin-form .form-control:focus ~ label,
.signin-form .form-control:not(:placeholder-shown) ~ label {
    bottom: 30px;
    font-size: 12px;
    color: #333;
}
  
.signin-form .input-group-text .fa {
    color: #777;
}
.signin-form .input-group-text .fa:hover {
    color: #333;
}

.signin-form .input-group-prepend-bottom-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    color: #ccc;
    pointer-events: none;
}
.signin-form .form-floating>label{
    padding-left: 3rem;
}
.signin-form .password-holder{
    display: flex;
    width: 100%;
    align-items: center;
    background: #fff;
}
.signin-form .input-eye{
    position: absolute;
    right: 0;
}
.signin-form .input-group-text{
    padding: 0;
    font-size: 1.5rem;
}
.signin-form .forgotpw{
    color: #0683B9;
    text-decoration: none;
    font-size: 12px;
}
.newregister-link{
    font-size: 14px;
    margin-top: 20px;
}
.newregister-link a{
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-blue);
}
/* sign in page end */

/* feedback page start */
.ratings i{
    color:#cecece;
    font-size: 56px;
} 
.rating-color{
    color:#fbc634 !important;
}
/* feedback page end */
 
/* faq page start */
.faq-outer{
    padding: 40px;
    /* background-color: var(--white);
    border-radius: 30px;
    width: 80%;
    margin: auto; */
}
.faq-infobox{
    /* padding: 15px;
    border: 1px solid var(--light-gray);
    border-radius: 15px; */
    font-size: 16px;
}
/* faq page end */

.bsb-accordion-6 .accordion-button::after{
    /* background-color: var(--theme-green);
    border-radius: 25px;;
    color: var(--white); */
}
/* .bsb-accordion-6 .accordion{
    --bs-accordion-bg: #f4f4f4;
    --bs-accordion-color: #212529;
    --bs-accordion-active-color: #000;
    --bs-accordion-active-bg: #fff; 
    --bs-accordion-border-radius: 15px;
    --bs-accordion-inner-border-radius: calc(15px - 1px);
} */
.accordion-button:not(.collapsed){
    /* --bs-accordion-active-bg: #fff; */
    /* --bs-accordion-active-bg: transparent; */
}
.bsb-accordion-6 .accordion-item{
    /* margin-bottom: 20px;
    background-color: transparent; */
    /* border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; */
    /* border-radius: 15px;
    border-top: 1px solid #dee2e6; */
}
.bsb-accordion-6 .accordion-body {
    background-color: transparent;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    /* border-radius: 15px; */
}
.accordion-button{
    /* border-top-left-radius: 15px;
    border-top-right-radius: 15px; */
    /* border-radius: 15px; */
}

/* contact page start */
.contact-herotitle{
    font-size: 40px !important;
}
.contactform-stylegreenbg {
    background-color: var(--theme-dark-green);
    background-image: url('../images/section-bg.svg');
    border-radius: 21rem 0 0;
    padding: 0px 0 0px 54px;
}
.contactul{
    list-style: none;
    line-height: 32px;
    font-size: 18px;
    color: var(--white);
    padding-left: 0;
}
.contactul a{ 
    color: var(--white);
}
.contactul i{ 
    margin-right: 10px;
}
.contact-formcard{
    background-color: #ABCE36;
    position: relative;
    bottom: -60px;
}
.contact-footer{
    padding-top: 60px;
}
.newsletter-outer .form-control{
    border-radius: 0;
    padding: 10px 12px;
}
.newsletter-outer .form-control:focus{
    outline: 0;
    box-shadow: none;
}
.subscribe-btn{
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px; 
    color: #fff;
    background-color: #046F9B;
    border-color: #046F9B;
    padding: 5px 25px;
}
.subscribe-btn:hover{ 
    background-color: #046F9B;
    border-color: #046F9B;

}
.newsletter-title{
    font-size: 24px !important;
    font-weight: 600 !important;
}
.section-title-holder .footer-greenline-topleft {
    text-align: center;
    line-height: 24px;
    position: relative;
} 
.section-title-holder .footer-greenline-topleft::before {
    position: absolute;
    /* bottom: 0px; */
    width: 65px;
    height: 5px;
    content: "";
    top: -10px;
    left: 0%; 
    background-color: var(--theme-green);
}
/* contact page end */

/* Other page start */
.paratitle{
    font-size: 18px;
    font-weight: 600;
}
/* Other page end */

@media (max-width: 1280px){
    .bubble-resp {
        position: absolute;
        right: 36%;
        margin-top: -17px;
    }

    .pricing-card-title {
        font-size: 30px;
        font-weight: 600;
    }
}

@media (max-width: 1024px){
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
    }
    .bubble-resp {
        position: absolute;
        right: 31%;
        margin-top: -17px;
    }
    
}

@media (max-width: 991px){
    .primary-roundedbtn-green {
        padding: 7px 20px;
        width: 157px;
    }
    .primary-roundedbtn-blue {
        padding: 7px 20px;
        width: 157px;
    }
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px; 
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
        height: 590px;
    }
    .slidebox-bottom { 
        padding: 5px 11px; 
    }
    .bubble-resp {
        position: absolute;
        right: 29%;
        margin-top: -17px;
    }
    .section-style {
        /* background-color: var(--theme-blue); */
        background-image: url(../images/section-bg.svg);
        border-radius: 21rem 0 0;
        padding: 45px 0 45px 42px;
    }
    .section-wthbg-XL-style{
        border-radius: 0;
        padding: 20px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        /* background-image: url('../images/section-bg.svg'); */
        /* background-repeat: no-repeat; */
        border-radius: 21rem 0 0;
        padding: 45px 0 45px 58px;
        height: 800px;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 21rem 0 0;
        padding: 45px 0 45px 58px;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .hero-title-holder .homehero-title { 
        font-size: 28px;
        font-weight: 600; 
    }
    .hero-title-holder .hero-subtitle { 
        font-size: 28px;
        font-weight: 600;
    }
    .hero-title-holder .homehero-title:before { 
        left: 48%; 
    }
    .section-title-holder.smtop{
        margin-top: 30px;
    }
    .section-title-holder .section-title { 
        font-size: 28px;
        font-weight: 600;
        line-height: 56px;
    }
    .section-title-holder .section-title-greenbottomline { 
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-greenbottomline::before {
        left: 48%;
        bottom: -7px;
    }
    .section-title-holder .section-title-bluebottomline { 
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-bluebottomline::before { 
        bottom: -12px; 
        left: 50%; 
    }
    .section-title-holder .section-title-blueline:before {
        bottom: 9px;
    }
    .hero-right-imgholder{
        text-align: center;
    }
    .pricing-card .midtext-lgmargin {
        margin-bottom: 10px;
    }
    .section-footertop-style{
        background-color: var(--light-gray);
        border-radius: 0rem 0 0;
        padding: 0px 0 15px 0px;
    }
    .webfooter-top{
        width: 100%;
        margin: auto;
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: center;
    }
    .footertop-imgouter {
        width: 50%;
        text-align: center;
    }
    .footertop-leftimg-holder img {
        width: 100%;
    }
    .footertop-contentouter {
        width: 50%;
    }
    .contactform-stylegreenbg {
        background-color: var(--theme-dark-green);
        border-radius: 17rem 0 0;
        padding: 45px 0 45px 58px;
    }
    .quantity-select{
        width: auto;
    }

    .pricing-card-title {
        font-size: 26px;
        font-weight: 600;
    }
}

@media (max-width: 768px){
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px; 
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
        height: 500px;
    }
    .bubble-resp {
        position: absolute;
        right: 25%;
        margin-top: -17px;
    }
    .section-style{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        border-radius: 0rem 0 0;
        padding: 0px 0 0px 0px;
    }
    .section-wthbg-XL-style{
        border-radius: 0;
        padding: 20px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        /* background-repeat: no-repeat; */
        border-radius: 0rem 0 0;
        padding: 0;
        height: auto;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 21rem 0 0;
        padding: 20px;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .section-footertop-style{
        background-color: var(--light-gray);
        border-radius: 0rem 0 0;
        padding: 0px 0 15px 0px;
    }
    .webfooter-top{
        width: 100%;
        margin: auto;
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: center;
    }
    .footertop-imgouter {
        width: 50%;
        text-align: center;
    }
    .footertop-leftimg-holder img {
        width: 100%;
    }
    .footertop-contentouter {
        width: 50%;
    }
    .contactform-stylegreenbg {
        background-color: var(--theme-dark-green);
        border-radius: 17rem 0 0;
        padding: 0px 0 0px 54px;
    }
}

@media (max-width: 640px){
    .bubble-resp {
        position: absolute;
        right: 21%;
        margin-top: -17px;
    }
    .section-style{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        border-radius: 0rem 0 0;
        padding: 0px 0 0px 0px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        /* background-repeat: no-repeat; */
        border-radius: 0rem 0 0;
        padding: 0;
        height: auto;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 21rem 0 0;
        padding: 0;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .hero-title-holder .homehero-title { 
        font-size: 22px;
        font-weight: 600; 
    }
    .hero-title-holder .hero-subtitle { 
        font-size: 22px;
        font-weight: 600;
    }
    .hero-title-holder .homehero-title:before { 
        left: 45%; 
    }
    .section-title-holder .section-title { 
        font-size: 22px;
        font-weight: 600;
        line-height: 56px;
    }
    .section-title-holder .section-title-greenbottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-greenbottomline::before {
        left: 45%; 
    }
    .section-title-holder .section-title-bluebottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-bluebottomline::before { 
        bottom: -12px; 
        left: 50%; 
    }
    .section-footertop-style{
        background-color: var(--light-gray);
        border-radius: 0rem 0 0;
        padding: 0px 0 15px 0px;
    }
    .webfooter-top{
        width: 100%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footertop-imgouter {
        width: 50%;
        text-align: center;
    }
    .footertop-leftimg-holder img {
        width: 50%;
    }
    .footertop-contentouter {
        width: 100%;
    }
    
}

@media (max-width: 576px){
    .owl-carouselouter {
        background-color: var(--white);
        border-radius: 20px;
        padding-bottom: 20px;
        width: 85%;
        margin: auto;
    }
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px; 
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
    }
    .bubble-resp {
        position: absolute;
        right: 16%;
        margin-top: -17px;
    }
    .section-wthbg-style{
        border-radius: 0;
        padding: 20px 0;
    }
    .section-wthbg-XL-style{
        border-radius: 0;
        padding: 20px 0;
    }
    .section-style{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        border-radius: 0rem 0 0;
        padding: 0px 0 0px 0px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        /* background-repeat: no-repeat; */
        border-radius: 0rem 0 0;
        padding: 0;
        height: auto;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 16rem 0 0;
        padding: 0;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .hero-title-holder .homehero-title { 
        font-size: 22px;
        font-weight: 600; 
    }
    .hero-title-holder .hero-subtitle { 
        font-size: 22px;
        font-weight: 600;
    }
    .hero-title-holder .homehero-title:before { 
        left: 40%; 
    }
    .section-title-holder .section-title { 
        font-size: 22px;
        font-weight: 600;
        line-height: 56px;
    }
    .section-title-holder .section-title-greenbottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-greenbottomline::before {
        left: 40%; 
    }
    .section-title-holder .section-title-bluebottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-bluebottomline::before { 
        bottom: -12px; 
        left: 50%; 
    }
    .section-footertop-style{
        background-color: var(--light-gray);
        border-radius: 0rem 0 0;
        padding: 0px 0 15px 0px;
    }
    .webhomefooter-top {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .webhomefooter-contentouter{
        width: 100%;
        padding-left: 0px;
    }
    .webhomefooter-title-holder .webhomefooter-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 0;
        position: relative;
    } 
    .webfooter-top{
        width: 100%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footertop-imgouter {
        width: 100%;
        text-align: center;
    }
    .footertop-leftimg-holder img {
        width: 50%;
    }
    .footertop-contentouter {
        width: 100%;
    }
    .footer-title {
        margin-bottom: 20px;
    }
    footer h4 {
        font-size: 18px;
        font-weight: 600; 
    }
    .about-footer{
        margin-bottom: 20px;
    }
    ul.footer-social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .productinfo-outer{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--light-gray);
        grid-column-gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .contactform-stylegreenbg {
        background-color: var(--theme-dark-green);
        border-radius: 0 0 0;
        padding: 0;
    }
    .quantity-select{
        width: auto;
    }
}

@media (max-width: 485px){
    .primary-roundedbtn-green {
        padding: 7px 20px;
        width: 150px; 
    }
    .primary-roundedbtn-blue {
        padding: 7px 20px;
        width: 150px; 
    }
    .owl-carouselouter {
        background-color: var(--white);
        border-radius: 20px;
        padding-bottom: 20px;
        width: 85%;
        margin: auto;
    }
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px; 
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
        height: 500px;
    }
    .section-title-holder .section-title { 
        font-size: 22px;
        font-weight: 600;
        line-height: 56px;
    } 
    .bubble-resp {
        position: absolute;
        right: 3%;
        margin-top: -17px;
    }
    .section-wthbg-style{
        border-radius: 0;
        padding: 20px 0;
    }
    .section-wthbg-XL-style{
        border-radius: 0;
        padding: 20px 0;
    }
    .section-style{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        border-radius: 0rem 0 0;
        padding: 0px 0 0px 0px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        /* background-repeat: no-repeat; */
        border-radius: 0rem 0 0;
        padding: 0;
        height: auto;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 0rem 0 0;
        padding: 20px 0;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .hero-title-holder .homehero-title { 
        font-size: 22px;
        font-weight: 600; 
    }
    .hero-title-holder .hero-subtitle { 
        font-size: 22px;
        font-weight: 600;
    }
    .hero-title-holder .homehero-title:before { 
        left: 40%; 
    }
    .section-title-holder .section-title { 
        font-size: 22px;
        font-weight: 600;
        line-height: 56px;
    }
    .section-title-holder .section-title-greenbottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-greenbottomline::before {
        left: 40%; 
    }
    .section-title-holder .section-title-bluebottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-bluebottomline::before { 
        bottom: -12px; 
        left: 50%; 
    }
    .section-footertop-style{
        background-color: var(--light-gray);
        border-radius: 0rem 0 0;
        padding: 0px 0 15px 0px;
    }
    .webfooter-top{
        width: 100%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footertop-imgouter {
        width: 100%;
    }
    .footertop-contentouter {
        width: 100%;
    }
    .footer-title {
        margin-bottom: 20px;
    }
    footer h4 {
        font-size: 18px;
        font-weight: 600; 
    }
    .about-footer{
        margin-bottom: 20px;
    }
    ul.footer-social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .productinfo-outer{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--light-gray);
        grid-column-gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .faq-outer{
        padding: 0px;
    }
    .contactform-stylegreenbg {
        background-color: var(--theme-dark-green);
        border-radius: 0rem 0 0;
        padding: 0;
    }
}

@media (max-width: 395px){ 
    .primary-roundedbtn-green {
        padding: 7px 20px;
        width: 150px; 
    }
    .primary-roundedbtn-blue {
        padding: 7px 20px;
        width: 150px; 
    }
    .owl-carouselouter {
        background-color: var(--white);
        border-radius: 20px;
        padding-bottom: 20px;
        width: 85%;
        margin: auto;
    } 
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px; 
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
        height: 500px;
    }
    .slidebox-holder {
        margin: 20px 15px 20px; 
    }
    .slidebox-bottom { 
        padding: 5px 18px; 
    }
    .primary-btn-green {
        padding: 5px 20px;
        width: 125px;
        font-size: 12px; 
    }
    .bubble-resp {
        position: absolute;
        right: 3%;
        margin-top: -17px;
    }
    .section-wthbg-style{
        border-radius: 0;
        padding: 20px 0;
    }
    .section-wthbg-XL-style{
        border-radius: 0;
        padding: 20px 0;
    }
    .section-style{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        border-radius: 0rem 0 0;
        padding: 0px 0 0px 0px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        /* background-repeat: no-repeat; */
        border-radius: 0rem 0 0;
        padding: 0;
        height: auto;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 0rem 0 0;
        padding: 20px 0;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .hero-title-holder .homehero-title { 
        font-size: 22px;
        font-weight: 600; 
    }
    .hero-title-holder .hero-subtitle { 
        font-size: 22px;
        font-weight: 600;
    }
    .hero-title-holder .homehero-title:before { 
        left: 40%; 
    }
    .section-title-holder .section-title { 
        font-size: 22px;
        font-weight: 600;
        line-height: 56px;
    }
    .section-title-holder .section-title-greenbottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-greenbottomline::before {
        left: 40%; 
    }
    .section-title-holder .section-title-bluebottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-bluebottomline::before { 
        bottom: -12px; 
        left: 50%; 
    }
    .productinfo-outer{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--light-gray);
        grid-column-gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .register-wrapper {
        max-width: 100%;
        border-radius: 10px;
        margin: 50px auto;
        padding: 30px 40px; 
    }
    .faq-outer{
        padding: 0px;
    }
    .contactform-stylegreenbg {
        background-color: var(--theme-dark-green);
        border-radius: 0rem 0 0;
        padding: 0;
    }
}

@media (max-width: 320px){
    .primary-roundedbtn-green {
        padding: 5px 15px;
        width: 141px; 
    }
    .primary-roundedbtn-blue {
        padding: 7px 15px;
        width: 141px;
    }
    .owl-carouselouter {
        background-color: var(--white);
        border-radius: 20px;
        padding-bottom: 20px;
        width: 85%;
        margin: auto;
    } 
    .owl-controls .owl-buttons .owl-prev { 
        top: 38%;
        left: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px; 
        font-size: 14px; 
    }
    .owl-controls .owl-buttons .owl-next { 
        top: 38%;
        right: -55px;
        height: 42px;
        width: 42px; 
        padding: 0 3px 0 3px;
        font-size: 14px; 
    }
    .slidebox-holder .slidebox-content {
        padding: 10px 7px 25px 7px;
        height: 500px;
    }
    .slidebox-holder {
        margin: 20px 15px 20px; 
    }
    .slidebox-bottom { 
        padding: 5px 11px; 
    }
    .hero-title-holder .homehero-title { 
        font-size: 22px;
        font-weight: 600; 
    }
    .hero-title-holder .hero-subtitle { 
        font-size: 22px;
        font-weight: 600;
    }
    .hero-title-holder .homehero-title:before { 
        left: 40%; 
    }
    .section-title-holder .section-title { 
        font-size: 22px;
        font-weight: 600;
        line-height: 56px;
    }
    .section-title-holder .section-title-greenbottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-greenbottomline::before {
        left: 40%; 
    }
    .section-title-holder .section-title-bluebottomline { 
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px !important;
    }
    .section-title-holder .section-title-bluebottomline::before { 
        bottom: -12px; 
        left: 50%; 
    }
    .bubble-resp {
        position: absolute;
        right: 3%;
        margin-top: -17px;
    }
    .section-style{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        border-radius: 0rem 0 0;
        padding: 0px 0 0px 0px;
    }
    .section-centerstyle{
        /* background-color: var(--theme-blue); */
        background-image: url('../images/section-bg.svg');
        /* background-repeat: no-repeat; */
        border-radius: 0rem 0 0;
        padding: 0;
    }
    .section-stylegreenbg{
        background-color: var(--theme-dark-green);
        border-radius: 0rem 0 0;
        padding: 20px 0;
    }
    .section-stylebluebg{ 
        background-image: url('../images/section-bluebg.svg'); 
    }
    .productinfo-outer{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--light-gray);
        grid-column-gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .faq-outer{
        padding: 0px;
    }
    .contactform-stylegreenbg {
        background-color: var(--theme-dark-green);
        border-radius: 0rem 0 0;
        padding: 0;
    }
    
    
}