/*
Theme Name: How2Become
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

black {
		background-color: #000000 !important;
	}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
}

.home .banner .kc-438-slide{
  opacity: 0;
}
.home .banner .kc-438-slide.slide-visible{
  opacity: 1;
}


.course-panel .panel-image {
	background:red;
	height:100%;
	width:100%;
}

#search-filter-form-422 ul.children {
	display:none;
}

.searchform-wrapper .autocomplete-suggestions{
  max-height: 25vh;
}

.career-search-select-wrap{
  width: 11.5rem;
  margin-right:4rem;
}
.career-search-select-wrap #career-search-select{
  margin-bottom: 0 !important
}
.career-search-form-row.flex-row.relative{
  vertical-align: top;
}


.sr-item{
  text-align: center;
}
.sr-item span{
  display: block;
  padding: .5rem 0 0;
}
.sr-item-image{
  display: block;
  padding-top: 56%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #c1c1c1;
  background-image: url("img/no-image.jpg");
}

.sr-sub-heading{
  padding-top: 1rem;
  padding-bottom: .5rem;
  margin-bottom: 0;
}


.ic-438-search{
  cursor: pointer;
    margin:0 12px!important;
    position:absolute!important;
    right:0;
}

.header-nav .searchform-wrapper {
    width:200px;
    padding:.75em;
}


.search-box {
    width:200px;
    display:flex;
    align-items: center;
    position: relative;
}

.search-box .searchform-wrapper {display:flex; align-items: center; padding:3px 0;}

.searchform-wrapper .autocomplete-suggestions-nav .autocomplete-suggestion {padding:0;}
.searchform-wrapper .autocomplete-suggestions-nav .autocomplete-suggestion .search-name {padding:0;}
.searchform-wrapper .autocomplete-suggestions-nav .autocomplete-suggestion .search-name a {padding: 0.4em 0.75em; display:block;}
.searchform-wrapper .autocomplete-suggestions-nav .autocomplete-suggestion .search-name a:hover {background:rgba(0,0,0,0.05)}


.searchform-careers-nav {
    width:200px;

}

.searchform-careers-nav .autocomplete-suggestions-nav{
    max-height: 25vh;
    overflow: scroll;
    display:none
}

.noresults {color:#F49600; padding:16px;}


/*Ikrama*/

.tm30 {
  margin-top: 30px;
}

table.shop_table.subscription_details .button.cancel {
    display: none;
}



/* PMI Accordion Shortcode style */
.xl-qus, 
.accordion-item.accordion-v1 .accordion-title,
.accordion-item.accordion-v2 .accordion-title {
    position: relative;
    min-height: 60px;
    display: flex;
    align-items: center;
    border: 2px solid #68d023;
    border-radius: 8px;
    padding: 5px 38px 5px 70px;
    margin-bottom: 8px;
    background: transparent;
    color: inherit;
    font-weight: inherit;
}

