*{
    padding: 0;
    margin: 0px;
}
html,body{
    overflow-x:none;
}
body p{
    font-family: arial;
}
 h1{

   font-family: arial bold;

   }
h2{
   font-family: arial bold;
   }
h3{
  font-family: arial bold;
}

h4{
  font-family: arial bold;
}

h5{
  font-family: arial bold;
}

h6{
  font-family: arial bold;
}


body a{
    font-family: arial;
}
.pl-custom{
    padding-left: 3rem;
}
.mrCustomNav{
    margin-right: 3rem;
}
.logoWidth{
  width:  200px;
}
.input{
    width: 200px;
    padding-left: 10px;
    border: 1px solid lightgray;
    height: 27px;
    padding-top: 2px;
}
.btnLogin{
    background-color: #4184b7;
    color: white;
    padding: 0px 10px;
    padding-top: 1px;
    font-family: arial;
}
.btnLoginIndex{
    /* background-color: #727272;
    color: white;
    padding: 0px 10px;
    font-family: arial; */
    background-color: #727272;
    color: white;
    padding: 0px 15px;
    font-family: arial;
    margin: auto 0;
    padding-top: 1px;
}
.btnBecomeCarer{
    background-color: #035591;
    color: white;
    font-family: arial;
}

.signupBtnStyle{

    background-color: #ffa10b;
    padding: 3px 40px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    margin-top: 1.5rem;
}
.platacareSignUpFormHeading{
    color: #035591;
    font-family: arial bold;
    font-size: 30pt;
    margin-bottom: 0;
}

.imagePositionOldMan{
    position: absolute;
    top: -100%;
    right: 74px;
    width: 185px;
}
.lineOne{
    width: 60%;
    height: 4px;
    background: white;
    transform: rotate(
177deg
 );
    position: absolute;
    left: 239px;
    top: 92px;
}
.lineTwo{
    width: 40.6%;
    height: 4px;
    background: white;
    transform: rotate(
193deg
 );
    position: absolute;
    left: 228px;
    top: 204px;
}
.lineThree{
    width: 22%;
    height: 4px;
    background: white;
    transform: rotate(
211deg
 );
    position: absolute;
   left: 168px;
    top: 264px;
}
.footer{
    /*background-color: #7f7f7f;*/
    background-color: #0f2733;
}
.footer ul li{
    color: #d3d3d3;
    font-size: 11pt;
}
.footer ul li a{
    color: #d3d3d3;
    font-size: 11pt;
}
.mt-customNav{
    margin-top: 7px;
}
.fixedHeader{
    /* box-shadow: 0 0 20px 8px rgb(0 0 0 / 35%); */
    box-shadow: 0 0 20px 2px rgb(0 0 0 / 25%);
    padding-bottom: 0.5rem;
    position: fixed;
    width: 100%;
    z-index: 1111111111;
}
.bgHeader{
    background-color: white;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}
.backGroundWeConnectSection{
    background-color: #dddddd;
}
.backgroundColor{
    background-color: #dddddd;
}
.resultScreenBackGRound{
    background-color: #f4f4f4;
}
.paragraphBottom{
    color: #afafaf;
    font-size: 48pt;
    font-family: arial bold;
}
.btnSignup{
    background-color: #F0A327;
    color: white;
    padding: 3px 40px;
    border-radius: 10px;
}

