body{font-family: 'Inter', sans-serif; color: #667085;}

.bannerimg{height:400px; width:100%;}
.bannerimg2{height:250px; width:100%;}

.background2{background-color:#344054; }

footer{background: #182230;} 
footer nav-item{font-size:16px;}
.color1{ color: #FCBA31;}

.fontbold{font-weight:700;}


.drsusanlink h1  {  font-size: 28px;  padding: 0;  margin-bottom: 0px;  color: #303e4b;  font-weight: 700;  margin-top: 15px;}
.drsusanlink h2  {  font-size: 28px;  padding: 0;  margin-bottom: 0px;  color: #303e4b;  font-weight: 700;  margin-top: 15px;}

.mypgbox{background-color: #F2F4F7; border:#F2F4F7;  border-radius:0;}
.mypgbox h5{color:#101828; font-weight:600;}
.mypgbox p{font-size:16px; color: #475467;}
.mypgbox .btn-primary{background-color: #475467; border-color:#475467; width:100%; border-radius:100px; font-size:14px; }

.mypgbox .font14{font-size:14px; color: #667085;}
 
 
 .font-size14{font-size:14px;}
 
 .footerbotm .copy{font-size: 14px;font-weight: 400; color:#D0D5DD;} 
 
.namediv{float:left; width:auto; text-align:right;}
.namediv bdo{width:100%; display:block; color:#fff; font-size:14px; color:#fff; font-weight:600;}
.namediv span{width:100%; display:block; color:#fff; font-size:12px; color:#fff; border:#fff 1px solid; padding:2px 8px; border-radius:12px; margin-top:3px;}
.mttop{margin-top:-8px;}

.mpg{color:#fff; font-size:14px; color:#fff; font-weight:600; margin-top:15px!important;}

.acountbox h4{font-size: 18px;font-weight: 600; color: #101828;}
.acountbox p{font-size: 14px;font-weight: 400; color: #475467;}

 
.acountbox .btn-secondary{background-color: #475467;   border-color: #475467; }
.acountbox  .btn{border-radius: 4.45rem; padding:.375rem 1.35rem;}

.bdbutton{border: 1px solid #EAECF0; background: #F9FAFB; padding:3px 12px;  border-radius: 15px; color: #344054; font-size: 14px;font-weight: 500;}

.bdbutton2{border: 1px solid #EAECF0; background: #fff; padding:10px 20px;  border-radius: 30px; color: #344054; font-size: 14px;font-weight:600;}

.bdbutton3{border: 1px solid #475467; background: #475467; padding:3px 12px;  border-radius: 15px; color: #fff; font-size: 12px;font-weight: 500;}

#accordionnew .accordion-button{color: #101828; font-size: 18px;font-weight: 600;line-height: 28px;text-align: left; padding-left: 35px;}
#accordionnew .accordion-item{border:none; border-bottom: 1px solid rgba(234, 236, 240, 1) ;}
#accordionnew .accordion-button::after{position:absolute; left:0; top:20px;  background-image:url(../images/plush.png);}
#accordionnew .accordion-button:not(.collapsed){background-color:transparent; color: #101828; box-shadow:none; }

#accordionnew .accordion-body{padding:0 1.25rem 1rem 1.25rem;  padding-left: 35px;}
#accordionnew .accordion-button:not(.collapsed)::after{background-image:url(../images/plush2.png); top:11px;}

#basic-addon1{background-color:transparent; border-right:none;}

.contactbg{background: #F9FAFB; padding:15px 20px;}
.contactbg p{font-size: 18px;font-weight: 400;line-height: 28px;text-align: left; color:#475467}

.contleft .btn-primary{ background-color: #475467; border-color: #475467; width:100%;}

.lifetime{background: #F9FAFB; padding:7px 10px; display:inline-block; margin-right:10px;}

.linkhome a{color:#344054; font-size:18px; font-weight:600; text-decoration:none; margin-left:30px;}
.linkhome a:hover{color:#006652;}
.linkhome a svg{margin-right:5px;}
.linkhome a:hover svg{ fill:#006652;}
.linkhome a.active{ border-bottom:#006652 4px solid; padding-bottom:24px;}

.linkhome span{ 
  padding: 2px 6px;
  border-radius: 16px;
  border: solid 1px #344054;
  background-color: #344054; color:#fff; font-size:12px;}
  
  
 .resourcesbox{background:#F9FAFB; padding:25px;} 
  .resourcesbox h6{  font-size: 16px;font-weight: 600; color: #344054;}
  
  .resourcesbox .btn-primary{  border: solid 1px #00997a;  background-color: #00997a;   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);   border-radius: 100px;  padding: 10px 14px; gap: 4px; width:100%;   font-size: 14px;  font-weight: 600;} 
  
  
    .resourcesbox .btn-secondary{  gap: 4px;  padding: 10px 14px;  border-radius: 100px;  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); border: solid 1px #96e9d8;  background-color: #edfcf9;width:100%;   color: #008066;   font-size: 14px;  font-weight: 600;} 
	
	 .resourcesbox h4{  font-size: 14px;  font-weight: 600;  letter-spacing: normal; color: #475467;}
	 
	 .maincardbox{width:104%; float:left; padding:10px 0;}
	 .maincardbox.active{background:#f6fefc}
	 .maincardboxleft{width:50px; float:left;}
	 .maincardboxright{width: calc(100% - 65px); float:left; margin-left:15px;}
	 .maincardbox.active .maincardboxright h5{color: #008066;}
	 .maincardboxright h5{  font-size: 16px;  font-weight: 600;   color: #344054; margin:0;}
	 .maincardboxright p{  font-size: 14px;color: #475467; margin:0;}
	 
	 
	 .introboxleft{width: calc(100% - 140px); float:left; margin-right:15px;}
	 .introboxleft h5{  font-size: 16px;  font-weight: 600;   color: #344054; margin:0;}
	 .introboxleft p{  font-size: 14px;color: #475467; margin:0;}
	 
	 .introbox.active .introboxleft h5{color: #008066;}
	 
	 .copytext{width:100%; text-align:center; color: #667085; font-size:14px; margin-top:50px;}
	 
	 .badge.bg-secondary{background-color:#00997A!important; font-weight:normal;}
	 
	 .introboxmain h1{  font-size: 24px; font-weight: 600; color: #101828;   line-height: 1; margin-bottom:0;}
	 
	 .cardtext{width:auto; border: 1px solid #98A2B3;  padding:5px; border-radius:15px;}
	 
	 .polygonbg{background:url(/Resource.ashx?sn=polygonbg) no-repeat left top; height:24px; width:22px; display:inline-block; text-align:center; color:#fff;}

.Tracks .form-select{border-radius:15px; padding-left:45px; width:147px;height: 40px;}
.Tracks img{position:absolute; left:0; top:0; left: 17px; top: 11px;}	 

.prv{position:absolute; right:15px; top:27px;}

.controls{text-align:center; margin-bottom: 25px;}
       .custom-audio-player {
           width:100%; position:relative;
        }

        .progress {
            width: 100%;
            background: #475467; 
            border-radius: 5px;
            height: 5px;
            position: relative;
            cursor: pointer;
            margin: 10px 0;
        }

        .progress-bar {
            background: #fff;
            height: 100%;
            width: 0;
            border-radius: 5px;
        }

	 
	 .custom-audio-main{width:400px; margin:0 auto; position:relative;}
	 
	 .volumebox{position:absolute; right:0; top:25px; width: 160px;}
	 
	 #play-btn{background-color:transparent; border:none; text-indent:-9999px; background:url(/Resource.ashx?sn=play1) no-repeat left top; background-size:35px; width:35px; height:35px; margin:0 10px;}
	 
	 #next-btn{background-color:transparent; border:none; margin:0 10px;}
      #prev-btn{background-color:transparent; border:none; margin:0 10px;}
#backward-btn{background-color:transparent; border:none; margin:0 10px;}
#forward-btn{background-color:transparent; border:none; margin:0 10px;}

#speed-btn{background-color:transparent; color: #344054; padding:2px 12px; border-radius:15px; border: solid 1px #98a2b3;   color: #98a2b3;}


#current-time{position:absolute; left:-40px; bottom:-8px;font-size: 14px;font-weight: 400; color: #EAECF0;}
#duration{position:absolute; right:-40px; bottom:-8px; font-size: 14px;font-weight: 400; color: #EAECF0;}

#track-name{position:absolute; left:0; top:30px;font-size: 16px;font-weight: 600; color: #EAECF0;}

.volumebox #volume-icon{float:left; margin-top: 3px;}
.volumebox #volume-progress{float:left; width: calc(100% - 25px); }






@media only screen and (max-width:767px)
{

.footerbotm	{text-align:center;}
.footerbotm	p{text-align:center;}

#track-name{position:static; text-align:center;}
.volumebox{position:static; text-align:center; margin: 0 auto; padding-bottom:10px; padding-top:10px;}

}

.savebg{background: #D8FDF6; width:35px; height:35px; border-radius:15px; display: inline-block; text-align: center; float: left;margin-top:-2px;}
.savebg img{margin-top:11px;}

.font14{font-size:14px;}

.btn-outline-secondary.back{border-radius:20px; color: #344054 }

.nextbutton{border: 1px solid #00997A; background:#00997A; color:#fff; border-radius:25px; color: #fff!important;}

#myTab{width: 100%;}
#myTab .nav-item{width:50%;}


#myTab.nav-tabs .nav-item.show .nav-link{border: none; border-bottom:1px #eaecf0 solid; color:#667085; }


#myTab.nav-tabs .nav-link{color:#667085; font-size:16px; font-weight:600; border: none;}
#myTab.nav-tabs .nav-link.active {border-bottom:4px #00997a solid; color:#00997a;}
#myTab.nav-tabs .nav-link:hover{border: none; border-bottom:4px #00997a solid; border-radius:0px; outline: none;}


.masteryhd{font-size:18px; font-weight: 600; color:#101828;}
.masteryp{font-size:14px; color:#475467;}

.Badgesbox{position:relative;  display: inline-block;}
.Badgesboxhd{font-weight:600; font-size:14px; color:#182230; margin-top:10px;}

.Badgesbox .polygonbg{position: absolute; right:0; bottom: 0; z-index: 111;}

.selectmenubox .form-select{display: inline-block; width: auto; border-radius:25px; padding-left: 25px; padding-right:50px; margin-left:10px;}







