@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
font-family: 'Roboto', sans-serif !important; 
font-size: 1.094rem!important;
line-height: 1.694rem;!important;
color: #000;
font-weight: 300!important;}

h4 {color:#686b74;}
header{ background: #e2e4e3; background: #fff;}
.navbar-nav li a{ font-size: 17px; color:#000!important;
padding: 10px 28px !important;
font-weight:500;}
.banner-index{ background:#e3e5e7 url(../images/banner-image.jpg) no-repeat; background-size:70% 100%;padding-top:0 !important;  padding-bottom: 120px !important }
.banner-about{ background:#e3e5e7 url(../images/about-us-img.jpg) no-repeat center left;  padding:105px 0 35px;}
.banner-bladdder{ background:#e3e5e7 url(../images/about-bladder-cancer-img.jpg) no-repeat;padding: 105px 0 35px;}
.banner-involve{ background:#e3e5e7 url(../images/get-involved-img.jpg) no-repeat; padding:105px 0 35px;}
.banner-resource{ background:#e3e5e7 url(../images/resources-img.jpg) no-repeat; padding:105px 0 35px;}
.purple-box{ background:#9102ac9d; padding:40px; }
.purple-box h3{ color: #fff; font-weight: 400; line-height:40px}
.navbar-nav li:last-child a{color: #fff !important;}
footer{ background: #3a4151; padding: 50px 0; }
footer p{ color: #fff; }
footer p a{ text-decoration: none; color: #fff; font-weight: 300; }
.social-ul1{ padding-left: 0; }
.social-ul1 li{ display: inline; }
.aul1 li{ padding:7px 0 }
.aul1 li a{ color:#787979 ; text-decoration: none; }
.aul1 li a:hover{ color: #fff; }
.aul1 li p{ margin-bottom: 0; }
header a{ color: #fff !important; font-size: 16px; font-weight: 300 !important; }
header p{ color: #fff !important; font-size: 16px; font-weight: 300 !important; }
section{ padding: 50px 0 0;}
.banner{ padding: 0 }
.subst {font-weight:500; font-size:16px!important;}
.logo{ height: 70px; }
.home-sec1{background: #fafafa; padding-bottom: 80px;}

/*--- Margin---*/
.mt-33{ margin-top: 33px }
.amt-50{ margin-top: 50px; }
.amt-30{ margin-top: 30px !important; }
.amt-20{ margin-top: 20px !important; }
.amt-10{ margin-top: 10px !important; }
.amb-10{ margin-bottom: 10px; }
.amb-30{ margin-bottom: 30px; }
.amt-70{ margin-top: 70px; }
.amt-80	{ margin-top: 80px; }
.amt-100{ margin-top: 100px; }
.amt-110{ margin-top: 110px; }
.amt-170{ margin-top: 170px; }
.amt-230{ margin-top: 230px; }
.amt-250{ margin-top: 250px; }
.amb-100{ margin-bottom: 100px; }
.apt-30{ padding-top: 30px }
.ap-25{ padding: 0 25px; }
.ap-40{ padding: 0 40px; }
.ap-50{ padding: 0 50px; }
.apl-0{ padding-left: 0; }
.apr-0{ padding-right: 0; }
.aw-100{ width: 100%; }
.atxth{ height: 45px; border-radius: 0; border: 1px solid #ccc; font-size: 16px; }
.afont-100{ font-weight: 100; }
.afont-500{ font-weight: 500; }
.afont-14{ font-size: 14px; }
.afont-16{ font-size: 16px; }
.afont-18{ font-size: 18px; }
.afont-20{ font-size: 20px; }
.afont-24{ font-size: 24px; }
.afont-28{ font-size: 28px; }
.afont-36{ font-size: 36px; }
.atext-center{ text-align: center; }
.atext-bold{ font-weight: 500; }
.atext-left{ text-align: left; }
.atext-right{ text-align: right; }
.atext-white{ color: #fff !important; }
.atext-black{ color: #000 !important;}
.atext-gray{ color: #474747; }
.atext-gray2{ color: #686868; }
.atext-gray3{ color: #aba7a4; }
.ml-50{ margin-left: 50px }
.atext-green{color: #20b19a;}
.atext-greyy{color: #AFAFAF;}
.atext-green2{ color: #1BB1A2; }
.atext-green3{ color: #41beb1; font-size: 20px; font-weight: 500;}
.atext-blue{ color: #6319b8!important; color:#ff7139!important; color:#686b74!important;}
.atext-blue1{
	color:#ff7139!important; color:#f5a15a!important;}
.atext-perple{ color: #5d5cf6 !important; }
.asec2 h1{ font-size: 40px; font-weight:500 }
.asection-title{ margin: 0; color: #424aa5; font-size: 40px; font-weight: bold; }
.apl-0{ padding-left: 0; }
.apr-0{ padding-right: 0; }
.afl-r{ float: right; }

/* header */
.anav-btn1{ background: #1bb1a2; padding: 5px; border-radius: 5px; }

.anavbar-nav1 li{ padding-left: 15px; }
.abanner-btn1{ background: #1bb1a2; text-decoration: none; padding: 10px 22px; border-radius: 7px; font-weight: 400; font-size: 16px; color: #fff !important; }
.adiv1{ padding: 250px 0 !important;  }
#myVideo {  position: relative; right: 0; bottom: 0; width: 100%; height:auto;}
.content { position: absolute; top: 0; color: #f1f1f1; width: 100%; padding: 20px 60px; z-index: 999;}
.content2 { position: absolute; top: 0; color: #f1f1f1; width: 60%;}

.btn-white{ border: 2px solid #fff; color: #fff; font-size: 16px; font-weight: bold;padding: 10px 25px; text-decoration: none; }
.btn-white:hover{ background:#fff; color:#9102ac  }
/*footer*/
.aul1{ color: #787979; list-style: none; padding: 0; margin: 0; }
.footerh4{color:#1bb1a2 ; font-size: 20px;}
.aeaddress{ background: #4b4b4b; color: #787979; border: none; border-radius: 5px; padding: 5px; height: 25px; }

.custompl{ padding-left: 40px }
.custompr{ padding-right: 40px }
/*extra*/
.btn1{ background:#6319b8; background:#ff7139;
color: #fff; text-decoration: none; padding: 10px 20px; font-size: 16px; }
.btn1:hover{ background: #fff; color: #1bb1a2;box-shadow: 0 0 5px #ccc; }
.btn2{ color: #5d33bf !important; text-decoration: none; padding: 12px 30px; border: 2px solid #5d33bf; font-size: 18px; font-weight: bold;}
.btn2:hover{
background: #5d33bf; color: #fff !important;box-shadow: 0 0 5px #ccc; }
.btn3{
color: #5d33bf!important;
text-decoration: none;
display: block; padding: 20px 0; border-radius: 10px; border: 2px solid #20B19A; text-align: center; font-weight: bold; font-size: 18px; letter-spacing: 1.2px; }
.btn3:hover{ background:#1BB1A2 !important ; color: #fff !important;box-shadow: 0 0 5px #ccc; }
.btn4{ color: #1bb1a2; border: 1px solid #1bb1a2; text-decoration: none; padding: 10px; border-radius: 10px; }
.w-100{ width: 100%; }
.imgp1{ padding: 0 100px; }
.imgp2{ padding: 0 50px; }
.imgp3{ padding: 0 20px; }
.aheader2{ background: #000 !important; height: 700px; }
.d-none1{ display: none; position: relative; }
.d-none2{ display: none; position: relative; }
.d-none1 .fa-close,.d-none2 .fa-close{ position: absolute; right: 15px; }
.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
.m-0{ margin: 0 !important; }
.hr1{ border: 1px solid #e30084; }

.heading-sm{ font-weight: bold; font-size: 14px; letter-spacing: 3px }

/*index-sec2*/
.last-nav-item a{background: #5d33bf; color: #fff !important;}
.index-sec2{ background: #f9f4ee; padding: 80px 0 0; position: relative; }
.about-sec2{ background: #f9f4ee; padding: 50px 0 ; position: relative; }
.home-odd:before{content:''; width:110px; height:3px; background:#5d33bf!important; position: absolute; top:85px;}
.home-odd1:before{content:''; width: 110px; height: 3px; background:#5d33bf; position: absolute; top:55px; }
.home-even:before{content:''; width: 440px; height: 3px; background:#5d33bf; position: absolute; top:91px; right: 0 }
.index-last{background: #f9f4ee; padding: 50px 0;}
.about-sec1{ background: #fefbef; position: relative; padding: 50px 0 }
.hr-about{ border-top: 1px solid #5d33bf; opacity: 1 }
.aboutul{ list-style: none; padding-left: 0}
.aboutul li{ position: relative; padding:10px 0px 10px 20px}
.aboutul li:before{content:''; height: 10px; width: 10px; background: #00c700; border-radius: 100%; position: absolute; left: 0; top:17px;}
.card{ padding-right: 10px;}
.card p{margin-bottom:0; line-height:21px; font-size:17px;}
.card h4{color: #000;}

.home-tab{ width: 30%; float: left; padding: 35px 0px; }

.home-tab li a{ 
padding:20px 18px!important;
color: #414aa5;
border: 1px solid #ccc;
background: #f5f6f8 !important; 
font-size: 18px !important;
border-left: 10px solid #eeeeee!important;}

.home-tab li a.active,.home-tab li a:hover{
color: #000!important;
border-left: 10px solid #5d33bf!important;
border-left: 10px solid #ff7139!important;}

.tab-content-body{ padding: 50px 15px 0px }
.bladder-tab .tab-pane .col-md-12{ padding: 40px }


/***New css yogi***/
/***
.nav-tabs .nav-link {border-radius: 0!important;}
.nav-link {background-color:#fff!important;}
.nav-link.active {border:1px solid #dee2e6}
***/

.home-tab li {border: 1px solid #dee2e6;}
.home-tab li a {border: 1px solid #dee2e6; border-radius: 0!important;
font-weight: 400!important;}
.home-tab li a.active {border: 1px solid #dee2e6; background-color:#fff!important;}
.bg-light{
background-color: #fff!important;
border-bottom: 1px solid #d2d4dd;}
.biframe{ width: 100%; height: 205px }
/***New css yogi end***/
@media(max-width: 767px) {
.pl-0,.custompl{ padding-left: calc(var(--bs-gutter-x) * .5); }
.pr-0,.custompr{ padding-right: calc(var(--bs-gutter-x) * .5); }
.home-odd:before,.home-even:before,.home-odd1:before{ display: none; }
.mt-30-xs{ margin-top: 30px !important }
.ml-50{ margin-left: 10px }
.p0-xs{padding: 0}
.purple-box{ margin-top: 187px; padding: 15px; background:#9102ac; }
.purple-box h3{ font-size:18px; line-height: 30px }
.banner-index{ padding-bottom: 0 !important; background-size:100%  !important;  padding: 0}
.banner-about,.banner-bladdder,.banner-involve,.banner-resource{ background-position: top center; background-size: 100% !important; padding: 0 }
.banner-about .purple-box,.banner-bladdder .purple-box,.banner-involve .purple-box,.banner-resource .purple-box{ margin-top: 150px }
.index-sec2{ background: #f9f4ee; padding: 40px 0 0; position: relative; }
.index-last{ padding: 30px 0 40px }
.home-tab{ width: 100%; float: none }
.bladder-tab .tab-pane .col-md-12{ padding: 30px 0 0 }
.card { padding:15px; margin-top: 20px !important }
.card img{ width: 100% }

.about-sec2 .mt-4{ margin-top: 0 !important }
.card .mt-4{ margin-top: 10px !important }
.card h4{ margin-top: 10px !important;}
.biframe{ margin-bottom: 20px }
}

@media (min-width: 768px){
}

@media (min-width: 1440px){
}