.imageSize{
    width: 110px;
}
.imageSize2{
    margin-top: 7px;
    width: 111px;
}
.backGroundWeConnectSection ul li{
    margin-left: 20px;
}
.backGroundWeConnectSection ul li:first-child{
    margin-left:0px;
}
.paddingSetBottomSturcture {
padding-left: 52px;
}
.headingForMobile{
    color: #afafaf;
    text-align: center;
    padding-top: 3rem;
}
.displayForMobile{
    display: none;
}
.btnResponsiveMobileStyle{
    border: 0;
}
.btnResponsiveMobileStyle:focus{
    border: 0;
    outline: 0;
}
.becomeACarerMobile{
    border-radius: 31px;
    font-size: 10pt;
    margin-top: .5rem;
    display: none;
    background: #035591;
    margin-left: 1rem;
    color: white;
}
.paddingTopCustom{
    padding-top:6rem;
}
/* otp screen css */
.containerOtp{
    background: #f8f3ec;
    padding: 10px;
}
.heightOtpContaier{
    height: 100vh;
}
.otpNum{
    width: 40px;
    height: 42px;
    border: 1px solid #ff8a00;
    background-color: white;
}
.containerOtp ul {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}
.containerOtp ul li{
    margin-left: 30px;
}
.containerOtp ul li:first-child{
    margin-left: 0px;
}
.btnLoginOtp{
    background-color: #847c73;
    padding: 7px 35px;
}
.lineHeightOtpContainer{
    line-height: 12pt;
}
.underline{
    text-decoration: underline;
}
.widthBtnImg{
    width: 150px;
}
.positionTextInsideButton{
    position: absolute;
    top: 1px;
    left: 45px;
    font-weight: 500;
    color: white;
}
.positionTextInsideButton:hover{
    color: Black;
}

.justify-content{
    justify-content: center;
}
.headingResultSection{
    background: white;
    /*padding:23px 30px;*/
    padding:8px 6px;
    border-radius: 15px;
    color: black;
    box-shadow: 1px 1px 7px #9e9898;
}

.sideBorder{
    border-right: 2px solid black;
    padding-right: 12px;
    margin-right: 6px;
}
.headingResultSection a{
    color: black;
}
.cardContaner{
    background: white;
    border-radius: 27px;
    box-shadow: 1px 1px 8px #a09e9e;
    padding-bottom: 1rem;
    padding-top: 0px;
    /*height: 340px;*/
    margin: 30px 15px 50px 15px;
    /*margin: 30px 0px 50px;*/
}
.marginCard{
    /* margin-left: 1.5rem;
    margin-right: 1.5rem; */
}
.imgWidthCard{
    width: 50px;
    margin-top: -11px;
}
.marginNeg{
    margin-top: -40px;
}
.w-90{
    width: 90%;
}
.smallDetiledText{
    font-size: 7pt;
    text-align: center;
    font-weight: 500;
    color: lightgray
}
.mapMarker{
    font-size: 11pt;
    margin-right: 5px;
    line-height: 10px;
}
.bottomCard{
    box-shadow: inset 0px 2px 6px #dedddd, inset 0em -2px 5px #dedddd;
}
.addScroll{
    height: 180px;
    overflow-y: scroll;
}
.hrStyle{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}
.bottomCard p{
    font-size: 10pt;
}
/* width */
#resultsScreen ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  #resultsScreen ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  /* Handle */
  #resultsScreen ::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 50px;
  }

  /* Handle on hover */
  #resultsScreen ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .btnView{
      border: 1px solid green;
      border-radius: 10px;
      padding: 3px 23px;
    font-size: 10pt;
    margin-top:1rem
  }
  .paddingTopCustomSignUp {
    padding-top: 5rem;
    height:91vh;
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}
.displayLarge{
    display: none;
}
.displayForMobileSearch {
    display: none;
}
@media (min-width: 768px) and (max-width: 1199px){

    .displayForMe{
        display: none;
    }
    .displayLarge{
        display: block;
    }
 }

 @media (min-width: 768px) and (max-width: 1019px){

    .HideLinesForMiddle{
        display: none;
    }
 }
