body {
    margin: 0px;
    padding: 0;
    font-family: 'Museo Sans 500';
    color: #fff;
}

.quote-box2 .container{display: flex;align-items:center}
.quote-box2 .container img{width:200px;margin-right:30px}
.quote-box2 .container p{font-size: 16px;
    line-height: 27px;
    font-weight: normal;}
.quote-box2{display: flex;
    align-items: center;
    justify-content: space-between;    
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;background:#1c126b;padding:30px 0}
.quote-box2 img{border-radius:100%;border:10px solid #ed1d23}
.video-container{max-width:100%;margin:0 auto;}
.video-container h3{    text-align: left;    font-size: 20px;    height: 50px;}
.video-container iframe{width:100%;float:left;}

.text-part.text-center .dimond{width:120px;margin:10px auto 0px auto; display: flex;}
.pledge-box{
    text-align: center;
    padding: 40px;
    background: #163686;
    }
.pledge-box span{}
img {
    max-width: 100%;
}
.owl-carousel {
    display: block;
   
}
.container {
    max-width: 1030px;
    padding: 0 20px;
}

.mobile-iocn {
    display: none;
    color: #000;
    float: right;
    font-size: 32px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 999;
}

.header {
    width: 100%;
    float: left;
    position: fixed;
    z-index: 99;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    opacity: 1;
}

.header ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header ul li {
}

.header ul li:first-child a {
    color: #00a951;
}

.header ul li a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    right: 0px;
    background: #000;
    top: 12px;
}

.header ul li a:hover {
    color: #00a951;
}

.header ul li a {
    position: relative;
    text-align: left;
    letter-spacing: -0.3px;
    color: #575757;
    font-size: 12px;
    padding: 0 15px;
    line-height: 35px;
    display: block;
}

.header ul li a:hover {
    text-decoration: none;
}

.header ul li:first-child a {
    padding-left: 0px;
    padding-right: 0px;
}

.header ul li:first-child a:after {
    display: none
}

.header ul li:last-child a:after {
    display: none
}

.banner {
    width: 100%;
    padding: 50px 0 115px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.banner .banner-text {
    max-width: 500px;
    width: 100%;
    margin-top: 10px;
}

.banner .banner-text img {
}

.banner .banner-text p {
    font-size: 18px;
    text-align: left;
    letter-spacing: 0.18px;
    color: #333333;
}
.form-btn{
    background: #ed1d23;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
    }
.banner img.poster {
    position: absolute;
    top: 30px;
    right: -240px;
    width: 70%;
	filter: drop-shadow(0px 0px 20px #000);
}

.green-lap {
    width: 100%;
    background-color: #00a250;
    /* background-image: url(../images/animation-2.png);background-repeat: no-repeat; */
    background-position: center bottom;
    /* padding-bottom: 260px; */
}

.green-inside h1 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    letter-spacing: -1.92px;
    margin: 0;
}

.green-inside h1 span {
    font-size: 55px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    letter-spacing: -2.64px;
    color: #ed1d23;
    display: block;
}

.green-inside a {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Museo Sans 900';
    letter-spacing: -0.18px;
    color: #333333;
    display: block;
    border-radius: 22px;
    background: #fff;
    padding: 10px 42px 10px 20px;
    margin: 0;
    position: relative
}

.green-inside a strong {
    color: #ed1d23;
}

.green-inside a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f2929;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
    
}

.green-inside {
    width: 100%;
    background: #163686;
    padding: 20px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -90px;
    z-index: 0;
    position: relative;
}

.about {
    width: 100%;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}

.about .heading {
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-family: 'Museo Sans 900';
    margin-right: 50px;
}

.about .heading span {
    display: block;
}

.about .heading-content {
}

.about .heading-content p {
    font-family: 'Museo Sans 300';
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.tab {
    overflow: hidden;
}

.common-myths {
    background:#1c126b;
    width: 100%;
    padding: 40px 0;
}

.common-myths h2 span {
    color: #F0BE8D;
}

.common-myths h2 {
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-family: 'Museo Sans 900';
    text-align: center;
    margin: 0 0 30px 0;
}

.tab {
    display: flex;
    align-items: flex-start;
    text-align: center;
    color: #fff;
    justify-content: space-between;
}

.tablinks {
    padding: 0 15px;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    clear: both;
    cursor: pointer;
    width: 18%;
}

.tablinks .icon-wrap {
    width: 100px;
    height: 70px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.tablinks img {
}

.tablinks p {
    font-size: 13px;
    line-height: 16px;
    font-family: 'MUSEO SANS 500';
    color: #A9B3D5;
}

.tablinks span {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #A9B3D5;
    color: #A9B3D5;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-top: auto;
    position: relative;
}

.tablinks span:before {
    content: "";
    position: absolute;
    width: 164px;
    height: 1px;
    background: #342a81;
    right: 39px;
}

.tablinks:nth-child(1) span:before {
    display: none
}

.tablinks:nth-child(2) span:before {
}

.tablinks:nth-child(3) span:before {
    width: 163px;
    right: 40px;
}

.tablinks:nth-child(4) span:before {
    width: 161px;
    top: 19px;
}

.tablinks:nth-child(5) span:before {
    width: 162px;
}

.tablinks.active span:before {
    background: #ffffff
}

.tablinks.active img {
    color: #fff;
    font-family: 'MUSEO SANS 500';
}

.tablinks.active p {
    color: #fff;
    font-family: 'MUSEO SANS 500';
}

.tablinks.active span {
    border: 1px solid #fff;
    color: #fff;
}

.tablinks.active:nth-child(1) .icon-wrap svg path {
    fill: #F1BD8D
}

.tablinks.active .icon-wrap svg path {
    fill: #F1BD8D
}

.tabcontent {
    display: none;
    padding: 6px 12px;
}

.myth-box {
    display: flex;
    align-items: flex-start;
    padding: 20px 20px 20px 5%;
    /* margin-right: 20px; */
    justify-content: space-between;
}

.myth-box-title:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    right: -18px;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 19px;
}

.myth-box-title {
    width: 260px;
    background: #fff;
    border-radius: 6px;
    color: #000;
    padding: 14px 20px;
    margin-right: 30px;
    position: relative;
}

.myth-box-title h4 {
    font-size: 35px;
    line-height: 35px;
    color: #CE1044;
    font-family: 'Museo Sans 900';
    margin: 0px;
    padding: 0px;
}

.myth-box-title p {
    font-family: "Museo Sans 900";
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #333333;
    margin-top: 5px;
}

.myth-box-desc {
    width: calc(100% - 260px);
    /* display: flex; */
    position: relative;
}

.myth-box-desc h5 {
    position: absolute;
    margin: 0px;
    color: #F1BD8D;
    font-size: 50px;
    font-family: 'Museo Sans 900';
    top: 14px;
    left: 2px;
    z-index: 99;
}

.product-grid{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 0 0 0;
    background: #fff;
    padding: 20px;
    }
.product-grid .product-box{
    width: 25%;
}
.product-grid .product-box a{}
.product-grid .product-box a span {display:block;padding: 10px 0 0 0;color: #000;font-family: 'Museo Sans 300';}
.product-grid .product-box a span strong {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
	font-family: 'Museo Sans 900';
}
#Tab1 .myth-box .myth-box-desc h5 {
    color: #F1BD8D
}

.myth-box-desc h6 {
    margin: 0px;
    padding: 0px;
    color: #6E7FB5;
    text-transform: uppercase;
    font-size:63px;
    font-family: 'Museo Sans 900';
    letter-spacing: -3.6px;
    line-height: 70px;
    opacity: 0.2;
}

.myth-box-desc p {
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Museo Sans 300';
}

.myth-box-desc img {
    float: right;
}

.description {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.description ul {
    width: 67%;
    margin: 0px;
    padding-left: 27px;
}

.description p {
    width: 67%
}

.myth-box-desc ul li {
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Museo Sans 300';
}

.description .doctor-name {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.description .doctor-name h5.info {
    position: static;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.33px;
    color: #A9B3D5!important;
    text-align: center;
    margin: 5px 0 10px 0;
    font-family: 'Museo Sans 500';
}

.description .doctor-name h5.info span {
    display: block;
    font-family: 'Museo Sans 300';
    font-size: 12px;
    line-height: 16px;
}

.description .doctor-name img.lafame-doc {
    width: 100%;
    width: 100px;
}

.description .doctor-name img.lafame {
   background: #fff;
   
    border-radius: 5px;
}
.mail-msg{    color: green;
    text-align: center;
    display: block;
    padding: 10px 0 0 0;
}
.myth-box-desc img {
    /* position:absolute;right: -70px;top: 28px;max-width: 280px;float:right; */
    border-radius: 100%;
    margin-bottom: 10px;
}

.grid-box {
    width: 100%;
    padding: 40px 0 0 0;
    background: url(../images/wave.svg);
    background-repeat: repeat-x;
    background-position: 0px 60px;
    background-size: 1510px;
    margin-bottom: 0;
}

.grid-box .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.grid-box h3 {
    letter-spacing: -2.3px;
    color: #942130;
    font-size: 48px;
    margin: 0px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    text-align: center;
}

.text-center {
    text-align: center;
	
}

.center-btn:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.center-btn {
	background: #27888E 0% 0% no-repeat padding-box;
	border-radius: 22px;
	color: #fff;
	padding: 10px 47px 10px 30px;
	margin: 0 0 40px 0;
	float: none;
	display: inline-block;
	position: relative;
}

.center-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #F0BE8D;
}

.footer {
    width: 100%;
    padding: 10px 0;
    background: #464752;
	text-align:center;
}

.pre-footer {
    background: #0F253D 0% 0% no-repeat padding-box;
    width: 100%;
    padding: 24px 0;
    margin-top: 0px;
}

.pre-footer .container {
    position: relative
}

.pre-footer .left-part {
    float: left;
    width: 56%;
}

.pre-footer .left-part h2 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    letter-spacing: -1.92px;
    color: #fff;
    margin: 0;
}

.pre-footer .left-part span {
    font-size: 55px;
    line-height: 60px;
    font-family: 'Museo Sans 900';
    letter-spacing: -2.64px;
    color: #F1BD8D;
    display: block;
    margin-bottom: 20px;
}

.pre-footer .left-part a strong {
    color: #B0526A
}

.pre-footer img.product-image {
    position: absolute;
    top: -50px;
}

.pre-footer .left-part a {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 22px;
    color: #000;
    padding: 10px 47px 10px 20px;
    margin: 0px auto 40px auto;
    float: none;
    display: inline-block;
    position: relative;
}

.pre-footer .left-part a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.colage {
    width: 100%;
    margin: 0 0 50px 0;
}

.colage .colage-in {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.colage-in .left-img {
    width: 28%;
    position: relative;
	    cursor: pointer;
}

.colage-in .left-img .bootom-pos h2 {
    margin: 0px;
    font-size: 28px;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'Museo Sans 300';
}

.colage-in .left-img .bootom-pos span {
    background: #F1BD8D 0% 0% no-repeat padding-box;
    font-size: 11px;
    padding: 2px 5px;
    color: #000;
    text-transform: uppercase;
}

.colage-in .left-img .bootom-pos {
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 20px;
    color: #fff;
    z-index: 9;
    width: 100%;
}

.colage-in .right-img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 73%;
    gap: 10px;
    justify-content: space-between;
}

.colage-in .right-img .right-img-in:nth-child(1) .bootom-pos h2 {
    color: #fff
}
.colage-in .right-img .right-img-in:nth-child(2) .bootom-pos h2 {
    color: #fff
}
.colage-in .right-img .right-img-in:nth-child(3) .bootom-pos h2 {
    color: #fff
}
.colage-in .right-img .right-img-in:nth-child(4) .bootom-pos h2 {
    color: #fff
}

.colage-in .right-img .right-img-in {
    width: 49%;
    position: relative;
	    cursor: pointer;
}

.colage-in .right-img .right-img-in .bootom-pos {
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 20px;
    color: #fff;
    z-index: 9;
    width: 100%;
}

.colage-in .right-img .right-img-in .bootom-pos h2 {
    margin: 0px;
    font-size: 21px;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'Museo Sans 300';
    line-height: 25px;
}

.colage-in .right-img .right-img-in .bootom-pos span {
    background: #ffffff 0% 0% no-repeat padding-box;
    font-size: 11px;
    padding: 2px 5px;
    color: #000;
    text-transform: uppercase;
    color: #000;
}

.colage .hero {
    margin-top: 0;
    font-family: 'Museo Sans 900';
    font-size: 48px;
    line-height: 50px;
    letter-spacing: -2.3px;
    color: #333333;
    margin-bottom: 30px;
    text-align: center;
}

.colage .hero span {color: #F0BE8D;}

.stripvideo {
    width: 100%;
    display: block;
    margin: 0 0 30px 0;
    padding: 80px 0 80px 0;
    background: #e5e7e4;
}

.stripvideo .container {
    background: #67B7C0;
    display: flex;
    padding: 20px 30px 20px 100px;
    justify-content: space-between;
    align-items: center;
}

.stripvideo .stripvideo-in {
    width: 50%;
    padding-right: 110px;
    position: relative;
}

.stripvideo .stripvideo-in h4 {
    letter-spacing: -1.44px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Museo Sans 900';
}

.stripvideo .stripvideo-in p {
    text-align: left;
    letter-spacing: 0.15px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Museo Sans 700';
}

.stripvideo .stripvideo-in img {
}

.stripvideo .stripvideo-in iframe {
    position: absolute;
    width: 100%;
    height: 250px;
    left: 0;
    top: -130px;
}

.full-strip {
    width: 100%;
    background: url(../images/mask.png);
    background-repeat: repeat;
    background-position: 0 -53px;
    position: relative;
    padding: 20px 0;
}

.full-strip:after {
    content: "";
    background: rgb(0 0 0 / 40%);
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}

.full-strip .container {
    display: flex;
    position: relative;
    z-index: 9;
    align-items: center;
}

.full-strip .container h3 {
    font-size: 40px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    margin: 0;
}

.full-strip .container h3 span {
    font-size: 55px;
    line-height: 60px;
    font-family: 'Museo Sans 900';
    color: #F1BD8D;
    display: block
}

.full-strip .container a {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 22px;
    color: #000;
    padding: 10px 47px 10px 20px;
    margin: 0 auto;
    float: none;
    position: relative
}

.full-strip .container a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

a:hover {
    text-decoration: none;
}

.do-and-dont{
    width: 100%;
    display: block;
    margin: 0;
    margin-top: 0;
    background: #e5e7e4;
    padding: 80px 0;
}
.container-in2{background:#F0BE8D;display: flex;align-items: center;padding: 0 60px;justify-content: space-between;width: 100%;position: relative;height: 145px;}
.do-and-dont-in{width:60%}
.do-and-dont-in:last-child{width:40%}
.do-and-dont-in:last-child img{max-width:100%;    cursor: pointer;}
.do-and-dont-in h4{
    font-size: 35px;
    line-height: 40px;
    color: #942130;
    font-family: 'Museo Sans 900';
    margin: 0;
}
.do-and-dont-in img{
    position: absolute;
    right: 50px;
    top: -30px;
}
.safty {
    width: 100%;
    background: transparent linear-gradient(107deg, #C3DFE2 0%, #27888E 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 40px 0
}

.safty h3 {
    font-size: 45px;
    line-height: 50px;
    color: #27888E;
    font-family: 'Museo Sans 900';
    margin-right: 50px;
}

.para-column {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}

.para-column iframe {
    width: 100%;
    height: 220px;
}

.para-column .text-part {
    width: 30%;
    text-align: left;
    margin-top: 50px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Museo Sans 300';
    color: #000;
}

.para-column .text-part a {
    color: #000;
    text-decoration: underline
}

.para-column .text-part a.visit {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 22px;
    color: #A2257B;
    padding: 10px 47px 10px 20px;
    margin: 15px auto;
    float: none;
    position: relative;
    display: inline-block;
    font-family: 'Museo Sans 900';
    text-decoration: none
}

.para-column .text-part a.visit:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #A2257B;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.para-column .text-part:nth-child(1) {
    width: 30%;
}

.para-column .text-part:nth-child(2) {
    width: 30%;
	
}

.para-column .text-part:nth-child(3) {
    width: 30%;
}

.sayno {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 33px;
    padding: 100px 0;
}

.sayno .container-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sayno .container-in .left-sayno {
    width: 50%;
}

.sayno .container-in .left-sayno h3 {
    font-size: 50px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    color: #333333;
}

.sayno .container-in .left-sayno h3 span {
    color: #F1BD8D
}

.sayno .container-in .left-sayno p {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Museo Sans 300';
    color: #333333;
}

.sayno .container-in .left-sayno:nth-child(1){width:45%}
.sayno .container-in .left-sayno:nth-child(2){/* box-shadow:0 0 10px #888; */}
.sayno .container-in .left-sayno img {
       width: 100px;
       position:relative;
       margin-bottom: 25px;
}
.quote-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    }
	.quote-box .item{width: 50%;/* text-align: center; *//* justify-content: center; *//* display: flex; */align-items: center;}
/* .sayno .container-in .left-sayno .quote-box:before{content: "";
    position: absolute;
    left: 0px;
    width: 120px;
    height: 80px;
    background: #f1bd8d;
    left: 30px;
    top: -80px;}
	.sayno .container-in .left-sayno .quote-box:after{content: "";
    position: absolute;
    left: 0px;
    width: 120px;
    height: 80px;
    background: #f1bd8d;
    left: 30px;
    bottom: -80px;} */
.sayno .container-in .left-sayno .item-in{display:flex;align-items: center;padding: 0;flex-direction: column;text-align: center;box-shadow: 0 0 10px #888;padding: 20px 20px;} 
.quote-detail{display: flex;flex-direction: column;color: #000;padding: 0;}
.quote-detail h5{
    color: #e8bf94;
    margin: 0px 0 6px 0;
    font-size: 16px;
    font-family: 'Museo Sans 700';
    /* border-bottom: 2px solid #000; */
    padding-bottom: 0px;
    padding: 0 20px;
    line-height: 22px;
}
.quote-detail h6{font-size: 14px;line-height: 20px;font-family: 'Museo Sans 300';padding: 0 20px;margin-bottom: 0;}
.sayno .container-in .left-sayno	.quote-detail p{    font-size: 12px;
    line-height: 21px;
    font-family: 'Museo Sans 300';}
.sayno svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.needtoknow{width:100%;display:block;padding: 0 0 40px 0;background:#e5e7e4}
.needtoknow h3{
    letter-spacing: -2.3px;
    color: #27888e;
    font-size: 48px;
    margin: 0px;
    line-height: 50px;
    font-family: 'Museo Sans 900';
    text-align: center;
    }
.needtoknow h3 span{display:block;text-align:center;letter-spacing: -1.06px;
color: #333333;font-size:22px; line-height:35px;}
.container-need{
    display: flex;
    background: #fff;
    justify-content: space-between;
    margin: 20px 0;
    }
.col-area{
    width: 77%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color:#000;
    padding: 30px;
    justify-content: center;
}
.col-area:nth-child(1){background:#1c126b;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align: center;padding: 20px;width: 23%;}
.col-area p{
    font-size: 15px;
    line-height: 20px;
    font-family: 'Museo Sans 500';
    letter-spacing: 0.15px;
}
.col-area strong{
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.18px;
    font-family: 'Museo Sans 700';
}
.col-area a{
    font-size: 18px;
    line-height: 22px;
    font-family: 'Museo Sans 900';
    letter-spacing: -0.18px;
    color: #fff;
    display: block;
    border-radius: 22px;
    background: #27888E;
    padding: 10px 42px 10px 20px;
    margin: 0;
    position: relative;
    margin-top: 20px;
    }
	.col-area a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
}
.col-area .ceo-box{}
.col-area .ceo-box img{border-radius:100%;}
.col-area .ceo-box h5{
    color: #fff;
    font-size: 13px;
    font-family: 'Museo Sans 700';
}
.col-area .ceo-box h5 span{
    display: block;
    font-size: 12px;
    font-family: 'Museo Sans 300';
    line-height: 16px;
}

/* popup form */
.overlayForm{width: 100%;position: fixed;top: 0;left: 0;height: 100%;z-index: 9;overflow-y: auto;background: rgb(0 0 0 / 70%);text-align: center;display: none;}
.marketingForm{max-width: 600px;display: inline-block;vertical-align: top;text-align: left;border-radius: 25px;padding: 25px;background: #fff;position: relative;border: 5px solid #00a951;}
.formIn{width: 100%; float: left; position: relative;}

.verticalCenter	{top: 50%;  position: absolute;    left: 50%;    transform: translate(-50%, -50%);}
.closeForm{cursor:pointer; position: absolute; top: 10px; right: 10px; width: 24px;color:#000;}
.form-group{width: 49%; float: left; position: relative; margin: 0 2% 10px 0;}
.form-group:nth-child(2n+2){margin: 0 0 10px 0;}
.form-group small{font-size: 14px; color: #000; display: block;}
.int1{height: 42px;line-height: normal;width: 100%;background: #fff;border: 1px solid #cccc;font-size: 14px;font-weight: 400;color: #000;padding: 0 15px;font-family: 'Lato', sans-serif;border-radius: 5px;box-shadow: 7px 7px 14px #e5dddd;}
.check{width: 100%;float: left;position: relative;color: #000;line-height: 21px;margin: 0 0 10px 0;font-size: 17px;}
.marketingForm p{color: #000; clear: both; margin: 10px 0;}
.sub{display: inline-block;margin: 10px 0 0 0;vertical-align: top;cursor: pointer;font-size: 16px;font-weight: 700;color: #fff;background: #163686;border: none;text-transform: uppercase;padding: 10px 15px;margin: 0 auto;display: inherit;border-radius: 20px;max-width: 200px;width: 100%;}

	.registerforwebinar{background: #ed1d23;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;border:none;}
.modal .modal-dialog .modal-content{background: #dbe2e5; }
#webinarfrm .close{position:absolute;position: absolute;
    right: 17px;
    top: 10px;
    background: #000;
    color: #fff;
    opacity: 1;
    font-weight: normal;
    font-size: 9px;
    padding: 5px;cursor:pointer;}
#webinarfrm .modal-dialog .modal-content{    background: transparent;border-radius:20px;}
#webinarfrm .modal-dialog .modal-content .modal-body{padding:0px;}
.modal .flex-box-grid {display: flex;color: #000;}
.modal .close{    z-index: 9;
    position: relative;
    right: 10px;
    color: #000;
    opacity: 1;}
.modal .text-part-grid{width: 70%;padding: 30px;}
.modal .flex-box-grid>img{border-radius: 0;width:50%}
.modal h3.green-head {background: #189c49;color: #000;padding: 10px;/* position: relative; */left: 0;font-size: 37px;line-height:36px;text-transform: uppercase;font-family: 'Museo Sans 500';/* position: static; */display: block;width: 100%;clear: both;display: flex;align-items: center;justify-content: flex-start;margin: 0;}
.modal h3.green-head span.white{color:#fff;font-family: 'Museo Sans 900';margin-right: 10px;}
.modal h3.green-head img{margin-right: 20px;border: 1px solid #0e0e0e;padding: 10px;width: 50px;height: 50px;}
.modal .text-part-grid h3 span.icon-class img{border: 2px solid #000;padding:10px;border-radius: 4px;}
.modal .text-part-grid ul{margin: 0;padding: 0;list-style-position: inside;list-style: none;}
.modal .text-part-grid ul li{font-size: 16px;line-height: 22px;margin: 15px 0;font-family: 'Museo Sans 500';}
.modal#pre .text-part-grid ul li {
    font-size: 14px;
    line-height: 16px;
    margin: 15px 0 0px 0;
    font-family: 'Museo Sans 500';
}
.desk-none{display:none}
.modal.rules-style .modal-dialog{max-width: 750px;width:100%}
.modal.rules-style .modal-content{background-color: #173686;
    border-radius: 0;
    border: 10px solid #ffffff;}
	.rules-grid{display:flex;flex-wrap:wrap;gap: 45px;}
	.guide-content{}
	.guide-content h3{
    color: #e7c094;
    font-size: 25px;
    font-family: 'Museo Sans 900';
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 0;
    }
	.guide-content {
    width: 38%;
}
.guide-content:nth-child(2) {
    width: 55%;
}
	.guide-content .guide-section{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
	.guide-content .guide-section img{
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
		border: 1px solid #fff;
		padding: 10px;
		width: 60px;
		height: 60px;
		border-radius: 4px;
		}
	.guide-content .guide-section h2{
    font-size: 15px;
    line-height: 16px;
    color: #e7c094;
    font-family: 'Museo Sans 900';
    margin: 0;
    margin-bottom: 5px;
    }
	.guide-content .guide-section p{
    font-size: 12px;
    font-family: 'Museo Sans 300';
    line-height: 22px;
    }
	.image-courtesy{margin: 10px 0 20px 0;margin-left: -17px;}
	.first-col{background:#fff;;padding: 10px 20px;position:relative;}
	.para-column .first-col img{    margin: 0 auto;
    text-align: center;
    width: 100px;
    display: flex;}
	.para-column .first-col:after{ content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    right: -18px;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 19px;}  
	.para-column .first-col p a{   
	font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    line-height: 30px;
    font-family: 'Museo Sans 900'}
	.safty {
    width: 100%;
    background: transparent linear-gradient(107deg, #C3DFE2 0%, #27888E 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 40px 0
}

.safty h3 {
    font-size: 45px;
    line-height: 50px;
    color: #27888E;
    font-family: 'Museo Sans 900';
    margin-right: 50px;
}

.para-column {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}

.para-column iframe {
    width: 100%;
    height: 220px;
}

.para-column .text-part {
    width: 30%;
    text-align: left;
    margin-top: 50px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Museo Sans 300';
    color: #000;
}

.para-column .text-part a {
    color: #000;
    text-decoration: underline
}

.para-column .text-part a.visit {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 22px;
    color: #A2257B;
    padding: 10px 47px 10px 20px;
    margin: 15px auto;
    float: none;
    position: relative;
    display: inline-block;
    font-family: 'Museo Sans 900';
    text-decoration: none
}

.para-column .text-part a.visit:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #A2257B;
    transform: rotate(90deg);
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.para-column .text-part:nth-child(1) {
    width: 30%;
}

.para-column .text-part:nth-child(2) {
    width: 30%;
	
}

.para-column .text-part:nth-child(3) {
    width: 30%;
}
.quotes-popup{}
.quotes-popup.modal .modal-dialog .modal-content {
    background: #fff;
    padding: 20px;
}
.quotes-popup.modal .modal-body{
    display: flex;
    align-items: center;
    color: #000;
    justify-content: start;
    padding: 0;
}
.quotes-popup.modal .modal-body .left-quote-part{
    width: 45%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.quotes-popup.modal .modal-body .left-quote-part h5{
    color: #e8bf94;
    margin: 0px 0 6px 0;
    font-size: 19px;
    font-family: 'Museo Sans 700';
    /* border-bottom: 2px solid #000; */
    padding-bottom: 0px;
    padding: 0 130px;
    line-height: 22px;
    text-align: center;
    margin: 0;
}
.quotes-popup.modal .modal-body .left-quote-part img{width: 240px;display: flex;align-items: center;margin: 0px auto 20px auto;}
.quotes-popup.modal .modal-body .left-quote-part h6{
    font-size: 18px;
    line-height: 25px;
    font-family: 'Museo Sans 300';
    padding: 0px 10%;
    margin-bottom: 0;
}
.quotes-popup.modal .modal-body .left-quote-part p:before{content:"";position:absolute;background:url(../images/quote-left-icon.png);background-repeat:no-repeat;left: -30px;top:0px;width: 60px;height: 60px;top: -50px;}
.quotes-popup.modal .modal-body .left-quote-part p:after{content:"";position:absolute;background:url(../images/quote-right-icon.png);background-repeat:no-repeat;right: -30px;width: 60px;height: 60px;bottom: -50px;}
.quotes-popup.modal .modal-body .left-quote-part p{
	position:relative;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Museo Sans 300';
    padding: 0;
    text-align: center;
}
.quotes-popup.modal .modal-body .left-quote-part:nth-child(2){}
.pledge-taken{
	 color: #ed1d23;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Museo Sans 900';
    line-height: 27px;
    position: relative;
    left: 10px;
    top: 2px;
}
#offermodal .modal-dialog.modal-dialog-centered{    width: 300px;
    top: 50%;
    margin-top: -100px;}
#offermodal	.modal-dialog.modal-dialog-centered .modal-content {
    background: #fff;
    color: #000;
    text-align: center;
}
.btn-style{display: flex;
    align-items: center;
    justify-content: center;}
.btn-style a.close{ color: #fff;text-shadow:none}
.btn-style a{background: #11ac56;
    margin: 10px;
    padding: 5px 10px;
    width: 50px;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
    font-size: 14px;
    line-height: 23px;}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.container {
   
    width: 100%;
}
.banner .banner-text {
    max-width: 400px;
    width: 100%;
    margin-top: 10px;
}
.pre-footer img.product-image {
    position: absolute;
    top: -50px;
    width: 30%;
    position: static;
}
.header ul li a {
    
    letter-spacing:0px;
    
    font-size: 12px;
    padding: 0 5px;
    
}
.green-inside h1 {
   
    font-size: 24px;
    line-height: 42px;
    
    letter-spacing:0;
    
}
}
@media screen and (max-width: 767px) {
	.pledge-taken {
   
    font-size: 14px;
   
    line-height: 27px;
   
    left: 0;
    display: block;
    top: 2px;
}
	.desk-none{display:block}
    .header ul {
        display:none
    }

    .banner img.poster {
        position: static;
        width: 100%;
        margin-top: -50px;
        z-index: 1;
        position: relative;
        right: 0;
		    filter: none;
    }

    .green-inside {
        margin-top: -98px;
        flex-direction: column;
    }

    .green-inside h1 , .green-inside h1 span {
      font-size: 22px;
      line-height: 25px;
      text-align: center;
    }

    .green-inside h2 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 20px;
    }

    .about {
        flex-direction: column;
        padding-bottom: 0;
        padding-top: 10px;
    }
	.tablinks{height:auto;}
    .tablinks .icon-wrap, 
    .tablinks p 
	{
        display: none;
        padding: 0;
    }

    .myth-box {
        padding: 0;
        flex-direction: column;
    }

    .myth-box-desc {
        width: 100%;
    }

    .description {
        flex-direction: column;
        margin-top: 0px;
    }

    .description ul, .description .doctor-name {
        width: 100%;
        margin: 10px 0;
    }

    

    .myth-box-desc h6 {
        font-size: 35px;
        line-height: 50px;
    }

    .myth-box-desc h5 {
        font-size: 35px;
        top: 6px;
    }

    .myth-box-title {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }

    .myth-box-title:after {
        right: 50%;
        border: 10px solid transparent;
        border-top: 10px solid #fff;
        top: 100%;
    }

    .grid-box h3 {
        font-size: 28px;
        margin: 0px;
        line-height: 30px;
        padding: 0 10px;
    }

    .grid-box .container {
        flex-direction: column;
    }

    .grid-box .container .product-box a {
        display: block;
    }

    .pre-footer .container {
        display: flex;
        flex-direction: column;
    }

    .pre-footer .left-part {
        width: 100%;
		text-align: center;
    }

    .pre-footer img.product-image {
        position: static;
		    display: none;
    }

    .pre-footer .left-part h2, .pre-footer .left-part span {
        font-size: 21px;
        line-height: 27px;
        letter-spacing: 0px;
    }

    .sayno .container-in {
        flex-direction: column;
    }

    .sayno .container-in .left-sayno {
        width: 100%;
    }

    .sayno .container-in .left-sayno h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .para-column {
        flex-direction: column;
    }

    .para-column .text-part:nth-child(1) , .para-column .text-part:nth-child(2) , .para-column .text-part:nth-child(3) {
        width: 100%;
        margin-top: 20px;
    }

    .full-strip .container {
        flex-direction: column;
    }

    .full-strip .container h3, .full-strip .container h3 span {
        font-size: 22px;
        line-height: 28px;
		    text-align: center;		
    }

    .safty h3 {
        font-size: 22px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }

    .stripvideo .container {
        padding: 20px;
        flex-direction: column;
    }

    .stripvideo .stripvideo-in {
        width: 100%;
        padding: 0px;
    }

    .center-btn {
        width: 80%;
    }

    .stripvideo .stripvideo-in iframe {
        position: static;
    }

    .stripvideo {
        padding: 0;
    }

    .colage .colage-in {
        flex-direction: column;
    }

    .colage-in .left-img {
        width: 100%;
		display:none;
    }

    .colage-in .right-img {
        width: 100%;
    }

    .colage-in .right-img .right-img-in {
       width: 48%;
    }

    .mobile-iocn {
        display: block
    }

    .header ul li a:after {
        display: none
    }

    .header ul li a {
        border-bottom: 1px solid #cccc;
        padding: 0;
    }

    .full-strip .container a {
        margin-top: 10px
    }
	.mslider{width:100%;float:left;}
	.green-inside a {
    font-size: 13px;
    line-height: 18px;
   
    
    margin: 10px 0;
}
.banner .banner-text {
   margin-top: 0;
   position: relative;
   z-index: 5;
}
.product-grid{flex-wrap:wrap}
.product-grid .product-box{width:48%}
.do-and-dont-in img {
    position: static;
    
}.container-in2 {
   
    padding:20px;
    
    width: 100%;
    height: auto;
    flex-direction: column;
}
.do-and-dont-in h4{font-size: 22px;
    line-height: 27px;
    margin: 0;
    padding-bottom: 10px;}
	.do-and-dont {
    
    padding: 30px 0;
}
.do-and-dont-in {
    width: 100%;
	    text-align: center;
}
.do-and-dont-in:last-child {
    width: 100%;
}
.colage .hero {
   
    font-size: 35px;
    line-height: 40px;
}
.mobile-iocn i {
   
    text-shadow: 1px 1px #fff;
}
.needtoknow h3 span{font-size:20px;}
.needtoknow h3 {
    
    font-size: 30px;
    margin: 0px;
    line-height: 32px;letter-spacing:0px;
    
    
    padding: 0 10px;
}
.col-area:nth-child(1),
.col-area{width:100%;text-align: center;}
.container-need {
    
    flex-direction: column;
}
.about .heading span{display:inline-block;}
.about .heading {
    font-size: 29px;
    line-height: 33px;
    margin: 0;
    text-align: center;
}
.common-myths h2 {
    font-size:30px;
    line-height: 36px;
	margin-bottom: 10px;
    
}
.myth-box-title h4 {
    font-size: 28px;
    line-height: 25px;
  
}
.myth-box-title p {
   
    font-size: 14px;
    line-height: 17px;
   
}
.tablinks span:before{display:none;}
.tablinks span {
    width: 30px;
height: 30px;margin-bottom:10px;}
.colage-in .right-img .right-img-in .bootom-pos h2 {
    font-size: 12px;
    margin-bottom: 1px;
    line-height: 16px;
}
.colage-in .right-img .right-img-in .bootom-pos {
	padding:10px;
}
.colage-in .right-img .right-img-in .bootom-pos span {
   
    font-size: 9px;
    padding: 2px 5px;
    
    width: 100%;
    display: block;
}
.form-group {
    width: 100%;
   
}
.verticalCenter {
   
    width: 90%;
}
.product-grid .product-box a span {
   
    font-size: 11px;
}
.product-grid .product-box a span strong {
  
    font-size: 11px;
   
}
.footer {
   
    text-align: center;
}

.para-column .text-part:nth-child(1), .para-column .text-part:nth-child(2), .para-column .text-part:nth-child(3) 
{
   
    margin-top: 0;
	text-align: justify;
}
.modal .modal-dialog {
    width: 90%;
    margin: 40px auto;
}

.text-part.text-center .dimond{width:120px;margin:10px auto 0px auto; display: flex;}
.modal .flex-box-grid {
    
    flex-direction: column;
}
.first-col {
   
    margin-top: 10px;
}
.modal .text-part-grid{width:100%;padding: 0;}
.modal .text-part-grid h3 {
  
	
    left: 0px;
    font-size: 20px;
    line-height: 23px;
    
    margin: 0;
	width:100%;text-align: center;
}
.modal .text-part-grid h3 span.icon-class {
   left: 50%;
    top: -24px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    padding: 5px;
}
.modal .flex-box-grid>img{margin-top:10px;width:100%}
.modal .text-part-grid ul li {
    font-size: 13px;
    line-height: 17px;
    margin: 15px 0;
    font-family: 'Museo Sans 500';
}
.banner {
   
    padding-top: 15px;
  
}
.about .heading-content {
    text-align: center;
}
.col-area .ceo-box h5 {
   
    font-size: 13px;
    line-height: 22px;
}
.col-area .ceo-box h5 span {
   
    line-height: 18px;
    margin-top: 5px;
    padding: 0 49px;
}
.col-area a {
   
    margin:20px auto 0 auto;
    display: inline-block;
}
.stripvideo-in{text-align:center;}
.stripvideo .stripvideo-in p{text-align:center;}
.para-column .text-part:nth-child(3){    margin-top:  0px;}




.stripvideo .stripvideo-in p{text-align:center;}

.pre-footer img.product-image.desk-none{display: block;
    width: 90px;
    filter: drop-shadow(0px 0px 20px #fff);
    margin: 0 auto 20px auto;}
	.pre-footer .left-part a {
   
    margin:10px 0;
  
}
.rules-grid {
      gap: 0;
}
.guide-content:nth-child(1),
.guide-content:nth-child(2)
 {
    width:100%;
}
.guide-content h3 {
    
    margin: 0;
}
.image-courtesy {
  
    margin-left: 0;
}
.modal.rules-style .modal-dialog {
   
    width: 90%;
}
.modal h3.green-head {
  font-size: 24px;
    line-height: 32px;
    display: block;
    text-align: center;
}
.flex-box-grid img{margin:0px!important;width:100%!important;}
.sayno .container-in .left-sayno:nth-child(1) {
    width: 100%;
}
.quote-detail h5 {
    font-size: 17px;
    padding: 0;
    margin: 0;
}
.quote-detail h6 {
    font-size: 12px;
    line-height: 21px;
    font-family: 'Museo Sans 300';
    padding: 0;
    margin-bottom: 0;
}
.sayno .container-in .left-sayno .item-in {
   height:280px;
    padding: 20px;
}
.quote-detail h6 {
   
    padding: 0;
}
.sayno .container-in .left-sayno .quote-box:before{display:none}
.sayno .container-in .left-sayno .quote-box:after{display:none}
.sayno .container-in .left-sayno .quote-detail p {
    font-size: 12px;
    line-height: 15px;
    font-family: 'Museo Sans 300';
}
.sayno {
   
    padding: 10px 0 50px 0;
}
.sayno .container-in .left-sayno:nth-child(2) {
  
    margin-top: 20px;
}
.right-img-in.desk-none{margin:0 auto;}
.para-column .text-part a.visit {
    
    margin: 20px auto 0 auto;
    width: 220px;
    float: none;
    display: inherit;
}
.quotes-popup.modal .modal-body {
    
    flex-direction: column;
}
.quotes-popup.modal .modal-body .left-quote-part h5 {
   
    padding: 0;
}
.quotes-popup.modal .modal-body .left-quote-part h6 {
    
    padding: 0;
}
.quotes-popup.modal .modal-body .left-quote-part,
.quotes-popup.modal .modal-body .left-quote-part:nth-child(2) {
    width: 100%;
}
.quotes-popup.modal .modal-body .left-quote-part img {
    width: 100px;
   
}
.quotes-popup.modal .modal-body .left-quote-part p {
  
    font-size: 15px;
    line-height: 22px;
    
    padding: 10px 15px;
}
.quotes-popup.modal .modal-body .left-quote-part p:before {
    
    left:-10px;
   
    width: 30px;
    height: 30px;
    top: -10px;
    background-size: cover;
}
.quotes-popup.modal .modal-body .left-quote-part p:after {
    
    right: 0px;
    width: 30px;
    height: 30px;
    bottom: -12px;
    background-size: cover;
}
.full-strip:after {
  
    background: rgb(0 0 0 / 60%);
   
}
.modal h3.green-head img{display:none;}

	.video-container h3{      height: auto;}
	.video-container iframe{      height:190px;}
.quote-box2 {
   
    flex-direction: column;
}
.quote-box2 .container{display: flex;align-items:center;flex-direction: column;}
.quote-box2 .container p{text-align:center}
}



.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

.cv-spinner{
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	}
	
#overlay{
	
	position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none; 
    background: rgb(0 0 0 / 71%);
}