.newhp_mainct{
    
}

.newhp_mainct .leftcontent h1{
    color:#5ABB42;
    font-size:3rem;
    font-weight:bold;
    text-align:left;
}

.newhp_mainct .leftcontent p{
    color:#1D262D;
    font-size:1.5rem;
    text-align:left;
     max-width:80%;
}

.newhp_mainct .leftcontent a.button{
    display: inline-block;
    color: #fff;
    background-color: #623090;
    font-size:1rem;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 auto;
    border: 0;
    padding: 0.75rem 1.5rem;
    border-radius:20px;
    -webkit-transition: all .25s;
    -webkit-transition-timing-function: linear;
    transition: all .25s;
    transition-timing-function: linear;
}

.newhp_mainct .right_icons{
    
}

.newhp_mainct .right_icons p img{
    max-width:120px;
    width:100%;
}

.newhp_mainct .right_icons p{
    color:#000000;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}

.newhp_mainct.grey_section{
    background-color:#ebf1f5;
    padding-bottom:50px;
}

.newhp_mainct.grey_section .heading{
    color:#623090;
    font-size:3rem;
    font-weight:bold;
    text-align:center;
    margin:50px 0px 25px;
    width:100%;
}


.newhp_mainct.grey_section .subheading{
    margin:25px 0px 45px;
    width:100%;
}

.newhp_mainct.grey_section .subheading p {
    color:#1D262D;
    font-size:1.5rem;
    text-align:center;
    font-weight:normal;
}


.newhp_mainct .products_mc .row{
    display: flex;
}

.newhp_mainct .products_mc [class*='col-']{
    flex: 1;
    padding-bottom:60px;
} 

.newhp_mainct .prducts_containers{
    flex: 1;
    height:100%;
    width:95%;
    margin:0px 2.5% 0px;
    padding:35px;
    background-color:#FFF;
    border-radius:50px;
    min-height:250px;
    -webkit-box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
    box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
}

.newhp_mainct .prducts_containers .categ_cont{
    width:100%;
    margin:0px 0px 25px;
}

.newhp_mainct .prducts_containers .categ_cont .categ{
    display: inline-block;
    color: #fff;
    background-color: #5ABB42;
    font-size:1rem;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 auto;
    border: 0;
    padding: 0.75rem 1.5rem;
    border-radius:20px;
}

.newhp_mainct .prducts_containers .img_cont{
    width:100%;
    max-height:350px;
    margin:0px 0px 25px;
    text-align:center;
}

.newhp_mainct .prducts_containers .img_cont img{
    max-height:350px;
}

.newhp_mainct .prducts_containers .prduct_name{
    width:100%;
    color:#000000;
    font-size:1.2rem;
    font-weight:bold;
    text-align:left;
    margin:0px 0px 0px;
}


.newhp_mainct .prducts_containers .stars{
    width:100%;
    margin:0px 0px 15px;
}

.newhp_mainct .prducts_containers .pricing{
    width:100%;
    margin:0px 0px 25px;
}

.newhp_mainct .prducts_containers .pricing span{
    color:#5ABB42;
    font-size:1.2rem;
    font-weight:bold;
}

.newhp_mainct .prducts_containers a.shop_button{
    display: inline-block;
    color: #fff;
    background-color: #623090;
    font-size:1rem;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 auto;
    border: 0;
    padding: 0.75rem 1.5rem;
    border-radius:20px;
    -webkit-transition: all .25s;
    -webkit-transition-timing-function: linear;
    transition: all .25s;
    transition-timing-function: linear;
}

.newhp_mainct .prducts_containers .jq-star{
    cursor: auto;
}

.newhp_mainct .shop_all{
    display: inline-block;
    color: #fff;
    background-color: #5ABB42;
    font-size:1rem;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 auto;
    border: 0;
    padding: 0.75rem 1.5rem;
    border-radius:20px;
    -webkit-transition: all .25s;
    -webkit-transition-timing-function: linear;
    transition: all .25s;
    transition-timing-function: linear;
}

.newhp_mainct.white_section{
    background-color: #FFF;
    padding-bottom:50px;
}

.newhp_mainct.white_section .heading{
    color:#623090;
    font-size:3rem;
    font-weight:bold;
    text-align:center;
    margin:25px 0px 25px;
    width:100%;
}

.newhp_mainct.white_section .subheading{
    margin:25px 0px 45px;
    width:100%;
}

.newhp_mainct.white_section .subheading p {
    color:#1D262D;
    font-size:1.5rem;
    text-align:center;
    font-weight:normal;
}

.newhp_mainct.white_section  .img_cont{
    width:100%;
    margin:0px 0px 25px;
    text-align:center;
}

.newhp_mainct.white_section  .img_cont img{
    
}

.newhp_mainct.white_section p{
    color:#37424A;
    font-size:1rem;
    font-weight:bold;
    text-align:center;
    margin:25px 0px 25px;
}


.newhp_mainct.white_section p a{
    color:#37424A;
    font-size:1rem;
    font-weight:bold;
    text-align:center;
}    
    
    
.newhp_mainct.white_section .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


.newhp_mainct.green_section{
    background-color:#d8eabe;
    padding-bottom:50px;
}

.newhp_mainct.green_section .heading{
    color:#623090;
    font-size:3rem;
    font-weight:bold;
    text-align:center;
    margin:50px 0px 25px;
    width:100%;
}


.newhp_mainct.white_section .prducts_containers{
    background-color:#ecf4f7;
}

.newhp_mainct.white_section .img_cont a img{
    border-radius: 20px;
}
.newhp_mainct.white_section .img_cont img{
     mix-blend-mode: multiply;
     
}

.newhp_mainct.white_section.middle_banner{
    margin: 50px 0px 0px;
}

.newhp_mainct.green_section .bottom_icons{ 
    padding-top: 50px
}

.newhp_mainct.green_section .bottom_icons .cont{ 
  display: flex;
  align-items: center;
  justify-content: center
}

.newhp_mainct.green_section .bottom_icons .img{
    flex-basis: 150px
}

.newhp_mainct.green_section .bottom_icons .img img{ 
    max-width:150px;
}

.newhp_mainct.green_section .bottom_icons .text{ 
    padding-left: 20px;
    color:#5ABB42;
    font-size:1rem;
    font-weight:bold;
}


@media screen and (max-width:991px){
    .newhp_mainct{
        margin: 10px 0px;
    }
    
    .newhp_mainct .leftcontent p{
         max-width:100%;
    }
    
}

@media screen and (max-width:1000px){
    .newhp_mainct .products_mc .row{
        display: block;
    }
}

/* NEW TESTIMONIALS SLIDER 2023 */

.new_slider_testimomnials{
    display: flex;
}

.new_slider_testimomnials .shadow-effect {
    flex: 1;
    height:100%;
    width:95%;
    margin:0px 2.5% 0px;
    padding:35px;
    background-color:#FFF;
    border-radius:50px;
    min-height:250px;
    -webkit-box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
    box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
}

.new_slider_testimomnials .item a.readmore{
    display: inline-block;
    color: #fff;
    background-color: #623090;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 auto;
    border: 0;
    padding: 0.75rem 1.5rem;
    border-radius: 20px;
    -webkit-transition: all .25s;
    -webkit-transition-timing-function: linear;
    transition: all .25s;
    transition-timing-function: linear;
}

.new_slider_testimomnials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
    text-align: left;
}
.new_slider_testimomnials .testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
}
.new_slider_testimomnials .item {
    text-align: center;
    padding: 50px 25px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.new_slider_testimomnials  .item  .product_cont{
    margin-bottom:20px;
}

.new_slider_testimomnials  .item  .product{
    display: inline-block;
    color: #fff;
    background-color: #5ABB42;
    font-size:1rem;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 auto;
    border: 0;
    padding: 0.75rem 0.75rem;
    border-radius:20px;
}

.new_slider_testimomnials .item .testimonial-random-name span{
        font-family: "Open Sans",sans-serif;
}

.new_slider_testimomnials.owl-carousel .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.new_slider_testimomnials.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
	margin: 0 auto 17px;
}
.new_slider_testimomnials.owl-carousel .owl-dots .owl-dot.active span,
.new_slider_testimomnials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #623090;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
}
.new_slider_testimomnials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.new_slider_testimomnials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
.new_slider_testimomnials.owl-carousel .owl-dots .owl-dot span {
    background: #5ABB42;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}



#review_view_more .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}

#review_view_more .modal-content{
    height: 100%;
    width: 95%;
    margin: 0px 2.5% 0px;
    padding: 0px;
    background-color: #FFF;
    border-radius: 50px;
    min-height: 250px;
    -webkit-box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
    box-shadow: 0px 55px 39px -50px rgba(0,0,0,0.40);
}
#review_view_more .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#review_view_more .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
@media screen and (max-width:1300px){
    .new_slider_testimomnials .item {
        padding: 0px 15px 50px 15px
    }
}

@media screen and (max-width:767px){
    .new_slider_testimomnials .item {
        padding: 0px 0px 50px 0px
    }
}