@media (max-width: 767px){
    .w100Mobile{
        width:100%;
    }
    .textcolor{
        color:black !important;
    }
    .inputSearchWidth {
        width: 100% !important;
    }
    .paddingForinput {
        padding-top: 3rem !important;
    }
    .justifyContentMobile{
        display: flex;
        justify-content: center;
    }
    .font-heading-result-nav{
        font-size :13pt !important;
    }
    #signUpContainer .float-right{
        float: none !important;
        padding-left: 20px;
    }
    .alignLeftForMobile{
        text-align: left !important;
    }
    .paddingTopCustomSignUp {
        padding-top: 5rem;
    }
    .imageContainerHeight{
        /*height: 50vh !important;*/
         height: 68vh !important;
    }
    .paddingRight{
        padding-right: 1.5rem;
    }
    .paddingZero{
        padding-left: 0;
        padding-right: 0;
    }
    .prCustomImageAlign{
        padding-right: 1rem !important;
    }
    .imageWidthAlone {
        width: 88px !important;
    }
    .becomeACarerMobile{
        display: block;
    }
    .input {
        width: 100%;
        padding-left: 10px;
        border: 1px solid lightgray;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .paragraphBottom{
      display: none;
    }
    .displayForMobile{
        display: block;
    }
    .hideInMobile{
        display: none;
    }
    .paddingSetBottomSturcture{
        padding-left: 10px;
    }

    .backGroundWeConnectSection ul li {
        margin-left: 14px;
    }
    .backGroundWeConnectSection ul {
       justify-content: center;
       display:flex;
    }
    .imageSize {
        width: 100px;
    }
    .imageSize2 {
        width: 100px;
    }
    .mt-xs-5{
        margin-top: 2rem;
    }
    .backGroundWeConnectSection,.resultScreenBackGRound{
        padding-bottom: 8rem !important;
    }
    .plr-0{
        padding-left: 0;
        padding-right: 0;
    }
    .logoWidth {
        width: 150px;
    }
    .padding-NewHomePage {
        padding-top: 3rem;
        text-align: center;
    }
    .displayForMobileSearch {
        display: block;
    }

}

.inputSearchCarer {
    width: 170px;
    padding-left: 10px;
    border: 1px solid lightgray;
    font-family: arial;
    padding-top: 1px;
}
.customMt{
    margin-top: 12px;
}
.imageWidthAlone{
    margin-top: 13px;
    width: 96px;
}

.searchBtnColor{
    background-color: #035591;
    color: white;
}
.homepageHeading{
    font-family: arial bold;
    margin-bottom: 0;
}
.placeholderFamily input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: arial;
}
#mainNav {
    font-family: arial;
}
.marginMenuButton{
    margin-top: 10px;
}
.marginMenuButton button:focus{
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}
.alignCardToSidePlc{
    /* padding-right: 35px;
    padding-left: 35px; */
    /* padding-right: 124px;
    padding-left: 45px; */
    padding-right: 3rem;
    padding-left: 3rem;
}
.firstCard{
    padding-left: 0.5rem;
}

.backgroundImageNew{
    /* background-image: url(images/NewHomePage/backgroundImageNew.png); */
   width: 100%;
   height: 85vh;
}
.positioningDetailsContainer{
    background: rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 10%;
    height: 100%;
}
.positioningDetailsContainerBottom{
    background: #0000002e;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.platacareSignUpFormHeadingNwe{
    color: #FFA10B;
    font-size: 28pt;
    font-family: arial bold;
}
.widthNewImage{
    width: 111px;
}
.imgPosition1{
   position: absolute;
    right: 0;
    z-index: 1111;
    top: 42px;

}
.imgPosition2{
   position: absolute;
right: 23.2%;
bottom: -24%;
z-index: 1111;
}
.imgPosition3{
    position: absolute;
    bottom: -55%;
    left: 40%;
    z-index: 1111;
}

.imageShadow{
    box-shadow: 0 0 23px 20px rgb(0 0 0 / 20%);
    border-radius: 50%;
}

.bgHeaderNew {
    background-color: white;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    }