.xl-qus:before, 
.accordion-item.accordion-v1 .accordion-title:before,
.accordion-item.accordion-v2 .accordion-title:before {
    position: absolute;
    content: url(https://www.how2become.com/wp-content/uploads/2021/06/qus-icon.png);
    top: 0;
    left: 0;
    background: #68d023;
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordion .accordion-item.accordion-v1 .toggle,
.accordion .accordion-item.accordion-v2 .toggle {
    right: -8px;
    left: inherit;
    font-size: 18px;
}

.accordion .accordion-item.accordion-v1 .toggle i.icon-angle-down {
    color: #68d023;
}
.accordion .accordion-item.accordion-v2 .toggle i.icon-angle-down {
    color: #b4e797;
}

.accordion-item.accordion-v1 .accordion-title {
    border-color: #68d023;
}
.accordion-item.accordion-v2 .accordion-title {
    color: #a0a0a0;
    border-color: #B4E797;
}


.accordion-item.accordion-v1 .accordion-title:before {
    background: #68d023;
}
.accordion-item.accordion-v1 .toggle i.icon-angle-down {
    color: #68d023;
}
.accordion-item.accordion-v2 .accordion-title:before {
    background: #B4E797;
}
.accordion-item.accordion-v2 .toggle i.icon-angle-down {
    color: #B4E797;
}


.accordion-item.accordion-v3 .accordion-title {
    color: #555;
    border-color: #DFE3E7;
    padding-left: 15px;
}
.accordion-item.accordion-v3 .accordion-title:before {
    content: "";
    width: 0;
}
.accordion-item.accordion-v3 .toggle i.icon-angle-down {
    color: #555555;
}




/*Testimonial*/
.xl-testimonial {
	position: relative;
    border: 2px solid #5b9bef;
    padding: 50px 30px 30px 40px;
    border-radius: 8px;
    z-index: 0;
    margin-bottom: 30px;
}
.xl-testimonial:before {
	position: absolute;
	content: "";
	background: url(img/quote.png);
    width: 140px;
    height: 121px;
    z-index: -1;
    top: 12px;
    left: 12px;
    opacity: .3;
}
.xl-testimonial .author {
	margin-bottom: 0;
}

/*Social testimonial*/
.xl-social-testimonial:not(:last-child) {
    margin-bottom: 30px;
}
.xl-social-testimonial .xl-img {
    float: left;
    margin-right: 20px;
}
.xl-social-testimonial .xl-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.xl-social-testimonial .xl-content {
    display: block;
    overflow: hidden;
}
.xl-social-testimonial .author {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
}
.xl-social-testimonial .content {
    margin-bottom: 5px;
}
.xl-social-testimonial .content p {
    margin-bottom: 8px;
}
.xl-social-testimonial .time {
    color: #a5a5a5;
    margin: 0;
}


.stars-title .stars {
    background: url('https://www.how2become.com/wp-content/uploads/2021/06/stars.png') no-repeat center center;
    width: 150px;
    height: 25px;
    margin-bottom: 0px;
    display: inline-block;
    background-size: 80%;
}


.woocommerce-checkout .StripeElement {

    width: 100%;

}

/*Formulaire de paiement stripe */
#stripe-payment-data {
        #wc-stripe-cc-form {
                .form-row {
                        display: flex;
                        flex-direction: column;
                        .wc-stripe-elements-field {
                                max-height: 2rem;
                        }
                }
        }
        .woocommerce-SavedPaymentMethods-saveNew {
                display: inherit;
        }
}

/* New product page for testing products from PMJT October 21 2025  */
/*New Product template 2025*/

