.hotdoc-containe{
    margin: 0 auto 0;
    display: block;
    padding: 0 0 70px;
}
.hotdoc-top .inner-point {
    display: flex;
}

.view-content-left {
    padding-right: 0;
}

.view-content-right {
    padding: 0 0 30px 90px;
    max-width: 705px;
}

.view-content-right >p b {
    font-size:23px;
    font-weight: 500;
    opacity: 1;
}
.view-content-right >p b:nth-of-type(2) {background:#F0516F;padding: 0 15px;border-radius:100px;color:#fff;font-weight: 600;margin: 0 8px 0 5px;letter-spacing: 5px;}
.view-content-right h2{
    font-size:59px;
    font-weight: 600;
    line-height:67px;
    margin: 5px 0 20px;
}
.view-content-right a.btn{
    background:#84CDB4;
    text-transform:capitalize;
    font-size:18px;
    font-weight: 500;
    padding: 14px 30px;
    margin-top: 10px;
}
.view-content-right a.btn:hover{
    background:#F0516F;
    color:#fff;
}
.view-content-right .content p a{
  color: #f0516f;
}
.view-content-right .content p a:hover{
  color: #84cdb4;
  text-decoration: underline;
}


@media screen and (max-width: 1500px){
.hotdoc-containe{
    padding: 0 20px 70px;
}
 

 }

@media screen and (max-width: 1300px){
.hotdoc-containe{
    padding: 0 20px 0;
}
.view-content-right h2{
    font-size:46px;
    line-height:50px;
}
.view-content-right {
    padding: 0 10px 60px 40px;
}
 }
@media screen and (max-width: 1200px){
 .view-content-right {
    padding: 0 0 60px 20px;
}
.view-content-right h2{
    font-size:40px;
    line-height:48px;
}
.view-content-right >p b {
    font-size:19px;
}
 .view-content-left {
    padding-right: 30px;
}
}
@media screen and (max-width: 991px){
.hotdoc-top .inner-point {
    display: flex;
}
.view-content-left {
    padding-right: 0;
}
.hotdoc-containe {
    padding: 0;
}
 .view-content-right {
    padding: 0 0 40px 20px ;
    max-width: 380px;
}
.view-content-right h2 {
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 10px;
}
.view-content-right >p, .view-content-right >p b {
    font-size: 18px;
}
.view-content-right .content >p{
  line-height:24px;
}
}
@media screen and (max-width: 767px){
 .hotdoc-top .inner-point {
    display: flex;
    flex-direction:column; 
}
.view-content-right h2 {
    font-size: 26px;
    line-height: 32px;
}
.view-content-right >p b {
    font-size:17px;
}
.hotdoc-containe {
    margin: -20px auto 0;
}
.view-content-right {
    padding: 20px 5px 25px;
}
.view-content-right a.btn {
    font-size: 16px;
    padding: 12px 20px;
    margin-top: 15px;
}
}
