@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
    transition: all 0.5s ease-in-out;
    position: relative;
    font-family: 'Poppins', sans-serif;
}
input,select,textarea,textarea:focus,input:focus,button:focus,select:focus {
    outline: none;
}
h1,h2,h3,h4,h5,h6,p,span,ul,li,a,.table,textarea,label {
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
ul,li {
    list-style: none;
}
a{
    text-decoration: none;
}
a:hover,a:focus {
    text-decoration: none;
}
button{
  border: 0;
}

.bgBlack{
    background: #000000;
}
.mt50{
    marign-top: 50px;
}

.primaryGrad{
    /*background: rgb(144,8,8);*/
    background: linear-gradient(42deg, rgb(40, 198, 58) 65%, rgb(185, 228, 200) 100%);
    
}
.goldGrad {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.curveGrad{
    background: rgb(144,8,8);
    background: linear-gradient(42deg, rgb(40, 198, 58) 65%, rgb(185, 228, 200) 100%);
}
.p-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-50{
  padding-top: 50px;
}
.p-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.m-50{
  margin-top: 50px;
  margin-bottom: 50px;
}
.m-40{
  margin-top: 40px;
  margin-bottom: 40px;
}
.mb-50{
  margin-bottom: 50px;
}
.mb-80{
    margin-bottom: 80px;
}
.mr-20{
    margin-right: 20px;
}
.gold-color {
    color: #a77e16 !important;
}
.signUpScreen .switchScreen p span a {
    font-size: 20px;
}
/* .row{
  margin: 0;
} */
.container{
    max-width: 1140px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.2s ease-in-out;
    z-index: 997;
    padding: 30px 0;
    background: #3e67c6;
  }
#header .container {
    max-width: 1140px;
    justify-content: space-between !important;
}
  #header.header-scrolled, #header.header-inner-pages {
    background: rgba(0, 0, 0, 0.8);
  }

  .fixed{
       position: fixed;
      transition:all 0.2s ease-in-out;
   
  }
  
  /* #header .logo img {
    max-height: 40px;
  } */
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  /* Desktop Navigation */
  .nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .nav-menu > ul {
    display: flex;
    align-items: center;
  }
  
  .nav-menu > ul > li {
    position: relative;
    white-space: nowrap;
    padding: 10px 0 10px 20px;
  }
  
  .nav-menu a {
    display: block;
    position: relative;
    transition: 0.3s;
    font-size:18px; 
    color:#fff; 
    font-weight:400; 
  }
  
  .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: #28c63a;
  }
  .navActions{
     display: flex;
     justify-content: space-around;
  }
  .navCta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 270px;
  }
  .navCta a {
    font-size: 14px !important;
  }
  
  
  /* Get Startet Button */
  .get-started-btn {
       color: #ffffff;
    border-radius: 4px;
    transition: 0.3s;
    font-size: 17px !important;
    font-weight: 300 !important;
    height: 45px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    padding: 0px 10px;
  }
  a.get-started-btn {
    font-weight: 600 !important;
    padding: 0 20px;
    color: #fff !important;
  }
  .get-started-btn:hover {
    color: #ffffff !important;
    font-weight: 500;
    transition: 0.3s;
  }
  
  /* Mobile Navigation */
  .mobile-nav-toggle {
    position: fixed;
    top: 5%;
    right: 10%;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
    display:none;
  }
  
  .mobile-nav-toggle i {
    color: #fff;
  }
  
  .mobile-nav {
    position: fixed;
    top: 20%;
    right: 15px;
    bottom: 15px;
    left: 15px;
    z-index: 9999;
    overflow-y: auto;
    background: #dfdfdf;
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 20px;
    color: #fff;
    max-width: 350px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #000;
    outline: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
}
  
  .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
    color: #fff;
    text-decoration: none;
    background: #28c63a;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\ea99";
    font-family: 'fontawesome';
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\eaa1";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    display: none;
    transition: ease-in-out 0.2s;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    opacity: 1;
    visibility: visible;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }
  
  #header ul.for-profile{
      display: none;
  }


  /* First Section */
    .firstSection{
        position: relative;
        color: #ffffff;
        background: #dfdfdf;
        padding-bottom: 50px;
        min-height: 555px;
    }
    .firstSection .content{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .firstSection .content h2{
        font-weight: normal;
        font-size: 35px;
        margin-bottom: 30px;
        color: #000;
    }
    .firstSection .bannerLinks{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .firstSection .bannerLinks .cta{
        width: 170px;
        height: 50px;
        margin: 0 20px 20px 0;
    }
    .firstSection .bannerLinks .cta:nth-child(1) {
        width: 210px;
    }
    .cta{
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
        width: 210px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        border-radius: 5px;
    }
    .cta:hover{
        text-decoration: none;
        color: #ffffff;
        border-radius: 12px;
        /*background-image: linear-gradient(42deg, rgb(193 42 42) 65%, rgba(220,90,74,1) 100%);*/
      }
    .banner-buttons {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        max-width: 400px;
        flex-direction: column;
    }
    .banner-buttons .cta.primaryGrad {
        width: 100%;
        margin-bottom: 15px;
    }
    .banner-buttons .cta {
        width: 190px;
        height: 50px;
    }
    .banner-buttons .cta.bgBlue{
        background: #152c46;
    }
    .banner-buttons .cta.bgOrange{
        background: #e68113;
    }
    .firstSection .bgCurve{
        height: 500px;
        width: 95%;
        border-bottom-left-radius: 230px;
        border-bottom-right-radius: 230px;
        margin-left: 40px;
        position: relative;
    }
    .firstSection .bgCurve .table-img{
        position: absolute;
        bottom: 8%;
    }
    .firstSection .bgCurve .pat-1{
        position: absolute;
        top: 5%;
        left: 13%;
    }
    .firstSection .bgCurve .pat-2{
        position: absolute;
        top: 15%;
        left: -8%;
        height: 60px;
    }
    .firstSection .bgCurve .pat-3{
        position: absolute;
        top: 30%;
        left: 12%;
        height: 60px;
    }
    .firstSection .bgCurve .pat-4{
        position: absolute;
        right: -3%;
        top: 7%;
        height: 90px;
    }
    .firstSection .bgCurve .pat-5{
        position: absolute;
        right: -7%;
        top: 35%;
    }
    .firstSection .patientsImgOutline{
        border-radius: 50%;
        border: 3px solid #ffffff;
    }
    .firstSection .blogBtn {
        max-width: 400px;
        padding: 15px;
        color: #fff !important;
        text-align: center;
        border-radius: 5px;
    }
  
    /*.bubble{*/
    /*    background: rgba(168, 33, 30, 1.0);*/
    /*    background: -webkit-radial-gradient(center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));*/
    /*    background: -moz-radial-gradient(center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));*/
    /*    background: radial-gradient(ellipse at center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));*/
    /*    box-shadow: 0px 0px 1px 1px #0000001a;*/
    /*    transform: scale(1);*/
	   /*   animation: pulse 2s infinite;*/
    /*}*/
    /*.bubbleMedium{*/
    /*    width: 90px;*/
    /*    height: 90px;*/
    /*    border-radius: 50%;*/
    /*}*/
    /*.bubbleTopLeft {*/
    /*    position: absolute;*/
    /*    left: 2%;*/
    /*    top: 5%;*/
    /*}*/
    /*.bubbleLarge{*/
    /*    width: 200px;*/
    /*    height: 200px;*/
    /*    border-radius: 50%;*/
    /*}*/
    /*.bubbleBottomLeft {*/
    /*    position: absolute;*/
    /*    left: -5%;*/
    /*    bottom: -50px;*/
    /*}*/
    /*.bubbleSmall{*/
    /*    width: 50px;*/
    /*    height: 50px;*/
    /*    border-radius: 50%;*/
    /*} */
    /*.bubbleBottomRight {*/
    /*    position: absolute;*/
    /*    right: 3%;*/
    /*    bottom: 5%;*/
    /*}*/
    /*.bubbleMediumLarge{*/
    /*    height: 120px;*/
    /*    width: 120px;*/
    /*    border-radius: 50%;*/
    /*}*/
    /*.bubbleCenterRight {*/
    /*    position: absolute;*/
    /*    top: 25%;*/
    /*    right: -3%;*/
    /*}*/
    /*.bubbleCenterRightprofile{*/
    /*  position: absolute;*/
    /*    top: 55%;*/
    /*    right: -3%;*/
    /*}*/
    /*.bubbleExtraMedium{*/
    /*    height: 150px;*/
    /*    width: 150px;*/
    /*    border-radius: 50%;*/
    /*}*/
    /*.bubbleSecondBottomRight {*/
    /*    position: absolute;*/
    /*    right: -3%;*/
    /*    bottom: -5%;*/
    /*    z-index: 1;*/
    /*}*/
    /*.bubbleSecondBottomLeft {*/
    /*    position: absolute;*/
    /*    left: 2%;*/
    /*    top: -6%;*/
    /*    z-index: 1;*/
    /*}*/
    /*.bubbleLastRight{*/
    /*    position: absolute;*/
    /*    bottom: 5%;*/
    /*    right: -7%;*/
    /*    z-index: 0;*/
    /*}*/
    /*.bubbleLoginTopRight{*/
    /*  position: absolute;*/
    /*  top: -7%;*/
    /*  right: -6%;*/
    /*}*/
    /*.bubbleLoginBottomRight{*/
    /*  position: absolute;*/
    /*  right: -2%;*/
    /*  bottom: 10%;*/
    /*}*/
 
    .secondSection{
        position: relative;
    }
    .blue-text {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        transition: all 0.3s ease-in-out;
        text-align: center;
        max-width: 400px;
        padding: 15px;
        background: #5f8188;
        border-radius: 5px;
        border: none;
        outline: none;
    }
    .blue-text:hover {
        color:#fff;
         border-radius: 12px;
    }
    .firstSection .blogBtn:hover{border-radius: 12px;}
    a.get-started-btn:hover{border-radius: 12px;}
    .secondSection .mainHeading h3{
        color: #191919;
        font-weight: 400;
        font-size: 29px;
        margin-bottom: 50px;
        line-height: 1.5;
    }
    .secondSection .firstContent{
        margin-bottom: 10px;
    }
    .secondSection .secondContent .membersReview h3{
        color: #191919;    
        font-weight: 700;
        font-size: 35px;
        margin-bottom:30px;
    }
    .secondContent .read-reviews {
        width: auto;
        padding: 0 15px;
    }
    .firstContent .visionStatement{
        font-size: 25px;
    }
    /*.homePageBottomParagraphs p{*/
    /*    font-size: 27px;*/
    /*    margin-bottom: 10px;*/
    /*    list-style: disc;*/
    /*    color: #28c63a;*/
    /*}*/
    .homePageBottomParagraphs p {
        list-style: disc !important;
        font-size: 27px;
        margin-bottom: 10px;
        color: #28c63a;
    }
    .secondSection .secondContent .serviceHeading h3{
      font-weight: 600;
      font-size: 35px;
      margin-bottom: 50px;
      background: linear-gradient(to right, #1d2b3f 0%, #1e2a3f 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .secondSection::after{
      content: '';
      position: absolute;
      right: -3%;
      bottom: -5%;
      z-index: 1;
      height: 150px;
      width: 150px;
      border-radius: 50%;
      background: rgba(168, 33, 30, 1.0);
      background: -webkit-radial-gradient(center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));
      background: -moz-radial-gradient(center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));
      background: radial-gradient(ellipse at center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));
      box-shadow: 0px 0px 1px 1px #0000001a;
      transform: scale(1);
      animation: pulse 2s infinite;
      animation-name: 'pulse-animation';
      animation-duration: 2s;
      animation-iteration-count: infinite;
      -webkit-animation-name: 'pulse-animation';
      -webkit-animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;

    }
    .benefitsList{
        margin-bottom: 30px;
    }
    .benefitsList h3{
        text-align: center;
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 10px !important;
        color: #28c63a;
    }
    .benefitsList ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        padding: 10px;
    }
    .benefitsList ul li{
        font-size: 27px;
        margin-bottom: 10px;
        list-style: disc;
        padding-right: 10px;
        color: #28c63a;
    }

    /*Signed Up Screen */
    .signUpInfo h3{
      font-size: 35px;
      font-weight: 700;
      margin-bottom: 40px;
      padding-left: 15px;
    }
    .signUpInfo input,
    .signUpInfo select{
        background: #e6e6e6;
        outline: none;
        border: none;
        height: 45px;
        border-radius: 2px;
        padding: 10px;
    }
    .signUpInfo textarea{
        background: #e6e6e6;
        border: 1px solid #cccccc;
    }
    textarea.disabled:hover {
    cursor:not-allowed
    }
    input:disabled:hover,
    select:disabled:hover{
        cursor: not-allowed;
    }
    .signUpInfo .formSubmit{
      border: none;
      margin: 20px 15px;
      font-weight: 500;
    }

    /* Profile Screen starts here */
    .profileHeaderBtn{
      font-size: 15px !important;
      display: flex !important;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
      border-radius: 5px;
      margin-right: 20px;
      font-weight: 600 !important;
      height: 50px;
      width: 200px;
    }
    .profileHeading h4{
      font-size: 25px;
      font-weight: 700;
    }
    .profileBtn{
      width: 180px;
      height: auto;
      font-weight: 500;
    }
    .loginBtn{
      width: 120px;
      height: 45px;
      font-weight: 700;
    }
    .notify, .message {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        color: #000;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 26px;
    }
    .notify{
        transform: scale(1);
          animation: pulse 2s infinite;
          animation-name: 'pulse-animation';
          animation-duration: 2s;
          animation-iteration-count: infinite;
          -webkit-animation-name: 'pulse-animation';
          -webkit-animation-duration: 2s;
          -webkit-animation-iteration-count: infinite;
    }
    .editDetails{
      width: 40px;
      height: 40px;
      border-radius: 50%;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    /*.userProfile .message span*/
    .message span {
        position: absolute;
        top: 0;
        right: 0;
        color: #ffffff;
        background: #d99b1e;
        font-size: 10px;
        font-weight: 500;
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }
    .userProfile li{
      margin-rigth: 20px;
    }
    
    .editProfile .bottomLinksWrap .links{
        font-weight: 500;
        position: relative;
        background: linear-gradient(42deg, rgb(40, 198, 58) 65%, rgb(185, 228, 200) 100%);
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      }
   .editProfile .bottomLinksWrap .links a {
    color: #ffffff;
    font-size: 18px;
}
      .editProfile .links:hover,
      .editProfile .topLinks:hover{
        text-decoration: none;
        color: #ffffff;
        background-image: linear-gradient(42deg, rgb(193 42 42) 65%, rgba(220,90,74,1) 100%);
      }
        .profileBox1 .personal-details .cta{
            width: 120px;
            height: 45px;
            background: rgb(144,8,8);
            background: linear-gradient(42deg, rgb(193 42 42) 65%, rgba(220,90,74,1) 100%);
            padding: 10px;
            border-radius: 5px;
            font-weight: 600;
        }
        
        .profileBox1 .personal-details p{
           margin-bottom: 18px;
            font-size: 16px;
            font-weight: 500;
        }
        
        .profileBox1 .profile-details p{
           margin-bottom: 18px;
            font-size: 16px;
            font-weight: 500;
        }
        .editProfile .bubbleCenterRightprofile{
            display: none;
        }
        
        .homePageBottomParagraphs p {
            font-size: 20px !important;
            font-weight: 500;
            color: #000;
            margin-bottom: 10px;
        }
    /* Profile Photo */
      .flexAlign{
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .profileBox1{
        background: #e6e6e6;
        min-height: 250px;
        border-radius: 4px;
        position: relative;
        padding: 20px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
      }
      .profileBox2{
        background: #e6e6e6;
        height: 200px;
        border-radius: 4px;
        position: relative;
        padding: 20px;
      }
      .profileBox3{
        background: #e6e6e6;
        height: 250px;
        border-radius: 4px;
        position: relative;
        padding: 20px;
      }
      .profileBox4{
        background: #e6e6e6;
        min-height: 250px;
        border-radius: 4px;
        position: relative;
        padding: 40px 20px 20px 20px;
      }
      .profileValues h4{
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 15px;
      }
      .profileValues p{
        font-size: 15px;
      }

      .avatar-upload {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 100%;
      }
      /* .avatar-upload .avatar-edit {
        position: absolute;
        right: 15%;
        z-index: 1;
        top: 35%;
      } */
      .avatar-upload .avatar-edit input {
        display: none;
      }
      .avatar-upload .avatar-edit input + label {
        display: inline-block;
        width: 120px;
        height: 45px;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 0;
        border-radius: 5px;
        justify-content: center;
        display: flex;
        align-items: center;
        cursor: pointer;
        background: rgb(144,8,8);
        background: linear-gradient(42deg, rgb(193 42 42) 65%, rgba(220,90,74,1) 100%);
        transition: all 0.2s ease-in-out;
        position: absolute;
        bottom: -55px;
      }
      .avatar-upload .avatar-preview {
        width: 115px;
        height: 115px;
        position: relative;
      }
      .avatar-upload .avatar-preview > div {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }
      .listValues p{
        font-size: 14px;
        font-weight: 700;
      }
      .listValues p.label{
        font-size: 14px;
        font-weight: 500;
      }
      .listValues span.value{
        font-size: 14px;
        font-weight: 500;
      }
      .listValues a{
        font-size: 14px;
        color: #c54032;
        font-weight: 500;
        position: relative;
      }
      .listValues a::before {
        content: "";
        position: absolute;
        width: 95%;
        height: 2px;
        bottom: 1%;
        left: 2%;
        background-color: #c54032;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
      }
      .listValues  a:hover::before {
        visibility: visible;
        transform: scaleX(1);
      }
      .tox .tox-edit-area__iframe{
        background: #e6e6e6 !important;
      }
      .tox-tinymce{
        border: 2px solid #a1a1a1 !important;
      }

      .tox-menubar {
        display: none !important;
    }
    
      .tox-promotion {
        display: none !important;
    }
      /* Profile Screen ends here */
     /* Login Screen Starts here */
      .loginScreen{
        background: #dfdfdf;
        height: calc(100vh - 125px);
        position: relative;
        overflow-x: hidden;
      }
      .loginScreen .bgCurve{
        height: 400px;
        width: 90%;
        border-bottom-left-radius: 230px;
        border-bottom-right-radius: 230px;
        position: relative;
      }
      .loginScreen .loginHeading{
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 40px 50px;
        height: 100%;
      }
      .loginScreen .loginHeading h4{
        width: 100%;
        font-size: 30px;
        font-weight: 300;
        color: #28c63a;
        font-style: italic;
      }
      .loginScreen .loginHeading h2{
        width: 100%;
        font-size: 35px;
        font-weight: 700;
        color: #28c63a;
        font-style: italic;
      }
      .loginScreen .switchScreen p{
          padding-left: 60px;
      }
      .loginDetails {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        height: 100%;
      }
      .loginDetails input{
        background-color: #ffffff !important;
        height: 55px;
      }
      .loginDetails input::placeholder{
        color:#000;
        font-weight: 500;
        font-size: 16px;
      }
      .loginDetails .forgotLink{
        color: #000;
        font-weight: 500;
        font-size: 16px;
        position: relative;
      }
      .forgotLink::before {
        content: "";
        position: absolute;
        width: 95%;
        height: 2px;
        bottom: 2%;
        left: 2%;
        background-color: #000;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
      }
      .forgotLink:hover::before {
        visibility: visible;
        transform: scaleX(1);
      }
      .switchScreen{
        margin: 25px 0;
      }
      .switchScreen p{
        font-size: 14px;
        color: #28c63a;
        padding-left: 15px;
      }
      .switchScreen p a{
        font-weight: 700;
        color: #28c63a;
        position: relative;
      }
      .switchScreen a::before {
        content: "";
        position: absolute;
        width: 95%;
        height: 2px;
        bottom: 2%;
        left: 2%;
        background-color: #c54032;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
      }
      .switchScreen  a:hover::before {
        visibility: visible;
        transform: scaleX(1);
      }

      /* Login Screen Ends here */

      /*Signup Screen Starts Here*/
      .signUpScreen{
        background: #dfdfdf;
        position: relative;
        min-height: 105vh;
      }
      .signUpScreen .bgCurve{
        height: 320px;
        width: 90%;
        border-bottom-left-radius: 230px;
        border-bottom-right-radius: 230px;
        position: relative;
      }
      .signUpScreen .loginHeading{
        text-align: left;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 40px 50px;
        height: 100%;
      }
      .signUpScreen .loginHeading h4{
        width: 100%;
        font-size: 30px;
        font-weight: 300;
        color: #28c63a;
        font-style: italic;
      }
      .signUpScreen .loginHeading h2{
        width: 100%;
        font-size: 35px;
        font-weight: 700;
        color: #28c63a;
        font-style: italic;
      }
      .SignUpDetails {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        height: 100%;
        padding-top: 40px;
      }
      .SignUpDetails input::placeholder{
        color:#000;
        font-size: 16px;
        font-weight: 500;
      }
      .signUpScreen .switchScreen{
          margin: 25px 0;
      }
      .switchScreen{
        margin: 25px 0;
      }
      .switchScreen p{
        font-size: 18px;
        color: #28c63a;
        padding-left: 15px;
      }
      .switchScreen p a{
        font-weight: 700;
        color: #28c63a;
        position: relative;
      }
      .switchScreen a::before {
        content: "";
        position: absolute;
        width: 95%;
        height: 2px;
        bottom: 2%;
        left: 2%;
        background-color: #c54032;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
      }
      .switchScreen  a:hover::before {
        visibility: visible;
        transform: scaleX(1);
      }

      .SignUpDetails input,
      .SignUpDetails select{
        background-color: #ffffff !important;
        height: 55px;
        color: #000;
        font-weight: 500;
      }
      .SignUpDetails .agreeText{
        font-weight: 300;
        font-size: 15px;
        color: #ffffff;
      }
      .SignUpDetails .agreeText a{
          color: #28c63a;
      }
      .signUpScreen .pass-Input{
          font-size: 14px;
            font-weight: 500;
      }
      /*Signup Screen Ends Here*/
      
      /* Contact Screen Starts */
      .contactScreen{
        background: #dfdfdf;
        min-height: 84vh;
        position: relative;
      }
      .contactScreen .bgCurve{
        height: 90px;
        width: fit-content;
        position: relative;
        margin-top: 50px;
      }
      .contactScreen .contactHeading{
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 25px;
        height: 100%;
      }
      .contactScreen .contactHeading h4{
        width: 100%;
        font-size: 35px;
        font-weight: 300;
        color: #ffffff;
      }
      .contactScreen .contactHeading h2{
        width: 100%;
        font-size: 40px;
        font-weight: 700;
        color: #ffffff;
      }
      .contactScreen .coontactDetails{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        padding-top: 100px;

      }
      .contactScreen textarea{
        background-color: #ffffff !important;
        color: #000;
      }
      .contactScreen input{
        background-color: #ffffff !important;
        height: 55px;
        color: #000;
      }
      .contactScreen input::placeholder{
        color:#000;
        font-size: 16px;
        font-weight: 500;
      }
        .contactScreen textarea::-webkit-input-placeholder {
          color: #000;
          font-weight: 500;
        }
        
        .contactScreen textarea:-moz-placeholder { /* Firefox 18- */
          color: #000;  
          font-weight: 500;
        }
        
        .contactScreen textarea::-moz-placeholder {  /* Firefox 19+ */
          color: #000;  
          font-weight: 500;
        }
        
        .contactScreen textarea:-ms-input-placeholder {
          color: #000;  
          font-weight: 500;
        }
        
        .contactScreen textarea::placeholder {
          color: #000;  
          font-weight: 500;
        }
      .contactScreen .addressDetails{
        margin: 40px 0;
        color: #ffffff;
      }
      .contactScreen .addressDetails h5{
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 15px;
      }
      .contactScreen .addressDetails p{
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #000;
      }
      .contactScreen .addressDetails a{
          color: #28c63a;
      }
      /* Contact Screen Ends */
      
            /*Team Screen Starts */
        .team-wrapper{
            background: #dfdfdf;
        }

      .teamScreen{
        position: relative;
      }
      .teamScreen .teamDetails{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        padding-top: 20px;
      }
      .teamScreen .teamDetails p{
        font-size: 13px;
        color: #ffffff;
        font-weight: 600;
        line-height: 2;
      }
      .teamScreen .bgCurve{
        height: 55px;
        width: fit-content;
        position: relative;
      }
      .teamScreen .contactHeading{
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 25px;
        height: 100%;
        margin-top: 50px;
      }
      .teamScreen .contactHeading h2{
        width: 100%;
        font-size: 35px;
        font-weight: 600;
        color: #ffffff;
      }
      
      .teamMembers{
        padding: 50px 0;
      }
      .teamMembers .bioWrap{
          background: #ffffff;
          padding: 20px;
          height: 100%;
      }
      .teamMembers .bioWrap .memberInfo{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      .teamMembers .bioWrap .memberInfo img{
        border-radius: 5px;
        margin-bottom: 25px;
        width: 170px;
        height: 170px;
      }
      .teamMembers .bioWrap h5{
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
      }
      .teamMembers .bioWrap .memberInfo .designation{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 25px;
        max-width:290px;
      }
      .teamMembers .bioWrap .memberInfo .designation h4{
          font-weight: 600;
        font-size: 30px;
        color: #3e67c6;
      }
      .teamMembers .bioWrap .memberInfo .designation p{
          font-size: 18px;
        font-weight: 500;
        color: #000000;
      }
      .teamMembers .bioWrap .bioDesc{
          font-size: 16px;
        color: #000000;
        line-height: 2;
      }
    /*Team Screen Ends  */
      
      /*Faq Screen */
      .faqWrapper{
          background: #dfdfdf;
          min-height: 105vh;
      }
      .faqScreen{
        position: relative;
      }
      .faqScreen .teamDetails{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        padding-top: 20px;
      }
      .faqScreen .teamDetails p{
        font-size: 13px;
        color: #ffffff;
        font-weight: 600;
        line-height: 2;
      }
      .faqScreen .bgCurve{
        height: 55px;
        width: fit-content;
        position: relative;
        margin-top: 50px;
      }
      .faqScreen .contactHeading{
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 25px;
        height: 100%;
      }
      .faqScreen .contactHeading h2{
        width: 100%;
        font-size: 35px;
        font-weight: 700;
        color: #ffffff;
      }
      
      .faquestions{
          padding: 36px 0;
      }
      .faquestions .faqsHeading{
        font-size: 25px;
        color: #ffffff;
        margin: 20px 10px;
        font-weight: 600;
      }
      .faquestions .card{
          border: 2px solid #ffffff !important;
            margin-bottom: 10px !important;
      }
      .faquestions .card .card-header{
          background: #939393  !important
      }
      .faquestions .card .card-header .btn{
          color: #ffffff;
            font-weight: 600;
      }
      .faquestions .card .card-header .btn:focus{
          box-shadow: none !important;
      }
      .faquestions .card .card-header .btn-header-link{
        width: 100%;
        text-align: left;
        font-size: 20px;
      }
      
        .faquestions .card .card-header .btn-header-link:after {
          content: "\f107";
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          float: right;
          color: #ffffff;
        }

        .faquestions .card .card-header .btn-header-link.collapsed:after {
            content: "\f106";
            color: #ffffff;
        }
        .faquestions .card .card-body{
            font-size: 20px;
        }
      
      /* News Update Screen */
      .news-upd-wrapper{
        background: #dfdfdf;
        position: relative;
      }
      .news-upd-wrapper .news-content{
          padding: 25px 0 50px 0;
      }
      .news-upd-wrapper .news-content .content-wrap{
          margin-bottom: 25px;
      }
      .news-upd-wrapper .news-content .head{
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: 700;
      }
      .news-upd-wrapper .news-content .desc{
        /*white-space: pre-wrap;*/
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
      }
      .news-upd-wrapper .news-content .desc p{
          font-size: 18px;
      }
      .newsUpdate .teamDetails{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        padding-top: 20px;
      }
      .newsUpdate .teamDetails p{
        font-size: 13px;
        color: #ffffff;
        font-weight: 600;
        line-height: 2;
      }
      .newsUpdate .bgCurve{
        height: 70px;
        width: fit-content;
        position: relative;
        margin-top: 50px;
      }
      .newsUpdate .contactHeading{
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 25px;
        height: 100%;
      }
      .newsUpdate .contactHeading h2{
        width: 100%;
        font-size: 30px;
        font-weight: 700;
        color: #ffffff;
      }
      
            /*News Update Screen  */
      .newsBlog{
        background: #000000;
        padding: 100px 0;
      }
      .blog{
        margin-bottom: 50px;
      }
      .blog img{
        border-radius: 10px;
      }
      .blog .blogTitle{
        color: #ffffff;
        padding-left: 110px;
      }
      .blog .blogTitle h2 a{
        color: #ffffff;
      }
      .blog .bloglinks span{
        margin-right: 10px
      }
      .blog .bloglinks span a{
        color: #ffffff;
      }
      .blog .bloglinks span a:hover{
        text-decoration: underline;
      }
      .blog .blogDetail{
        max-width: 900px;
        margin: 0 auto;
        color: #ffffff
      }
      .blog .blogDetail p{
        margin-bottom: 50px;
      }
      .blog .blogDetail a{
        padding: 10px 20px;
        border: 2px solid #28c63a;
        border-radius: 10px;
        color: #ffffff;
        font-size: 14px;
      }
      .blog .blogDetail a:hover{
        background: rgb(144,8,8);
        background: linear-gradient(42deg, rgba(144,8,8,1) 65%, rgba(220,90,74,1) 100%);
      }
  
      
/* Health Category Page Starts */
        .searchInboxWrap{
            display: flex;
            justify-content: space-between;
        }
        .searchInboxWrap form{
            width: 45%;
        }
        .diseases-list-wrap .message{
            margin-left: auto;
        }
        .diseases-list-wrap .categorySection{
            background: #dfdfdf;
            padding: 20px 0;
        }
        .categorySection{
          padding: 50px 0;
          min-height: 500px;
          background-color: #000000;
          color: #ffffff;
        }
        .categorySection .btn-secondary {
          color: #fff;
          background-color: #9a1311;
          border-color: #28c63a;
        }
        .categorySection .catListing{
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          min-height: 450px;
        }
        .categorySection .catListing a{
          font-family: Poppins,sans-serif;
          display: inline-block;
          background: #fff;
          color: #000;
          width: 210px;
          height: 60px;
          margin-right: 10px;
          padding: 10px 15px;
          text-align: center;
          font-size: 16px;
          font-weight: 500;
          cursor: pointer;
          margin-bottom: 10px;
          position: relative;
          z-index: 1;
          text-transform: capitalize;
          transition: all .3s ease-in-out;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .categorySection .catListing .acp-cat{
          color: #0070c0;
          font-weight: 700;
        }
        .categorySection .catListing .cop-cat{  
          color: red;
          font-weight: 700;
        }
        .categorySection .catListing .herbal-cat{
          color: #00b050;
          font-weight: 700;
        }
        .categorySection .catListing .misc-cat{
          color:#f3c;
          font-weight: 700;
        }
        .categorySection .catListing .vita-cat{
          color: #00b0f0;
          font-weight: 700;
        }
        .categorySection .catListing .yoga-cat{
          color: #f90;
          font-weight: 700;
        }
        .categorySection .catListing .covid-cat{
          background: rgb(144,8,8);
          background: linear-gradient(42deg, rgb(193 42 42) 65%, rgba(220,90,74,1) 100%); 
          color: #fff;
          font-weight: 700;
        }
        .categorySection .catListing a:hover{
          box-shadow: 1px 1px 10px #ffffff;
          transform: scale(1);
          transition: all .3s ease-in-out;
          background: rgb(144,8,8);
          background: linear-gradient(42deg, rgb(193 42 42) 65%, rgba(220,90,74,1) 100%); 
          color: #fff;
        }
        .categorySection .sec-heading{
          margin: 30px 0;
        }
        .categorySection .sec-heading h3{
            font-size: 20px;
            font-weight: 700;
            color: #000;
        }
        .categorySection .sec-heading .divider{
            display: block;
            background: #9a1311;
            width: 70px;
            height: 3px;
            margin: 5px 0;
        }
        
        .categorySection .threeLinks .links{
            width: 100%;
            height: 50px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            position: relative;
            background: rgb(144,8,8);
            background: linear-gradient(42deg, rgba(144,8,8,1) 65%, rgba(220,90,74,1) 100%);
            border-radius: 10px;
            color: #ffffff;
            font-size: 13px;
        }
        .categorySection .threeLinks .links a {
            color: #ffffff;
        }
        .categorySection .threeLinks .links:hover{
            text-decoration: none;
            color: #ffffff;
            background-image: linear-gradient(to left, #28c63a 20%, #be3a30 80%);
        }
        
        .categorySection .newInboxBtn{
            margin: 20px 0;
        }
        .categorySection .newInboxBtn .links{
            width: 150px;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            position: relative;
            background: rgb(144,8,8);
            background: linear-gradient(42deg, rgba(144,8,8,1) 65%, rgba(220,90,74,1) 100%);
            border-radius: 10px;
            color: #ffffff;
        }
        .categorySection .newInboxBtn .links a{color: #ffffff;}
        .newInboxBtn .links:hover{
            text-decoration: none;
            color: #ffffff;
            background-image: linear-gradient(to left, #28c63a 20%, #be3a30 80%);
        }
      /* Health Category Page Ends */
     /*Dashboard Page Starts */
      .dashboard-wrap .innerLinks{
          padding: 20px 0;
      }
      .dashboard-wrap .innerLinks a{
          font-size: 20px;
      }
      .dashboard-wrap .innerLinks .topLinks a{
          font-size: 18px;
      }
      .dashboard-wrap .innerLinks .bottomLinksWrap{
          margin: 0;
      }
      .innerLinks{
        background: #dfdfdf;
        padding: 20px 0;
        min-height: 50vh;
        display: flex;
        align-items: center;
      }
      .innerLinks .topLinks{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        background: rgb(144,8,8);
        background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
        padding: 10px 15px;
        border-radius: 10px;
        height: 50px;
        width: 75%;

      }
      .innerLinks .topLinks a{
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        
      }
      .innerLinks .topLinks span{
        margin-right: 5px;
      }
      .innerLinks .btn-secondary {
        color: #fff;
        background-color: #9a1311;
        border-color: #28c63a;
      }
      .innerLinks a{
        font-size: 14px;
        color: #fff;
        text-align: center;
      }
      .innerLinks .bottomLinksWrap{
        margin: 10px 0;
      }
      .innerLinks .bottomLinksWrap .links{
        font-weight: 500;
        position: relative;
        background: rgb(144,8,8);
        background: linear-gradient(42deg, rgb(40, 198, 58) 65%, rgb(185, 228, 200) 100%);
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .innerLinks .links:hover,
      .innerLinks .topLinks:hover{
        text-decoration: none;
        color: #ffffff;
        border-radius:20px;
      }
      
      /*Dashboard Page Ends */
        
      /* Catg Comment Starts */
      .disease-wrap .cat-comment{
          background: #dfdfdf;
          padding: 20px 0 50px 0;
      }
      .disease-wrap .cat-comment .chatWrap .commentReply{
          padding: 0;
      }
      .disease-wrap .cat-comment .chatWrap .comment{
          margin: 10px 0 !important;
      }
      .disease-wrap .cat-comment .chatWrap .commentReply .commentBox{
          margin: 10px 0;
      }
      .inbox-main-Wrap .cat-comment{
          background: #dfdfdf;
      }
      .ref-doc-wrap .message{
          margin-left: auto;
      }
      .ref-doc-wrap .cat-comment{
          background: #dfdfdf;
          padding: 20px 0;
      }
      .ref-doc-wrap .cat-comment h4{
          color: #000 !important;
      }
      .ref-doc-wrap .cat-comment p{
          color: #000 !important;
      }
      .ref-doc-wrap .cat-comment .name{
          color: #000 !important;
      }
      .ref-doc-wrap .cat-comment .date{
          color: #000 !important;
      }
      .ref-hosp-wrap .message{
          margin-left: auto;
      }
      
      .ref-hosp-wrap .cat-comment{
          background: #dfdfdf;
          padding: 20px 0;
      }
      .ref-hosp-wrap .cat-comment h4{
          color: #000 !important;
      }
      .ref-hosp-wrap .cat-comment p{
          color: #000 !important;
      }
      .ref-hosp-wrap .cat-comment .name{
          color: #000 !important;
      }
      .ref-hosp-wrap .cat-comment .date{
          color: #000 !important;
      }
     .cat-comment .newInboxBtn{
         margin: 15px 0;
     }
     .cat-comment .newInboxBtn .links{
        width: 150px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        position: relative;
        background: rgb(144,8,8);
        background: linear-gradient(42deg, rgba(144,8,8,1) 65%, rgba(220,90,74,1) 100%);
        border-radius: 10px;
        color: #ffffff;
     }
        .cat-comment .newInboxBtn .links a{color: #ffffff;}
        .newInboxBtn .links:hover{
        text-decoration: none;
        color: #ffffff;
        background-image: linear-gradient(to left, #28c63a 20%, #be3a30 80%);
        }
      
    .cat-comment .subLinks .links{
        width: 100%;
        height: 50px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        position: relative;
        background: rgb(144,8,8);
        background: linear-gradient(42deg, rgba(144,8,8,1) 65%, rgba(220,90,74,1) 100%);
        border-radius: 10px;
        color: #ffffff;
        font-size: 13px;
    }
    .cat-comment .subLinks .links a{color: #ffffff;}
    .cat-comment .subLinks .links:hover{
        text-decoration: none;
        color: #ffffff;
        background-image: linear-gradient(to left, #28c63a 20%, #be3a30 80%);
    }

      .cat-comment{
          background: #000;
        padding: 50px 0;
      }
      .cat-comment .btn-secondary{
        color: #fff;
        background-color: #28c63a;
        border-color: #28c63a;
      }
      
      .cat-comment .patientsImgOutline{
        border-radius: 50%;
        border: 3px solid #ffffff;
        width: 50px;
        height: 50px;
    }
      .cat-comment .catgHeading{
        margin: 5px 0;
      }
      .individual-chat-wrap .cat-comment{
          background: #dfdfdf !important;
      }
      .individual-chat-wrap .cat-comment .catgHeading h4{
          color: #fff;
      }
      .individual-chat-wrap .chattingWrap button.cta{
          width: 150px;
            height: 40px;
          
      }
      .cat-comment .catgHeading h4{
        font-size: 25px;
        font-weight: 700;
        color: #000;
      }
      .cat-comment .catgHeading .recommend{
          color: #ffffff;
          font-weight: 100;
      }
      
      .cat-comment .catgHeading .recommend a {
            font-weight: 100;
            color: #28c63a;
            font-size: 14px;
            position: relative;
        }
        
        .cat-comment .catgHeading .recommend a::before {
            content: "";
            position: absolute;
            width: 95%;
            height: 2px;
            bottom: 2%;
            left: 2%;
            background-color: #c54032;
            visibility: hidden;
            transform: scaleX(0);
            transition: all 0.3s ease-in-out 0s;
        }
      
      .cat-comment .catgHeading .recommend a:hover::before {
            visibility: visible;
            transform: scaleX(1);
        }
      
      
      
      .cat-comment .catgHeading .divider{
        display: block;
        background: #28c63a;
        width: 50px;
        height: 3px;
        margin: 5px 0;
      }
      .cat-comment .chatWrap .comment{
        margin: 15px 0;
      }
      .cat-comment .chatWrap .comment .cta{
        font-size: 20px;
        font-weight: 600;
        color: #ffffff;
        width: 180px;
        height: 50px;
      }

      .cat-comment .chatWrap .tox .tox-edit-area__iframe{
        background: #ffffff !important;
      }
      .cat-comment .chatWrap .commentReply .commentBox{
        margin-top: 0px;
      }
      .cat-comment .chatWrap .commentReply{
        padding: 0;  
        /*border-top: 2px solid #fff;*/
      }
      .cat-comment .chatWrap .commentReply .name{
        color: #000;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
      }
      .cat-comment .chatWrap .commentReply .date{
        color: #000;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 10px;
      }
      .cat-comment .chatWrap .commentReply .box{
        width: auto;
        color: #000000;
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
      }
      .cat-comment .chatWrap .commentReply .reply{
        color: #000000;
        background: #fff;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 5px;
        overflow: hidden;
        width: fit-content;
      }
      .cat-comment .chatWrap .commentReply .replyBox .cta{
        font-size: 15px;
        font-weight: 400;
        color: #ffffff;
        width: 150px;
        height: 40px;
      }
      /* Catg Comment Ends */


      /* Inbox page Starts */
      .inboxWrap .user-msg{
          width: 100%;
          overflow: hidden;
      }
      .inboxWrap .cta{
        font-size: 15px;
        font-weight: 400;
        color: #ffffff;
        width: 150px;
        height: 40px;
      }
        .inboxWrap .inboxList{
            justify-content: space-between;
            background: #15151575;
            padding: 10px;
            border-radius: 10px;
            width: 100%;
            border: 2px solid #28c63a;
            box-shadow: 0px 0px 17px #882b2b;
        }
        .inboxWrap .inboxList:hover{
            box-shadow: none;
        }
        .inboxWrap .member-title{
            width: 80%;
            color: #ffffff;
            align-items: center;
        }
        .inboxWrap .member-title .member-name{
            font-size: 18px;
            font-weight: 400;
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #ffff;
        }
        .inboxWrap .member-title .lastmsg{
            font-size: 12px;
            margin-top: 5px;
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

        }
        .inboxWrap .activity{
            width: 20%;
            text-align: center;
        }
        .inboxWrap .activity p{
            text-align: center;
        }
        .inboxWrap .activity span{
            font-size: 12px;
            color: #ffffff;
        }
        .inboxWrap .activity .new-msgs span{
            padding: 2px 7px;
            height: 6px;
            width: 8px;
            background: #000000;
        }
        
        .inboxWrap .activity .new-msgs span.unread{
            background: #fff;
            color: #28c63a;
            font-weight: 700;
            border-radius: 10px;
        }
        

      /* Inbox page Ends */
      
      /* Reviews Page Starts */
      
    .pat-review {
        padding: 20px;
        border-radius: 10px;
        width: 100%;
        border: 2px solid #28c63a;
        position: relative;
        color: #fff;
        text-align: center;
    }
    .pat-review .pat-img span{
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 3px solid #28c63a;
        display: block;
        margin: 0 auto;
        position: absolute;
        top: -37px;
        left: 42%;
    }
    .pat-review .pat-name {
        margin: 0 0 20px 0;
    }
     .pat-review .pat-name span i{
         font-size: 30px;
        color: #28c63a;
     }
     .pat-review .pat-name h4{
         padding: 10px 0 0 0;
        font-size: 25px;  
     }
     .pat-review .pat-comments p{
         line-height: 1.5;
        font-size: 16px;
        font-weight: 300;
     }
    
      /* Reviews Page Ends */
      
      /* Privacy Policy */
    .privacy-wrap{
        background: #dfdfdf;
    }
    .privacy-inner-wrap{
        padding: 50px 0;
    }
    .privacy-inner-wrap h2{
        color: #000;
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .privacy-inner-wrap h4{
        font-size: 24px;
        font-weight: 700;
        color: #000;
        margin-bottom: 10px;
    }
    .privacy-inner-wrap .content{
        color: #000;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 20px;
    }
    .privacy-inner-wrap .content span{
        width: 100%;
        text-align: right;
    }
    .privacy-inner-wrap ul{
        padding-left: 20px;
    }
    .privacy-inner-wrap ul li{
        list-style: disc;
    }
    
    /* Terms & Conditions */
    
    .terms-wrap{
        background: #dfdfdf;
    }
    .terms-inner-wrap{
        padding: 50px 0;
    }
    .terms-inner-wrap h2{
        color: #000;
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .terms-inner-wrap h4{
        font-size: 24px;
        font-weight: 700;
        color: #000;
        margin-bottom: 10px;
    }
    .terms-inner-wrap .content{
        color: #000;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 20px;
    }
    .terms-inner-wrap .content .date{
        width: 100%;
        text-align: right;
    }
    .terms-inner-wrap ul{
        padding-left: 20px;
    }
    .terms-inner-wrap ul li{
        list-style: disc;
    }
    
    /*Agreement Screen*/
    
   .agreement-wrap{
        background: #dfdfdf;
    }
    .agreement-inner-wrap{
        padding: 50px 0;
    }
    .agreement-inner-wrap h2{
        color: #000;
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .agreement-inner-wrap h4{
        font-size: 24px;
        font-weight: 700;
        color: #000;
        margin-bottom: 10px;
    }
    .agreement-inner-wrap .content{
        color: #000;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 20px;
    }
    .agreement-inner-wrap .content span{
        width: 100%;
        text-align: right;
    }
    .agreement-inner-wrap ul{
        padding-left: 20px;
    }
    .agreement-inner-wrap ul li{
        list-style: decimal;
        padding-bottom: 10px;
    }
    
    /* Footer Section */
    .footerSection{
        background: #dfdfdf;
        position: relative;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*.footerSection::before{*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  left: 2%;*/
    /*  top: -6%;*/
    /*  z-index: 1;*/
    /*  width: 50px;*/
    /*  height: 50px;*/
    /*  border-radius: 50%;*/
    /*  background: radial-gradient(ellipse at center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));*/
    /*  box-shadow: 0px 0px 1px 1px #0000001a;*/
    /*  transform: scale(1);*/
    /*  animation: pulse 2s infinite;*/
    /*  animation-name: 'pulse-animation';*/
    /*  animation-duration: 2s;*/
    /*  animation-iteration-count: infinite;*/
    /*  -webkit-animation-name: 'pulse-animation';*/
    /*  -webkit-animation-duration: 2s;*/
    /*  -webkit-animation-iteration-count: infinite;*/
    /*  display:none;*/
    /*}*/

    /*.footerSection::after{*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  bottom: 5%;*/
    /*  right: -7%;*/
    /*  z-index: 0;*/
    /*  width: 200px;*/
    /*  height: 200px;*/
    /*  border-radius: 50%;*/
    /*  background: radial-gradient(ellipse at center, rgba(168, 33, 30, 1.0), rgba(220, 91, 73, 1.0));*/
    /*  box-shadow: 0px 0px 1px 1px #0000001a;*/
    /*  transform: scale(1);*/
    /*  animation: pulse 2s infinite;*/
    /*  animation-name: 'pulse-animation';*/
    /*  animation-duration: 2s;*/
    /*  animation-iteration-count: infinite;*/
    /*  -webkit-animation-name: 'pulse-animation';*/
    /*  -webkit-animation-duration: 2s;*/
    /*  -webkit-animation-iteration-count: infinite;*/
    /*}*/
    .footerSection .contactDetails{
        color: #000;
        font-size: 14px;
        font-weight: 600;
    }
    .footerSection .contactDetails p{
        margin-bottom: 5px;
        font-size: 18px;
    }
    .footerSection .contactDetails p a{
        color: #000;
        text-decoration: none;
    }
    .footerSection .contactDetails p a:hover{
        color: #28c63a;
        text-decoration: underline;
    }
    .footerSection .footerBottom{
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 20px 0px;
        border-top: 1px solid #cccccc57;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    /*.pulse {*/
    /*    animation: pulse-animation 2s infinite;*/
    /*}*/
      
    /*@keyframes pulse-animation {*/
    /*    0% {*/
    /*        transform: scale(0.95);*/
    /*        box-shadow: 0 0 0 0 rgba(220,90,74,0.7);*/
    /*    }*/
    
    /*    70% {*/
    /*        transform: scale(1);*/
    /*        box-shadow: 0 0 0 10px rgba(220,90,74,0);*/
    /*    }*/
    
    /*    100% {*/
    /*        transform: scale(0.95);*/
    /*        box-shadow: 0 0 0 0 rgba(220,90,74,0);*/
    /*    }*/
    /*}*/
    
    
    /* Modal Popup profile screen */
    .popup-head {
    padding: 10px 0 15px;
    border-bottom: 1px solid #8c8c8c;
    position: relative;
}
.popup-head h6 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}
.popup-head p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.close-btn span {
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
}
.close-btn {
    position: absolute;
    top: -5px;
    right: 0;
    opacity: 1;
}




























.card-input {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: #191919;
}


















.card-btn {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    outline: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: rgb(144,8,8);
    background: linear-gradient(42deg, rgba(144,8,8,1) 65%, rgba(220,90,74,1) 100%);
    border: 2px solid #fff;
}



















.credit-card-info {
    padding: 20px 0;
}

.payment-popup .modal-content {    
    background: rgb(144,8,8);
    background: linear-gradient(42deg, rgb(55, 55, 55) 65%, rgb(114, 115, 115) 100%);
    border-radius: 10px;
}





.secondSection .mainHeading h3 span{font-size: 26px !important;}


.benefitsList h3{font-size: 37px !important;}


.benefitsList ul{columns: 1 !important;}

.benefitsList ul li{list-style: none !important;text-align: center;font-size: 22px;
font-weight: 600;}





.mb-20{margin-bottom: 20px !important;}


.p-18 {
  padding-top: 50px;
  padding-bottom: 18px;
}


.getIn-touch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.get-touch-left {
  width: 50%;
  background:#dfdfdf;
  /*background: url('../images/member-sec-bg.png');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-left: 100px;
}
.get-touch-right {
  width: 50%;
  /*background: url('../images/get-in-bg.png');*/
  background:#dfdfdf;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 50px;
}
.get-touch-left .boldText {
  color: #fff;
  font-size: 35px;
}
.get-touch-left  .member-btn {
  display: flex;
  align-items: center;
  gap: 30px;
}
.get-touch-left .boldText {
  color: #4d4d4d;
  font-size: 35px;
}
.get-touch-left  .member-btn {
  display: flex;
  align-items: center;
  gap: 30px;
}
.get-touch-right form input {
  border: 0;
  padding: 10px 20px;
  width: 100%;
  max-width: 250px;
  margin: 10px 0 0px;
  border-radius: 6px;
  background: #c6c6c6;
  outline: none;
}
.get-touch-right form textarea {
  border: 0;
  padding: 10px 20px;
  margin: 10px 0 0px;
  border-radius: 6px;
  background: #c6c6c6;
  outline: none;
  width: 100%;
  height: 70px;
  resize: none;
}
.get-touch-right form {
  max-width: 500px;
}
.form-title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.get-touch-right form .sub-btn {
  text-align: center;
  margin-top: 20px;
}
.get-touch-right form .sub-btn .cta {
  padding: 10px 30px;
}


.cta {
    border: none;
    background: linear-gradient(42deg, rgb(40, 198, 58) 65%, rgb(185, 228, 200) 100%);
    color: #fff;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}