.ff-dancing-script,
.ff-dancing-script h4 {
    font-family: "Dancing Script", serif;
}
.ff-inter h1,
.ff-inter h2,
.ff-inter h3,
.ff-inter h4,
.ff-inter .accordion-title {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.ff-inter h1 {
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 10px;
}
.fw-900 {
    font-weight: 900 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.mw700 {
    max-width: 700px;
    margin: 0 auto;
}
.mw800 {
    max-width: 800px;
    margin: 0 auto;
}
.mw900 {
    max-width: 900px;
    margin: 0 auto;
}
.p0 {
    padding: 0;
}
.pl0 {
    padding-left: 0;
}
.p20 {
    padding: 20px !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb50 {
    padding-bottom: 50px;
}
.m0,
.m0 p,
.m0 h1,
.m0 h2,
.m0 h3,
.m0 h4 {
    margin: 0;
}
.mb50 {
    margin-bottom: 50px;
}
.mb5,
.mb5 h4 {
    margin-bottom: 5px;
}
.mb10,
.mb10 h1 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb100 {
    margin-bottom: 100px;
}
.mb0,
.mb0 h2 {
    margin-bottom: 0;
}
.mt0 {
    margin-top: 0;;
}
.mt50 {
    margin-top: 50px !important;
}
.dshadow .col-inner {
    box-shadow: 10px 14px 34px 0px #0000001A;
}
.ds-top-banner-section {
    padding-top: 80px !important;
    text-align: center;
}
.btn-green-1,
.btn-white-1 {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 22px;
}
.btn-width-45 {
    width: 45%;
}
.btn-green-1 {
    background: #0DBE64 ! important;
	box-shadow: 10px 14px 34px 0px #0DBE646B;
}
.btn-white-1,
.btn-white-1:hover {
    background: #FFFFFF ! important;
	box-shadow: 10px 14px 34px 0px #BEBEBE6B;
    color: #0DBE64;
}
.btn-white-1:hover {
    opacity: .6;
    box-shadow: none;
}
.btn-yellow-1 {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    background: #F49600 ! important;
    box-shadow: 10px 14px 34px 0px #F496004D;
    color: #fff;
}
.btn-green-1 i:before,
.btn-white-1 i:before,
.btn-yellow-1 i:before {
    content: "";
}
.btn-green-1 i.icon-angle-right,
.btn-white-1 i.icon-angle-right,
.btn-yellow-1 i.icon-angle-right {
    background-image: url('img/arrow-right-white.png');
    height: 16px;
    background-size: 100%;
    width: 30px;
    background-repeat: no-repeat;
}
.btn-white-1 i.icon-angle-right {
    background-image: url('img/arrow-right-green.png');
}
.ds-banner-img {
    margin: auto;
}
.row-interview-qus {
    background: #fff;
    border: 1px solid rgba(23, 164, 255, 0.2);
    border-radius: 25px;
    box-shadow: 20px 24px 54px 0px rgba(0, 0, 0, 0.08);
    max-width: 800px;
    text-align: center;
    padding-bottom: 30px;
    margin-top: -218px;
}
.row-interview-qus .col {
    padding: 0;
}
.row-interview-qus .ds-top-heading h2 {
    background: rgba(23, 164, 255, 1);
    padding: 30px 50px;
    border-radius: 25px 25px 0 0;
    border: 1px solid rgba(23, 164, 255, 1);
    margin-top: -1px;
}
.row-interview-qus .accordion {
    padding: 30px 50px;
}
.row-interview-qus .accordion-inner {
    text-align: left;
}

/*Accordion new*/
.accordion-left-border-style-1 .accordion-item .accordion-title {
    border: 0;
}
.accordion-left-border-style-1 .accordion-item {
    margin-bottom: 15px;
    border-left: 5px solid rgba(23, 164, 255, 1);
    border-radius: 15px;
}
.accordion-left-border-style-1 .accordion-item .accordion-title:before {
    content: "";
    width: 0;
}
.accordion-left-border-style-1 .accordion-item .accordion-title {
    padding: 5px 38px 5px 15px;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}
.accordion-left-border-style-1 .accordion-item .accordion-title.active {
    color: #17A4FF;
}
.accordion-left-border-style-1 .accordion-inner {
    padding: 15px;
}
.accordion-left-border-style-1 .icon-angle-down:before {
    content: "+";
}
.accordion-left-border-style-1 .active .icon-angle-down:before {
    content: "_";
}
.accordion-left-border-style-1 .toggle {
    transform: none;
}
.accordion-left-border-style-1 .accordion-item.disabled .accordion-title {
    opacity: .3;
}

.ds-icon-box-style-green,
.ds-icon-box-style-white {
    padding: 35px;
    border-radius: 25px;
    box-shadow: 20px 24px 54px 0px #00000014;
}
.ds-icon-box-style-green {
    background: #17A4FF;
    color: #fff;
}
.ds-icon-box-style-green h5,
.ds-icon-box-style-white h5 {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 22px;
    font-weight: 900;
    text-transform: none;
    margin-bottom: 20px;
}
.ds-icon-box-style-green h5 {
    color: #fff;
}
.ds-icon-box-style-white h5 {
    color: #000;
}
.ds-icon-box-style-green p,
.ds-icon-box-style-white p {
    font-size: 16px;
}
.ds-icon-box-style-white {
    background: #fff;
}
.ds-icon-box-style-white.top-border {
    border-top: 4.5px solid;
    border-image: linear-gradient(90deg, #FCFCFC 1.81%, #00A859 51.8%, #FCFCFC 97.59%);
    border-image-slice: 1;
    box-shadow: 0px 24px 54px 0px #00000014;
}

.ds-icon-box-style-white .ds-tips-1 h5 {
    background: rgba(0, 168, 89, 1);
    max-width: 130px;
    padding: 10px;
    margin: -40px 0 0 0;
    text-align: center;
    border-radius: 15px;
    font-size: 25px;
    color: #fff;
}

.ds-green-bg-arrow-down:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(0, 168, 89, 1);
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ds-box-style-1 {
    background: #F3FFF2;
    padding: 30px;
    border: 1px solid #00A859;
    border-radius: 15px;
}
.ds-box-style-2 {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}
.ds-box-style-2 p {
    color: #000;
}
.bonus-box-1 {
    background: #fff;
    box-shadow: 10px 14px 64.5px 0px #00000021;
    border: 1px solid #DFFFDA;
    border-radius: 24px;
    padding: 0;
}
.bonus-box-1 .bonus-heading {
    background: #00A859;
    padding: 15px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
.bonus-box-1 .bonus-heading p {
    margin: 0;
}
.bonus-box-1 .bonus-heading p span {
    background: #fff;
    color: #00A859;
    padding: 5px;
}
.bonus-box-1 .bonus-content {
    padding: 15px !important;
}
.ds-number-box .col {
    padding: 0;
}
.ds-number-box {
    position: relative;
    border: 1px solid #17A4FF;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 75px;
    box-shadow: 10px 14px 34px 0px #0000001A;
    text-align: left;
}
.ds-number {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    position: absolute;
    top: -72px;
    left: 40px;
    background: #17A4FF;
    color: #fff;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ds-number p {
    margin: 0;
}
.ds-number-box h3 {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 30px;
}
.ds-number-box p {
    font-size: 20px;
}
.ds-question-box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 20px !important;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #ffffff;
    margin: 0 0 30px 0 !important;
}

.question-content {
    flex: 2;
    text-align: left;
    font-size: 16px;
    margin-right: 15px;
    padding: 0;
}
.question-content h2 {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 25px;
    margin-bottom: 10px;
    color: #17A4FF;
}
.question-content p {
    color: #666;
}
.question-image {
    flex: 1;
    text-align: right;
}
.question-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.ds-check-text {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.ds-check-icon {
    width: 20px;
    display: inline-block;
}
.ds-check-text .text {
    width: 100%;
}

.ds-bonus-widget {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 30px !important;
    border-radius: 10px;
    max-width: 800px;
    margin: 0 auto 30px;
    position: relative;
}
.ds-bonus-widget.blue {
    background-color: #ECF7FF;
}
.ds-bonus-widget.green {
    background-color: #F1FFF8;
}
.blue .bonus-badge p {
    background: #17A4FF;
}
.blue .bonus-price {
	color: #17A4FF;
}
.green .bonus-badge p {
    background: #0DBE64;
}
.green .bonus-price {
	color: #0DBE64;
}
.bonus-content {
    /* flex: 1; */
    text-align: left;
	padding: 0;
}
.bonus-badge {
    display: inline-block;
}
.bonus-badge p {
    color: #fff;
    padding: 8px 18px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1;
    margin: 0;
}
.bonus-heading h2 {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 28px;
    margin: 10px 0;
    color: #0D0D0D;
}
.bonus-text {
    color: #0D0D0D;
    font-size: 16px;
}
.bonus-value p {
    /* font-weight: bold;  */
    font-size: 16px;
    color: #0D0D0D;
    text-decoration: line-through;
    text-decoration-color: #FF0B0F;
    margin: 0;
}
.bonus-price p {
    font-size: 36px; 
    font-weight: bold;
    margin: 0;
}
.bonus-image {
    flex: 1; 
    text-align: right;
}
.bonus-image img {
    max-width: 100%; 
    height: auto; 
    border-radius: 10px;
}

/* Target all odd .your-class divs */
.ds-bonus-widget:nth-of-type(odd)::after,
.ds-bonus-widget:nth-of-type(even)::after {
    content: "";
    position: absolute;
    bottom: -65px;
    width: 50px;
    height: 96px;
    background-size: 50px !important;
    background-repeat: no-repeat !important;
}
.ds-bonus-widget:nth-of-type(odd)::after {    
    background: url('img/down-angle-arrow-left.png');    
    right: -70px;
}

/* Target all even .your-class divs */
.ds-bonus-widget:nth-of-type(even)::after {
    background: url('img/down-angle-arrow-right.png');
    left: -70px;
}

/* Target the LAST .your-class div and make it red */
.ds-bonus-widget.last::after {
    background: none;
}




.moneyback-guarantee {
    background: #0D0D0D;
    padding: 30px 30px 0 30px;
    border-radius: 25px;
    margin-top: 120px;
}
.moneyback-guarantee .img-inner {
    margin-top: -115px;
}
.cta-border-style {
    border: 1px solid rgba(23, 164, 255, 1);
    margin-top: -126px;
    padding: 125px 30px 30px 30px;
    border-radius: 20px;
    background-image: url('img/cta-banner.jpg');
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), url('img/cta-banner.jpg');
    box-shadow: 10px 14px 34px 0px #0000001A;
}

.dt-hidden {
    display: none;
}
.m-hidden {
    display: block;
}

@media only screen and (max-width: 549px) {
    .fs80, .fs80 h1, .fs80 h2, .fs80 h3, .fs80 h4, .fs80 h5 {
        font-size: 80%;
    }
    .mp0 .col-inner {
        padding: 0 !important;
    }
    .btn-width-45 {
        width: 100%;
    }
    .btn-yellow-1 {
        font-size: 30px;
    }
    .row-interview-qus .accordion {
        padding: 30px 15px;
    }
    .row-interview-qus .btn-green-1 {
        margin: 0 15px;
    }
    .dt-hidden {
        display: block;
    }
    .m-hidden {
        display: none;
    }
}



/* New product page 12th April 2025  */
.dnone {
    display: none;
}
.mb10 h1 {
    margin-bottom: 10px !important;
}
.lh11 h1 {
    line-height: 1.1;
}
.btn-xl {
    padding: 0px 100px;
}
.five-stars-rating p {
    position: relative;
    padding-left: 110px;
    display: inline-block;
}
.five-stars-rating p:before {
    background: url(img/stars.png);
    position: absolute;
    width: 100px;
    height: 20px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    top: 3px;
    left: 0;
}
.inline-checkbox ul {
    margin: 0;
}
.inline-checkbox ul li {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    margin: 0;
}
.inline-checkbox ul li:before {
    content: "";
    position: absolute;
    background: url(img/icon-check-solid-blue.png);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
}
.free-gift-fire p,
.guarantee-guard p {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 8px;
}
.free-gift-fire p::before,
.guarantee-guard p:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
}
.free-gift-fire p::before {
    background: url(img/icon-fire-white.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.guarantee-guard p:before {
    background: url(img/icon-gurentee.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 3px;
}
.ds-box-1 {
    background: #F7FBFF;
    border: 2px solid #4292C61A;
    padding: 15px;
    border-radius: 20px;
    position: relative;
}
.ds-box-1:before {
    content: "";
    position: absolute;
    right: -18px;
    background: url(img/light.png);
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
}
.ds-box-1 h3 {
    font-size: 18px;
    line-height: 1.2;
}
.ds-box-1 p {
    font-size: 14px;
    margin: 0;
}
.qus-timeline {
    max-width: 900px;
}
.qus-timeline .qus-no p {
    font-size: 18px;
    font-weight: 700;
}
.qus-timeline h3 {
    font-size: 16px;
}
.qus-timeline p {
    font-size: 14px;
}
.qus-ans-timeline-ball,
.qus-timeline .qus-no {
    position: relative;
}
.qus-timeline .qus-no:after,
.qus-timeline .qus-no:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 0;
}
.qus-timeline .qus-no:before {
    width: 30px;
    height: 30px;
    background: #4292c673;
    right: -18px;
}
.qus-timeline .qus-no:after {
    width: 16px;
    height: 16px;
    background: #17a4ff;
    right: -11px;
    top: 7px;

}
.qus-ans-timeline-ball:before {
    content: "";
    position: absolute;
    width: 4px;
    background: #17a4ff;
    height: 100%;
    left: -14px;
    top: 14px;
}
.qus-timeline.last .qus-ans-timeline-ball:before {
    background: linear-gradient(180deg, #17a4ff 0%, #FFFFFF 80%);
}
.ds-testimonial-1 {
    background: #fff;
    border: 1px solid #0717270D;
    border-radius: 12px;
    box-shadow: 0px 2px 4px 0px #0704920D;
    padding: 15px;
}
.ds-testimonial-1 .testimonial-text h3 {
    font-size: 16px;
}
.ds-testimonial-1 .testimonial-text p {
    margin: 0;
    font-size: 14px;
}
.ds-testimonial-2 > .col-inner {
    background: #fff;
    padding: 20px 15px 15px 15px;
    position: relative;
}
.ds-testimonial-2 > .col-inner::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 30px;
    height: 30px;
    background: url(img/quote-2.png);
    background-size: contain;
}

.accordion-v7 .accordion-title {
    padding: 12px 0;
    border: 0;
    min-height: 40px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #FFFFFF33;
    border-radius: 0;
    margin: 0;
}
.accordion-v7.light .accordion-title {
    border-bottom: 1px solid #07172733;
    font-size: 16px;
}
.accordion-v7.light .accordion-title.active  {
    color: #071727;
}
.accordion-v7 .accordion-title:before,
.accordion-v8 .accordion-title::before {
    content: "";
    display: none;
}
.accordion-v7 .icon-angle-down:before,
.accordion-v8 .icon-angle-down:before {
    content: "+";
}
.accordion-v7 .active .icon-angle-down:before,
.accordion-v8 .active .icon-angle-down:before {
    content: "_";
}
.accordion-v7 .toggle i.icon-angle-down {
    color: #fff;
    font-size: 30px;
}
.accordion-v7.light .toggle i.icon-angle-down {
    color: #071727;
}
.accordion-v7 .active {
    border: 0;
}
.accordion-v7 .accordion-inner {
    padding: 0;
    font-size: 16px;
}
.accordion-v7 .toggle {
    transition: none;
}
.accordion-v8 {
    margin-bottom: 10px;
}
.accordion-v8 .accordion-title {
    background-color: #fff;
    color: rgba(13, 13, 13, 1);
    padding: 12px;
    border: 0;
    min-height: 40px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    margin: 0;
}
.accordion-v8 .accordion-title.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-v8 .accordion-title:hover,
.accordion-v8 .accordion-title.active {
    color: rgba(13, 13, 13, 1);
}
.accordion-v8 .toggle {
    background: rgba(130, 36, 227, 1);
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    min-height: 28px;
    margin-top: 8px;
    margin-right: 19px;
    opacity: 1;
}
.accordion-v8 .toggle i.icon-angle-down {
    font-size: 20px;
    color: #fff;
    transition: none;
}
.accordion-v8 .accordion-title.active .toggle i {
    top: -12px;
}
.accordion-v8 .accordion-inner {
    background: #fff;
    color: #000;
    padding: 12px;
}
.accordion-v8 .accordion-inner p {
    color: #000;
}
.check-list-green-solid ul li {
    list-style: none;
    position: relative;
    font-size: 16px;
}
.check-list-green-solid ul li:before {
    content: "";
    background: url(img/icon-check-green-solid.png);
    width: 16px;
    height: 16px;
    background-size: contain;
    display: inline-block;
    left: -25px;
    position: absolute;
    top: 6px;
    background-repeat: no-repeat;
}
.ds-single-product .img {
    margin: auto;
}
.ds-single-product .ds-price-1 p {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}
.ds-single-product .ds-price-1 p del {
    color: #07172780;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
}
.ds-single-product .ds-price-1 .save-badge {
    background: #17A4FF;
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-left: 10px;
}
.free-gift-box {
    background: #FBFBFB;
    border: 1.5px solid #07172733;
    padding: 20px;
    border-radius: 16px;
}
.free-gift-box .img {
    margin: 0 auto 20px;
}
.ds-products-slider-1 .product-small {
    text-align: center;
}
.ds-products-slider-1 .category {
    text-transform: none;
    font-size: 12px;
    margin-bottom: 5px;
    color: #17A4FF;
}
.ds-products-slider-1 .product-title a {
    font-size: 16px;
    color: #071727BF;
}
.ds-products-slider-1 .price-wrapper {
    font-size: 16px;
}
.ds-products-slider-1 .price-wrapper del {
    font-size: 14px;
}

@media screen and (max-width: 849px) {
    .sf h1{
        font-size: 70%;
    } 
    .sf h2{
        font-size: 80%;
    }
    .btn-green-1.btn-xl {
        font-size: 18px;
        padding: 0 50px;
    }
    .card-box,
    .sm-full-col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100%;
    }
    .five-stars-rating p {
        padding-left: 80px;
    }
    .qus-timeline .qus-no:before {
        left: -5px;
    }
    .qus-timeline .qus-no:after {
        left: 2px;
    }
    .qus-ans-timeline-ball:before {
        height: 140%;
        left: 22px;
        top: -60px;
    }
    .qus-timeline .qus-no {
        padding-left: 35px;
    }
    .qus-ans-timeline-ball {
        padding-left: 50px;
    }
    .sm-col-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


.ds-green-bg-arrow-down {
    background: rgba(0, 168, 89, 1);
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    margin-bottom: 50px;
}
.ds-green-bg-arrow-down p {
    margin: 0;
}
.img-border-radious img {
    border-radius: 8px;
}

.color-section {
    padding: 20px !important;
    color: #fff !important;
    border-radius: 25px;
    margin-bottom: 30px;
    position: relative;
}
.bg-purple {
    background: #8224E3;
}
.bg-purple::before {
    content: "";
    background: url(img/left-curve-arrow-down-2.png);
    background-repeat: no-repeat;
    left: -75px;
    background-size: contain;
    width: 100px;
    position: absolute;
    height: 100px;
    top: 80%;
}
.bg-green {
    background: #00A859;
}
.bg-green::before {
    content: "";
    background: url(img/right-curve-arrow-down-2.png);
    background-repeat: no-repeat;
    right: -115px;
    background-size: contain;
    width: 100px;
    position: absolute;
    height: 100px;
    top: 80%;
}
.color-section.last::before {
    width: 0;
    height: 0;
}
.color-section h4, 
.color-section p {
    margin: 0;
}