* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    font-family: "Open Sans", sans-serif;
    }

  a{
    color: #192031 !important;
  }


  .spaceing {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .spaceings{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /* header css */

  header {
    align-items: center;
  }

  .headertop {
    margin-top: 20px;
  }
  .header-btn button {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    border: solid;
    background: linear-gradient(
      90deg,
      rgba(6, 76, 141, 1) 0%,
      rgba(7, 136, 255, 1) 100%
    );
    color: white;
  }
  .nav-bar ul li a{
    text-decoration: none !important;

  }
  .nav-bar ul li a:hover{
    color: #2962d0 !important;
  }
  .nav-bar ul li:hover{
    color: #2962d0 !important;
  } 
  .navbar li a:hover{
    color: rebeccapurple;
  }

  /* banner css */

  .bannersize {
    font-weight: bold;
    background: -webkit-linear-gradient(#064c8d, #0788ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 43px;
  }
  .pvt{
    font-size: 28px;
  }

  .bannersmall {
    font-size: 20px;
  }

  .bannersizetwo {
    font-size: 35px;
  }

  .banner-btn button {
    border: none;
    border-radius: 30px;
    width: 300px;
    height: 50px;
    background-color: #010205;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
  }

  .bannerarrow {
    margin-left: 50px;
  }

  .banner-btntwo button {
    border: none;
    border-radius: 30px;
    width: 150px;
    height: 50px;
    background-color: #ffffff;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: 10px;
  }

  .banner-img {
    position: relative;
    z-index: 99;
  }

  .banner-imgtwo {
    position: relative;
  }
  .banner-imgtwo img {
    position: absolute;
    top: -200px;
    right: 480px;
  }
  .banner-img img{
    width: 510px;
  }

  .bannertext {
    position: relative;
  }
  .bannertext {
    position: relative;
  }
  .bannertext p {
    font-weight: bold;
    position: absolute;
    left: -165px;
    top: -19px;
    font-size: 14px;
  }

  /* about css */

  .abouttitle h2 {
    font-weight: bold;
    font-size: 32px;
  }
  .aboutcolor{
      background: -webkit-linear-gradient(#064c8d, #0788ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .abouttitle p {
    font-size: 18px;
    margin-top: 30px;
  }

  .aboutcolor {
    background: -webkit-linear-gradient(#064c8d, #0788ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .aboutimgone {
    position: relative;
  }

  .aboutimgone img {
    position: absolute;
    top: 50px;
    width: 490px;
  }

  .aboutimgtwo {
    position: relative;
  }

  .aboutimgtwo img {
    position: absolute;
    top: -26px;
    left: 95px;
    width: 110px;
  }

  .aboutimgthree {
    position: relative;
  }

  .aboutimgthree img {
    position: absolute;
    top: -65px;
    left: 229px;
    width: 290px;
  }

  /* services css */

  .servicespan {
      background: -webkit-linear-gradient(#064c8d, #0788ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .servicetitle h2 {
    font-size: 32px;
    font-weight: bold;
  }


  .servicespara p{
      font-size: 18px;
      margin-top: 30px;
  }

  .wavebg {
    background-image:;
  }
    /* .boxone img{
      width: 365px;
    }
    .boxtwo img{
      width: 350px;
    }
    .boxthree img{
      width: 350px;
    } */

  /* Facilities css */

  .facilitiesspan{
      background: -webkit-linear-gradient(#064c8d, #0788ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .facilitiestext h2{
      font-size: 32px;
      font-weight: bold;
  }

  .facilitiesboxone{
      width: 200px;
      height: 75px;
      background: linear-gradient(90deg, rgba(6,76,141,1) 0%, rgba(7,136,255,1) 100%);
      color: #ffffff;
      border-radius: 20px;
      padding: 5px 5px 5px;
  }

  .facilitiesboxone p{
      font-weight: 700;
      font-size: 14px;
      width: 183px;
  }

  .mainflex{
      display: flex;
      justify-content: space-evenly;
      align-items: center;
  }

  .facilitiesflexone{
      display: flex;
      justify-content: space-evenly;
      gap: 10px;
  }
  .facilitiesflextwo{
      display: flex;
      justify-content: space-evenly;
      gap: 10px;
  }
  .facilityboxone img{
    width: 200px;
  }
  .facilityboxtwo img{
    width: 200px;
  }
  .facilityboxthree img{
    width: 200px;
  }
  .facilityboxfour img{
    width: 200px;
  }



  /* modern factilities css */

  .moderntext{
      background: -webkit-linear-gradient(#064c8d, #0788ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  .modernfacilities img{
    width: 530px;
  }
  .modernfacilitiestwo img{
    width: 530px;

  }

  .moderntitle h2{
      font-size: 33px;
      font-weight: bold;  
  }

  .modernpara{
      font-size: 20px;
  }




  /* why choose css */

  .whytitle h2{
      font-size: 33px;
      font-weight: bold;  
  }

  .whyspan{
      background: -webkit-linear-gradient(#064c8d, #0788ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  /* .whyone img{
      width: 612px;
  } */

  .whytwo img{
      width: 450px;

  }
  .ellipseone {
    position: relative;
  }
  .ellipseone  img{
    position: absolute;
    top: -93px;
    left: -105px;
  }
  .ellipsetwo {
    position: relative;
  }
  .ellipsetwo  img{
    position: absolute;
    top: -47px;
    right: -66px;
  }


  .whyimgthree  img{
      width: 500px;
  }

  .whyimgfive img{
      width: 350px;
  }

  .whyimgfour img{
      width: 500px;

  }


  /* FAQ CSS */

  .faqtitle h2{
      font-size: 32px;
      font-weight: bold;
  }



  /* Patient Quotes css */

  .patienttitle h2{
      font-size: 32px;
      font-weight: bold;
  }
  .patientcard{
    background-color: #ffffff;
    width: 400px;
    height: 300px;
    border-radius: 20px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    padding: 30px;
  }
  .flexprofile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;

  }
  .patientpara p{
    margin-top: 50px;
    text-align: left;
  }
  .patientname{
    font-size: 20px;
    font-weight: 600;
  }


  /* footer css */


  .footertext p{
      font-size: 12px;
  }

  .facebookicon{
      width: 30px;
      height: 30px;
      background-color: #ffffff;
      text-align: center;
      border-radius: 1000px;
      align-items: center;
      padding-top: 3px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  .instaicon{
      width: 30px;
      height: 30px;
      background-color: #ffffff;
      text-align: center;
      border-radius: 1000px;
      align-items: center;
      padding-top: 3px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }


  .navigation{
      display: flex;
      gap: 10px;
  }

  .navigationweb p{
      font-size: 17px;
      font-weight: 700;
  }

  .navigationweb ul li a{
      list-style: none;
      text-decoration: none;
      color: #8e8e8f;
  }


  .contact-details p{
      font-size: 17px;
      font-weight: 700;
  }

  .contact-details a{

  }

  .phonedetails a{
      text-decoration: none;
      color: #8e8e8f;
  }

  .emaildetails a{
      text-decoration: none;
      color: #8e8e8f;
  }

  .location a{
      text-decoration: none;
      color: #8e8e8f;
  }


  .navigationhome ul li{
      padding-left: 1rem !important;
  }

  .navigationweb ul li a:hover{
    color: #2962d0 !important;
  }
  .nav-bar ul li:hover{
    color: #2962d0 !important;
  } 

  .copyright-wrap{
    background-color: #ffffff
  }

  .copyright-text{
    color: ;
  }
  .copyright-text a{
    text-decoration: none;
  }
  .footer-card a{
    text-decoration: none;
  }


  .footerend{
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px;
    padding-top: 100px;
    padding-bottom: 50px;
  }

  /* .space{
    margin-top: 100px;
  } */

  .navigationhome ul{
    padding-left: 0px !important;
  }

  .navigationweb ul li{
    margin-top: 10px;
    padding-left: 1px !important;
  }

  .emaildetails{
    margin-top: 20px;
  }

  .location{
    margin-top: 20px;
  }

  .navigationhome ul li a{
    padding-left: 0rem !important;
  }



  /* media query */
  /* media query */
  /* media query */

  @media (min-width: 1200px){
    .small-banner-img img{
      display: none;
    }
    body{
      overflow-x: hidden !important;
    }
  }
@media (min-width: 999px){
  .banner-imgtwo img{
    right: 580px;
  }
}
@media (min-width: 1200px){
  .banner-imgtwo img{
    right: 480px;
  }
}
  @media (max-width: 767px){
    body{
      overflow-x: hidden !important;
    }
    html{
      overflow-x: hidden !important;
    }

    .spaceing{
      margin-top: 50px;
      margin-bottom: 50px;
    }

    /* banner small screen css */
    .nav-bar{
      display: none;
    }
    .navlist{
      display: none;
    }

    .header-logo img{
      width: 150px;
    }
    .header-btn button {
      width: 165px;
      height: 50px;
      border-radius: 25px;
      border: solid;
      background: linear-gradient(
        90deg,
        rgba(6, 76, 141, 1) 0%,
        rgba(7, 136, 255, 1) 100%
      );
      color: white;
      font-size: 15px;
    }

    /* .smallflex{
      display: flex;
      justify-content: center;
      flex-direction: row;
    } */

    .bannersize{
      width: 100px;
    }
    .headertop {
      gap: 96px;
    }
    h1 .bannersize{
      width: 10px;
    }
    .banner-img img{
      margin-top: 20px;
    }
    .doctype{
      text-align: center;
      background: -webkit-linear-gradient(#064c8d, #0788ff);
      color: white;
      width: 500px;
      height: 68px;
      border-radius: 8px;
      padding: 10px;
    }

    .typecaseone img{
      display: none;
    }
    .typecasetwo img{
      display: none;
    }
    .typecasethree img{
      display: none;
    }
    .typecasefour img{
      display: none;
    }
    .typecasefive img{
      display: none;
    }
    .typecasesix img{
      display: none;
    }
    




    .banner-img img{
      width: 100%;
        }

    .bannertext{
      display: none;
    }

    .smallbanner .bannersize {
      font-size: 40px;
    }
    .smallbanner .bannersmall{
      font-size: 20px;
    }
    .smallbanner .bannersizetwo{
      font-size: 40px;
    }
 

    /* about smallscreen css */

    .abouttitle{
      margin-top: 320px;
    }
    .abouttitle p {
    }

    .aboutimgthree img{
      display: none;
    }
    .aboutimgtwo img{
      display: none;
    }
    .aboutimgone img{
      width: 100%;
    }
    .spaceings{
      margin-top: 50px;
    }
      /* services small screen css */



      .boxone{
        text-align: center;
      }
      .boxtwo{
        text-align: center;
      }
      .boxthree{
        text-align: center;
      }
      .boxone img{
        width: 100%;

      }
      .boxtwo img{
        margin-top: 15px;
        width: 100%;

      }
      .boxthree img{
        margin-top: 15px;
        width: 100%;

      }



      /* facilitiy smallscreen css */

      .mainflex{
        flex-direction: column;
      }
      .facilitiesflexone{
        flex-direction: column;
      }
      .facilitiesflextwo{
        flex-direction: column; 
      }
      .facilitybox{
        margin-top: 10px;
      }
      .facilityboxone img{
        width: 100%;

      }
      .facilityboxone .facilitiesboxone {
        width: 100%;

      }
      .facilityboxone .facilitiesboxone p {
        width: 100%;
        font-size: 20px;
        align-items: center;

      }


      .facilityboxtwo img{
        width: 100%;

      }

      .facilityboxtwo{
        margin-top: 20px;
      }


      .facilityboxtwo .facilitiesboxone {
        width: 100%;

      }
      .facilityboxtwo .facilitiesboxone p {
        font-size: 20px;
        align-items: center;
        width: 100%;

      }

      .mainimage img{
        margin-top: 20px;
        width: 100%;
      }

      .facilityboxthree img{
        margin-top: 20px;
        width: 100%;
      }
      .facilityboxthree .facilitiesboxone{
        width: 100%;

      }

      .facilityboxthree .facilitiesboxone p{
        width: 100%;
        font-size: 20px;
        align-items: center;
      }

      .facilityboxfour{
        margin-top: 20px;
      }
      .facilitiesboxone{
        width: 100%;
      }
      .facilitiesboxone p{
        width: 100%;
        font-size: 20px;
        align-items: center;
      }
      .facilityboxfour img{
        width: 100%;

      }
      .servictop2{
        margin-top: 40px;
      }

      /* modern facilities */

      .modernfacilities{
        text-align: center;
      }
      .modernfacilities img{
        width: 100%;
      }
      .modernfacilitiestwo img{
        width: 100%;
      }
      .modernfacilitiestwo{
        text-align: center;
      }
      .moderntitle{
        margin-top: 20px;
      }
      .moderntext{
        text-align: center;
      }


      /* why choose small screen css */

      .whyone img{
        width: 100%;
      }
      .whytwo img{
        margin-top: 10px;
        width: 100%;
      }
      .whyimgthree img{
        width: 100%;
      }
      .whyimgfour img{
        margin-top: 10px;
        width: 100%;
      }
      .whyimgfive img{
        margin-top: 10px; 
        width: 100%;
      }
      .ellipseone {
        display: none;
      }
      .ellipseone  img{
        display: none;

      }
      .ellipsetwo {
        display: none;

      }
      .ellipsetwo  img{
        display: none;

      }



      /* footer smallscreen css */

      .footerlogo{
        text-align: center;
      }
      .footertext p{
        text-align: center;
      }
      .navigation {
        display: flex;
        justify-content: center;
        text-align: center;
      }
      .navigationweb{
        margin-top: 20px;
      }
      .maincontact-details{
        margin-top: 20px;
      }


      .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
      font-size: 30px !important;
      margin-top: -200px;

      }
      .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
      font-size: 30px !important;
      margin-top: -200px;
      }
      .doctopsmall{
        margin-top: 20px;
      }

      .doctype{
        text-align: center;
        background: -webkit-linear-gradient(#064c8d, #0788ff);
        color: white;
        width: 500px;
        height: 70px;
        border-radius: 8px;
        padding: 10px;
      }
      .dotsize{
        width: 10px;
        display: none;
      }
      .boxone{
        margin-top: 10px;
      }
      .boxtwo{
        margin-top: 10px;
      }
      .boxthree{
        margin-top: 10px;
      }
      .boxone h2{
        text-align: start;
      }
      .boxtwo h2{
        text-align: start;
      }
      .boxthree h2{
        text-align: start;
      }

      .boxone ul li{
        text-align: start;
      }
      .boxtwo ul li{
        text-align: start;
      }
      .boxthree ul li{
        text-align: start;
      }
      .covid19img{
        margin-top: 10px;
        width: 100%;
      }
      .service1bgadd{
        height: 250px !important;
      }
  }





  /* secondary  code */


  /* services css */


  .service1bg{
    background-image: url(../images/custom/services/lungs.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }
  .service1bgfour{
    background-image: url(../images/custom/services/Neuron.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }
  .service1bgfive{
    background-image: url(../images/custom/services/brain.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    background-color: #a4dbc3;
  }
  .service1bgsix{
    background-image: url(../images/custom/services/kidney.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    background-color: #e7c3d4;
  }
  .service8bgeigth{
    background-image: url(../images/custom/services/obesity.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    background-color: #a4dbc3;
  }
  .service10bgten{
    background-image: url(../images/custom/services/last.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 360px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    background-color: #a4dbc3;
  }
  .service9bgnine{
    background-image: url(../images/custom/services/lectrolyte.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }
  .service1bgadd{
    background-image: url(../images/custom/services/infection.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 360px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }
  .fontsizedown{
    font-size: 13px;
  }

  .boxone{
    box-shadow: none;
  }
  .boxtwo{
    box-shadow: none;
  }
  .boxthree{
    box-shadow: none;
  }
  .service2bg{
    background-image: url(../images/custom/services/heart.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    height: 260px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }

  .service3bg{
    background-image: url(../images/custom/services/3rd.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }
.servictop{
  margin-top: 40px;
}




  .carousel img {
    width: 70px;
    max-height: 70px;
    border-radius: 50%;
    margin-right: 1rem;
    overflow: hidden;
  }
  .carousel-inner {
    padding: 1em;
  }
  
  @media screen and (min-width: 576px) {
    .carousel-inner {
      display: flex;
      width: 90%;
      margin-inline: auto;
      padding: 1em 0;
      overflow: hidden;
    }
    .carousel-item {
      display: block;
      margin-right: 0;
      flex: 0 0 calc(100% / 2);
    }
  }
  @media screen and (min-width: 768px) {
    .carousel-item {
      display: block;
      margin-right: 0;
      flex: 0 0 calc(100% / 3);
    }
  }
  .carousel .card {
    margin: 0 0.5em;
    border: 0;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    width: 3rem;
    height: 3rem;
    background-color: grey;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }

  .bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
  }





  /* Our Consultants  css code */

  .headingconsultant h2{
    font-size: 33px;
    font-weight: bold;
  }

  .docotr1 img{
    width: 350px;
  }

  .docotr2 img{
    width: 350px;
  }

  .docbox{
    border: 1px solid #0788ff;
    background-color: #f2f6fa;
    padding:20px;
    border-radius: 20px;
  }

  .docbox ul li{
    font-size: 20px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;

  }

  .doctitle{
    background: -webkit-linear-gradient(#064c8d, #0788ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
  }

  .docbox ul{
    margin-top: 20px;
    padding-left: 0px;
  }
  
  .doctop{
    margin-top: 30px;
  }

  .docbox{
    height: 210px;
  }


  .typeofcase h2{
    font-size: 33px;
    font-weight: bold;
  }

  .bulletponit ul li {
    list-style: circle;
  }


  /* geriatriccare css code */

  .geriatriccare{
    background: linear-gradient(90deg, rgba(6, 76, 141, 1) 0%, rgba(7, 136, 255, 1) 100%);
    padding: 40px;
    border-radius: 15px;
    color: white;
  }

  .geriatrichead{
    font-size: 33px;
    font-weight: bold;
  }


  .homestart{
    font-size: 33px;
    font-weight: bold;
  }

  .docboxsmall{
    font-size: 20px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    height: 170px;
    border: 1px solid #0788ff;
    background-color: #f2f6fa;
    padding:20px;
    border-radius: 20px;
  }

  .docboxsmall ul{
    padding-left: 0px;
    padding-top: 20px;
  }



  /* covid 19 css code */


  .covid19 h2{
    font-size: 33px;
    font-weight: bold;
  }


  .covid191{
    background: -webkit-linear-gradient(#064c8d, #0788ff);
    border-radius: 15px;
    color: white;
    padding: 25px;
    margin-top: 10px;
  }

  .covid19span{
    background: -webkit-linear-gradient(#064c8d, #0788ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
  }


  .covidsecbg{
    background-color: #f2f6fa;
  }

  .bigspace{
    padding-top: 50px;
    padding-bottom: 50px;
  }


  .covid19img img{
    width: 100%;
    border: 2px solid #0788fc;
    border-radius: 22px;
  }

  .secondaryheigth{
    height: 260px;
  }

  .dotsize{
    width: 30px;
  }


  /* scope of services  code */



  .list_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .list_flex_item{
    text-align:center;
    width: 100%;
  }
  .list_relative{
    position: relative;
    border: 1px solid #0788ff;
    background: linear-gradient(90deg, rgba(6, 76, 141, 1) 0%, rgba(7, 136, 255, 1) 100%);
    color:#ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 20px;
    padding:20px 20px 20px 20px;
    font-size:20px;
    /* width: 250px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  }
  .list_absolute{
    position: absolute;
    top: -31px;
    left: -40px;
    font-size:24px;
    font-weight:600;
    background: linear-gradient(90deg, rgba(6, 76, 141, 1) 0%, rgba(7, 136, 255, 1) 100%);
    border-radius: 1rem 1rem 0 1rem;
    padding:10px 20px;
  }
  .l-w-1{
    width:85% 
  }

  .list_relative h5{
    color: #ffffff;
    font-size: 18px;
  }
  .l-w-2{
    width:40%;
  }
  @media screen and (max-width: 600px){
    .list_flex_item{
      width:100%;
      margin:5px 5px;
      margin-bottom:30px;
    }
    .list_relative {
      position: relative;
      border: 1px solid #0788ff;
      background: linear-gradient(90deg, rgba(6, 76, 141, 1) 0%, rgba(7, 136, 255, 1) 100%);
      color: #ffffff;
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      border-radius: 20px;
      padding: 20px 20px 20px 20px;
      font-size: 20px;
      width: 100%;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  #lastthree{
    width: 100% !important;
  }
  }
  


  .aboutparaone{
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }

  #lastthree{
    width: 330px;
  }

  .whyimgchartfive img{
    border-radius: 20px;
    border: 2px solid #ffffff;
  }
  .list li{
   list-style: circle;
  }