.signupBtnStyleNew {
    background-color: #ffa10b;
    padding: 3px 50px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    margin-top: 1.5rem;
    font-weight: 600;
    }
    .backgroundSecondSection{
        background-color: #a2a2a2;
        height: 800px;
     }
     .backgroundSecondSectionMobile{
        background-color: #a2a2a2;

     }
     .secondSecImage1{
      position: absolute;
      left: 22%;
      top: 36%;
      z-index: 111111;
     }

     .secondSecImage2{
      position: absolute;
      bottom: -125px;
      left: 29%;
      z-index: 111111;
     }
     .secondSecImage3{
      position: absolute;
      top: 52%;
      right: 26%;
      z-index: 111111;
     }
     .imageShadow1 {
        box-shadow: 0px 12px 6px -1px rgb(0 0 0 / 20%);
        border-radius: 50%;
        }
        .lineSecondSec1{
        position: absolute;
        width: 16.1%;
        height: 4px;
        background: white;
        top: 50%;
        left: 26%;
        transform: rotate(
        176deg
        );
      }

      .imageShadow1 {
        box-shadow: 0px 12px 6px -1px rgb(0 0 0 / 20%);
        border-radius: 50%;
        }
        .lineSecondSec2{
          position: absolute;
          width: 11%;
          height: 4px;
          background: white;
          top: 99%;
          left: 35%;
          transform: rotate(
          146deg
          );
      }
      .lineSecondSec3{
        position: absolute;
        width: 12.3%;
        height: 4px;
        background: white;
        top: 65%;
        right: 30%;
        transform: rotate(
        193deg
        );
      }

      .sectionInfoContainer1{
        position: absolute;
        left: -166px;
        top: -63px;
        width: 185px;
        font-family: arial;
      }
      @media only screen and (max-width: 1280px) {

        .secondSecImage1{
          position: absolute;
          left: 19%;
          top: 36%;
        }
        .secondSecImage2{
          position: absolute;
          bottom: -108px;
          left: 30%;
        }
        .secondSecImage3{
          position: absolute;
            top: 52%;
            right: 26%;
        }

      .imageShadow1 {
        box-shadow: 0px 12px 6px -1px rgb(0 0 0 / 20%);
        border-radius: 50%;
        }
        .lineSecondSec1{
        position: absolute;
        width: 11%;
        height: 4px;
        background: white;
        top: 99%;
        left: 35%;
        transform: rotate(
        146deg
        );
      }
        .lineSecondSec2{
        position: absolute;
        width: 15.6%;
        height: 4px;
        background: white;
        top: 50%;
        left: 26%;
        transform: rotate(
        176deg
        );
      }
      .lineSecondSec3{
        position: absolute;
        width: 11.4%;
        height: 4px;
        background: white;
        top: 65%;
        right: 30%;
        transform: rotate(
        193deg
        );
      }
      }
      .numberCircle{
        background-color: #ffa10b;
        padding: 12px 21px;
        color: white;
        border-radius: 50%;
        width: 58px;
       margin-left: 1rem;
      }
      .sectionInfoContainer2{
        position: absolute;
        left: 148px;
        top: 24px;
        width: 253px;
        font-family: arial;
      }
      .sectionInfoContainer3 {
        position: absolute;
        left: 80px;
        top: 107px;
        width: 270px;
        font-family: arial;
    }
      .lineHeight{
          line-height: 33px;
          margin-right: 7px;
      }

      .thirdSectionHeight{
        height: 590px;
      }
      .thirdSecimg1{
        position: absolute;
        left: 15%;
        top: 170px;
        z-index: 11111;
      }
      .thirdSecimg2{
        position: absolute;
        right: 15%;
        top: 170px;
        z-index: 11111;
      }
      .thirdSecLine{
        width: 49%;
        height: 4px;
        background: white;
        position: absolute;
        left: 25%;
        top: 285px;
      }

      .thirdSecTopContainer{
        position: absolute;
        top: 21%;
      }
      .thirdSecTopContainerM{
        position: absolute;
        top: 13%;
      }
      .thirdSecTopContainer2 {
          position: absolute;
          bottom: 10%;
      }


     .thirdSecimgMobile {
       position: absolute;
        left: 6% !important;
        top: 70px !important;
        z-index: 1111111;
    }
    .thirdSecimgMobile1 {
      position: absolute;
      right: 6% !important;
      top: 70px !important;
      z-index: 1111111;

    }

    .thirdSecLineMobile {
      width: 49%;
        height: 4px;
        background: white;
        position: absolute;
        left: 25%;
        top: 125px !important;
    }
  .thirdsecMobilePara{
    font-size: 7pt;
    line-height: 10px;
  }

  .thirdSecTopContainer2Mobile{
    position: absolute;
    bottom: 3%;
  }
  .mtcustom{
    margin-top: 12rem;
  }

  .messageDiv{
    background-color: #ffa10b;
    padding: 5px 18px;
    color: white;
    border-radius: 50%;
    width: 60px;
    margin-left: 1rem;
      }

        @media only screen and (max-width: 1280px) {
            .lineOne {
             width: 52.7%;

            transform: rotate(
            177deg
            );
            position: absolute;
            left: 240px;
            top: 101px;
            }
            .lineTwo {
                width: 37%;
                transform: rotate(
                194deg
                );
                position: absolute;
                left: 226px;
                top: 203px;
                }
            .lineThree {
                width: 20%;
                transform: rotate(
                218deg
                );
                position: absolute;
                left: 177px;
                top: 256px;
            }
                .backgroundImageNew{
                    height: 108vh;
                 }
          }

          .oldLadyImageWidth{
              width: 230px;
          }
          .paddingSetBottomSturctureh1{
              font-size: 26pt;
              font-family:arial bold;
          }


          @media only screen and (max-width: 767px) {
              .displaySignupFormCenter{
                  display:flex;
                  justify-content:center;
              }
              .platacareSignUpFormHeadingNwe{

                    font-size: 20pt;
                   text-align:center;
                }
              .platacaresignupformMobile{
                  margin-top: 20rem;
              }
            .searchPagePaddingTop {
                padding-top: 4rem !important;
            }
                    .paddingNoneMobile{
                        padding: 0;
                    }
            .backgroundForSearchSection{
                background-image: none !important;
            }
            .backgroundImageNew{
               height: 108vh;
            }
            .bg{
                background-image: none !important;
                height: 0% !important;
            }
            .thirdSecimg1 {

                left: 6% !important;
                top: 100px !important;

            }
            .thirdSecimg2 {
                right: 8% !important;
                top: 100px !important;

            }
            .thirdSectionHeight{
                height: 265px !important;
              }
              .oldLadyImageWidth{
                  width: 115px;
              }
              .thirdSecLine {
                top: 156px !important;
            }
            .signupBtnStyleNew {
                padding: 3px 50px;
                width: 100%;
                 border-radius: 0px;

                }
                .widthNewImage{
                    width: 150px;
                }
                .imageShadow1 {
                    box-shadow: 0px 9px 6px -1px rgb(0 0 0 / 20%);
                    border-radius: 50%;
                }
                .footer ul li {
                    color: #d3d3d3;
                    font-size: 9pt;
                }
                .footer ul li a{
                    color: #d3d3d3;
                    font-size: 9pt;
                }
                .thirdSectionHeightM {
                    height: 330px !important;
                }
                .footerMargin{
                    margin-left:21px !important;
                }
          }
          .customMarginTOpToAlineGraphic{
              margin-top: 5px;
          }

         input{
             background-clip: revert !important;
         }
         .fontFamilyArialBold{
            font-family: arial bold;
        }
       .fontFamilyArial{
           font-family: arial;
       }

            .searchPagePaddingTop{
                padding-top: 5rem;
            }

            .paddingForinput{
                padding-top: 7rem;
            }
            .inputSearchWidth{
                width: 85%;
            }
            .oldManWidth{
                width: 180px;
                left: 20%;
                position: absolute;
                z-index: 1111111;
            }
            .searchSecGraphicImage1{
                position: absolute;
                bottom: 14%;
                left: 16px;
                z-index: 1111111;
            }
            .searchSecGraphicImage2{
                position: absolute;
                left: 36%;
                bottom: 6%;
                z-index: 1111111;
            }
            .searchSecGraphicImage3{
                position: absolute;
                right: 12%;
                bottom: 20%;
                z-index: 1111111;
            }
            .marginSearchSection{
                margin-left: 18px;
            }

            .paragraphGraphic{
                position: absolute;
                font-size: 22pt;
                color: white;
                font-weight: 500;
                bottom: -76px;
            }