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

    html,
    body {
      overflow-x: hidden;
    }

    .home_main_banner {
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      /* overflow-x: hidden; */
      object-fit: cover;
      position: absolute;
      right: 0;
      margin: auto;
      top: 40%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      transform: translateY(-40%);
    }

    .home_main_banner .search {
      width: 100%;
      position: relative;
      display: flex;
      background: white;
      border-radius: 46px;
      padding: 2px;
      color: #424242;
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      height: 59px;
      font-size: 24px;
    }

    .home_main_banner .searchTerm {
      width: 100%;
      border: none;
      border-right: none;
      height: 59px;
      padding-left: 15px;
      border-radius: 31px 0 0 31px;
      outline: none;
      font-size: 18px;
      color: #000000 !important;
      opacity: 0.6;
    }

    .home_main_banner .searchTerm::placeholder {
      color: #424242;
    }

    .home_main_banner .searchTerm:focus {
      color: #00B4CC;
    }

    .home_main_banner .searchButton {
      width: 200px;
      /* height: 59px; */
      border: 1px solid #00B4CC;
      background: #2264FF;
      border: 1px solid white;
      border-left: none;
      text-align: center;
      color: #FFFFFF;
      border-radius: 42px;
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      cursor: pointer;
      font-size: 24px;
    }

    .home_main_banner .searchButton:hover,
    .home_main_banner .searchButton:active,
    .home_main_banner .searchButton:focus {
      background: #2264FF !important;
    }

    /*Resize the wrap to see the search bar change!*/
    .home_main_banner .wrap {
      width: 40%;
      /* position: absolute; */
      top: 343px;
      left: 50%;
      /* transform: translate(-50%, -50%); */
      /* display: flex; */
      margin: auto;
      /* text-align: center; */
      justify-content: center;
    }

    .home_main_banner .content_top {
      text-align: center;
      /* padding-top: 109px; */
    }

    .home_main_banner .content_top {
      max-width: 632px;
      margin: auto;
    }

    .home_main_banner .content_top h1 {
      text-align: center;
      font-size: 49px;
      color: #2264FF;
      font-weight: 900;
      padding-bottom: 9px;
      font-family: mencoBlack;
    }

    .home_main_banner .content_top p {
      font-size: 18px;
      color: #2264FF;
      font-family: 'Lato', sans-serif;
      /* padding-right: 53px; */
    }

    .per_banners .container-fluid {
      padding: 0px;
      width: 100%;
      position: relative;
    }

    .per_banners .container-fluid .inner_b_div img {
      width: 100%;
      margin-bottom: 18px;
    }

    .per_banners .container-fluid .inner_b_div {}

    .linked_card .member {
      display: inline-block;
      width: 100%;
      border-radius: 24px;
      /* background-image: url(http://localhost/phppos/assets/images/banners/Group 44757.png); */
      height: auto;
    }

    .linked_card .member_all {
      display: inline-block;
      width: 100%;
      border-radius: 24px;
      /* background-image: url(http://localhost/phppos/assets/images/banners/Group 44757.png); */
      height: auto;
    }

    .linked_card .member1 {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      border-radius: 24px;
      background-image: linear-gradient(rgba(0 0 0 / 20%),
          rgba(0 0 0 / 20%)), url('../images/bifr2p3eQVcc.webp') !important;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #34a3da61;
      height: 330px;
      position: relative;
      opacity: 1;
    }

    .linked_card .member_all {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      border-radius: 24px;
      background-image: linear-gradient(rgba(0 0 0 / 20%),
          rgba(0 0 0 / 20%)), url('../images/bifr2p3eQVcc.webp') !important;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #34a3da61;
      height: 330px;
      position: relative;
      opacity: 1;
    }

    .linked_card .member2 {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      border-radius: 24px;
      background-image: linear-gradient(rgba(0 0 0 / 20%),
          rgba(0 0 0 / 20%)), url('../images/9bi4in30BpAo.webp') !important;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #34a3da61;
      height: 330px;
      position: relative;
      opacity: 1;
    }

    .linked_card .member3 {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      border-radius: 24px;
      background-image: linear-gradient(rgba(0 0 0 / 20%),
          rgba(0 0 0 / 20%)), url('../images/U2TUNORO9pIz.webp') !important;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #34a3da61;
      height: 330px;
      position: relative;
      opacity: 1;
    }

    .linked_card .member4 {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      border-radius: 24px;
      background-image: linear-gradient(rgba(0 0 0 / 20%),
          rgba(0 0 0 / 20%)), url('../images/Z4DCpxAcZq0i.webp') !important;
      height: auto;
      background-color: #34a3da61;
      background-size: cover;
      background-repeat: no-repeat;
      height: 330px;
      position: relative;
      opacity: 1;
    }

    .linked_card .member_hover:after {
      content: "";
      transition: 0.6s;
    }

    .linked_card .member_hover:hover:after {
      content: "";
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
      background-color: #34a3da;
      height: 100%;
      opacity: 0.5;
    }

    .linked_card .container-fluid {
      padding: 6px 52px 3px 76px;
    }

    .linked_card .fgdgds img:hover {
      transition: 0.6s;
      mix-blend-mode: soft-light;
    }

    .linked_card .member img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .member-img {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .member-img h2 {
      position: absolute;
      top: 232px;
      font-weight: 600;
      color: white;
      left: 47px;
      font-family: mencoMed;
      padding-right: 317px;
      z-index: 9;
    }

    .find-sec .find-img #map {
      max-width: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      height: 100%;
      z-index: 9;
      background: #606060;
      border-radius: 0px 20px 20px 0px;
    }

    .find-sec .Map_sec {
      background: #2264FF;
      border-radius: 20px;
    }

    .find-sec {
      border-top: 0px solid #d7d7d9;
    }

    .find-sec .find-cont h1 {
      color: #ffffff !important;
      font-size: 42px;
      font-weight: 900;
      text-align: left;
      justify-content: left;
      margin-bottom: 25px;
      margin-top: 25px;
      font-family: mencoBold;
    }

    .find-sec .find-cont {
      text-align: left;
      padding-left: 65px;
      min-height: 430px;
    }

    .find-sec .find-cont p {
      color: #ffffff;
      font-family: "menco";
      font-size: 20px;
      margin-bottom: 6px;
      font-family: 'Lato', sans-serif;
      font-weight: normal;
    }

    .find-sec .find-cont h5 {
      color: white;
      width: fit-content;
      font-size: 22px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      border-bottom: 1px solid;
      margin-bottom: 4px;
    }

    .join-cont h2,
    .join-cont p {
      /* padding: 60px 0; */
      text-align: left;
      color: #fff;
    }

    .join-cont h2 {
      font-size: 50px;
      font-family: mencoBold;
      color: #fff;
    }

    .join-cont p {
      font-family: 'Lato', sans-serif;
      font-size: 19px;
    }

    .inner_b_div .m-view {
      display: none
    }

    .find-sec {
      padding: 7px 0px 31px;
    }

    .join-sec-top {
      background: #ffffff;
    }

    .join-sec-top h2 {
      font-size: 40px;
      padding: 25px 0;
      color: #2264ff;
    }

    .join-sec-top:after {
      content: unset;
    }

    .join-sec {
      background: url('../images/9H5CkPGYylb4.webp');
      /* ,url('<?= base_url(); ?>/assets/images/banners/donate_mob_fixlocal_london.webp') !important; */
      /* background:none; */
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }

    .donate_sec {
      background-image: url('../images/GgjTAtukp58t.webp'), url('../images/wpcGdT1IVQFc.webp') !important;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .join-over {
      background: none !important;
      position: unset;

    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(calc(-250px * 7))
      }
    }

    #logos-home-page .slider {
      height: auto;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 100%;
    }

    #logos-home-page .slider:before,
    #logos-home-page .slider:after {
      /* background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); */
      content: "";
      height: 100px;
      position: absolute;
      width: 200px;
      z-index: 2;
    }

    #logos-home-page .slider:after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg);
    }

    #logos-home-page .slider:before {
      left: 0;
      top: 0;
    }

    #logos-home-page .slide-track {
      animation: scroll 50s linear infinite;
      display: flex;
      width: calc(250px * 20) !important;
      gap: 0px;
    }

    #logos-home-page div.slide {
      padding: 0 12px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

 #logos-home-page-instagram .slider {
      height: auto;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 100%;
    }

    #logos-home-page-instagram .slider:before,
    #logos-home-page-instagram .slider:after {
      /* background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); */
      content: "";
      height: 100px;
      position: absolute;
      width: 200px;
      z-index: 2;
    }

    #logos-home-page-instagram .slider:after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg);
    }

    #logos-home-page-instagram .slider:before {
      left: 0;
      top: 0;
    }

    #logos-home-page-instagram .slide-track {
      animation: scroll 50s linear infinite;
      display: flex;
      width: calc(250px * 20) !important;
      gap: 0px;
    }

    #logos-home-page-instagram div.slide {
      padding: 0 12px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
div#logos-home-page-instagram {
    position: relative;
    top: -78px;
    margin-bottom: -68px;
}

    .slick-slide img {
      width: 145px;
      object-fit: cover;
      height: 145px;
      border-radius: 3px;
    }

    .our_partner_sec img {
      width: auto;
      object-fit: contain;
      height: 100px;
      border-radius: 3px;
      margin: 0px;
    }

    #logos-home-page {
      position: relative;
      top: -78px;
      margin-bottom: -68px;
    }

    .join_now h2 {
      padding-left: 133px;
      font-size: 55px;
    }

    .error_div {
      position: absolute;
      top: 69px;
      left: 38px;
    }

    /* Media Query start */
    @media (max-width:768px) {
      .home_main_banner {
        /* background-image: unset; */
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 548px;
        margin-top: 92px;
        overflow-x: hidden;
        object-fit: cover;
        /* background:blue; */
      }
			div#logos-home-page-instagram {
				position: relative;
				top: -56px;
				margin-bottom: -68px;
		}
      #logos-home-page {
        top: -38px;
      }


      #logos-home-page {
        margin-bottom: -43px;
      }

      .mobile_view {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: -webkit-fill-available;
        background-position: bottom;
        margin-top: 0px;
        overflow-x: hidden;
        object-fit: cover;
        top: 20%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateY(-20%);
      }

      .linked_card {
        padding: 0px 12px;
      }

      .member-img h2 {
        top: 251px;
        left: 35px;
        font-size: 22px;
        padding-right: 70px;
      }

      .member_hover {
        background-position: center;
      }

      .donate_sec {
        background-image: url('../images/mSFYkP9newow.webp'), url('../images/d50vvVcE3NmV.webp') !important;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .join-sec {
        background: url('../images/lg3HdIgU119j.webp'), url('../../assets/images/banners/Group44744.webp') !;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .home_main_banner .content_top {
        max-width: 450px;
        margin: auto;
        text-align: left;
        padding-left: 36px;
        /* padding-top: 57px; */
      }

      .home_main_banner .wrap {
        width: 64%;
        top: 230px;
        left: 384px;
      }

      .home_main_banner .searchTerm {
        font-size: 11px;
        height: auto;
				padding-left: 16px;
      }
.home_main_banner .search {
    height: 45px;
}
      .home_main_banner .searchButton {
        width: 160px;
        /* height: 59px; */
        border: 1px solid #00B4CC;
        font-size: 14px;
      }

      .home_main_banner .content_top h1 {
        text-align: left;
        margin-bottom: -5px;
        font-size: 30px;
        padding-right: 42px;
        font-family: mencoBlack;
        font-weight: 900;
      }

      .inner_b_div .d-view {
        display: none;
      }

      .inner_b_div .m-view {
        display: block
      }

      .linked_card .container-fluid {
        padding: 0px;
      }

      .linked_card .member img {
        width: 100%;
        border-radius: 20px;
        height: 313px;
        object-fit: cover;
      }

      .member-img h2 {
        position: absolute;
        bottom: 18px;
        font-weight: 600;
        color: white;
        font-family: mencoMed;
        left: 42px;
        /* padding-right: 10px; */
      }

      .linked_card .member {
        display: inline-block;
        width: 100%;
        border-radius: 20px;
        /* background-image: url(<?= base_url(); ?>/assets/images/banners/Group 44757.png); */
        height: 100%;
      }

      .member-img {
        /* padding: 5px 12px 5px 12px; */
        border-radius: 20px;
      }

      .find-sec .find-cont p {
        color: #ffffff;
        font-size: 16px;
        text-align: left;
        margin-left: 0;
      }

      .find-sec .find-cont {
        text-align: left;
        padding-left: 42px;
        min-height: 470px;
      }

      .find-sec .find-cont h1 {
        font-size: 35px;
      }

      .per_banners .container-fluid .inner_b_div {
        margin-top: 20px;
      }

      .find-sec .Map_sec {
        margin: 6px;
      }

      .join-cont {
        text-align: center;
      }

      .join-cont h2 {
        font-size: 35px;
        text-align: center;
      }

      .join-cont p {
        font-size: 18px;
        text-align: center;
        line-height: 1.2;
      }

      .donate_sec .join-cont {
        padding: 15px 0px !important;
      }

      .find-sec {
        padding: 7px 0px 22px;
      }

      .join_now h2 {
        padding-left: 0px !important;
        padding-bottom: 0px;
        text-align: center !important;
      }

      .join_now .join_btn {
        text-align: center !important;
      }

      .join_now {
        background-position: top;
        padding: 50px;
      }

      .donate_sec {
        background-position: bottom;
      }
    }

    .join_now .container-cust .join_btn {
      text-align: left;
      padding-left: 168px !important;
      padding-top: 0px !important;
    }

    .join_now .container-cust .join-cont {
      padding: 40px 0px 40px 0px;
    }

    .join_now .container-cust .join_btn button {
      font-size: 30px;
      color: var(--theme-dark-blue);
      background: #fff;
      padding: 5px 15px;
      border-radius: 5px;
      border: none;
      font-weight: 700;
      min-width: 240px;
      font-family: mencoBold;
    }

    .donate_sec h2 {
      color: white;
    }

    .join_now_img img {
      width: 542px;
      height: auto;
      object-fit: cover;
    }

    @media (max-width:768px) {
      .join_now_img img {
        width: 354px;
        height: auto;
        object-fit: cover;
        margin-left: -36px;
      }


      .join_now .container-cust .join-cont {
        padding: 0px;
      }



      .join_now .container-cust .join_btn {
        text-align: left;
        padding-left: 0px !important;
        padding-top: 0px !important;
      }


      .join-cont button {
        font-size: 22px !important;
        min-width: 170px !important;
        margin-top: -19px;
        margin-bottom: 12px;
      }


      .slick-slide img {
        width: 100px;
        object-fit: cover;
        height: 100px;
        border-radius: 3px;
      }
    }

    .bg-video-wrap {
      position: relative;
      overflow: hidden;
      width: 100%;
      background: url("../media/fd8ZgpGvC3jN.m4v") no-repeat center center/cover;
    }

    video {
      min-width: 100%;
      z-index: 1;
    }

    .mobile_video {
      display: none;
    }

    @media (max-width:480px) {
      .join_now .container-cust .join_btn {
        margin-top: 46px;
      }


      /* .desktop_video{
		display:none;
		} */
      .bg-video-wrap {
        position: relative;
        overflow: hidden;
        width: 100%;
        background: url("../media/rbunjDdWjMsS.mp4") no-repeat center center/cover;
      }


      /* .mobile_video{
		display:block;
		} */
      w {
        width: 76%;
        top: 310px;
        left: 0;
        right: 67px;
        margin: auto;
      }


      .home_main_banner .content_top p {
        padding-right: 155px;
      }


      .home_main_banner .content_top h1 {
        margin-bottom: 82px;
        padding-right: 100px !important;

      }


      .home_main_banner .content_top {
        max-width: 450px;
        padding-top: 14px;
        padding-left: 18px;
      }


      .mobile_view {
        /* height: 344px; */
        margin-top: 18px;
        left: 20px;
      }


      .home_main_banner .wrap {
        transform: translate(0%, 0%);
        width: 80%;
        /* margin-left: auto; */
        margin: initial;
        margin-top: 116px;
      }


      .slick-slide img {
        width: 100px;
        height: 100px;
      }


      .mobile_view {
        display: block !important;
        z-index: 999 !important;
      }


      .slick-slide img {
        width: 100px;
        height: 100px;
        object-fit: contain;
      }


      #logos-home-page .slide-track {
        gap: 0px;
      }
    }

    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
      .join_now .container-cust .join_btn {
        margin-top: 46px;
      }


      /* .desktop_video{
		display:none;
		} */
      .bg-video-wrap {
        position: relative;
        overflow: hidden;
        width: 100%;
        background: url("../media/rbunjDdWjMsS.mp4") no-repeat center center/cover;
      }


      /* .mobile_video{
		display:block;
		} */
      .home_main_banner .wrap {
        width: 76%;
        top: 310px;
        left: 0;
        right: 67px;
        margin: auto;
      }


      .home_main_banner .content_top p {
        padding-right: 155px;
      }


      .home_main_banner .content_top h1 {
        margin-bottom: 82px;
        padding-right: 100px !important;

      }


      .home_main_banner .content_top {
        max-width: 450px;
        padding-top: 14px;
      }


      .mobile_view {
        height: 411px;
        margin-top: 33px;
        left: 20px;
      }


      .home_main_banner .wrap {
        transform: translate(0%, 0%);
      }

    }


    @media (max-width: 1024px){
     .member-img h2 {
    padding-right: 120px;
}
    }
		    /* @media (max-width: 768px){
      .home_main_banner {
            height: 295px;
    }
    } */

	
				/* @media (min-width: 375px) {
		 	.home_main_banner .wrap {
    transform: translate(0%, 0%);
    width: 80%;
    margin: initial;
    margin-top: 13rem;
}
			} */
	
    .search-box {
      transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
      width: 40px;
      height: 40px;
      border-radius: 20px;
      border: none;
      cursor: pointer;
      background: #ebebeb;
    }

    .search-box::placeholder {
      color: #FFFFFF;
    }

    .search-box+label .fa-search {
      color: black;
    }

    .search-box:hover {
      color: white;
      background: #c8c8c8;
      box-shadow: 0 0 0 5px #fff;
    }

    .search-box:hover+label .fa-search {
      color: white;
    }

    .search-box:focus,
    .search-box:active {
      transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
      border: none;
      outline: none;
      box-shadow: none;
      padding-left: 15px;
      cursor: text;
      height: 40px;
      padding-left: 40px;
      width: 300px;
      border-radius: 0px;
      background: transparent;
      border-bottom: 1px solid #fff;
      color: #fff;
    }

    .search-box:focus+label .fa-search {
      color: black;
    }

    .search-box:focus+label .fa-search:focus,
    .search-box:active+label .fa-search:active {
      color: #FFFFFF;
    }

    .search-box:not(:focus) {
      text-indent: -5000px;
    }

    .fa-search {
      z-index: 999;
    }

    #search-submit_1,
    #search-submit_2,
    #search-submit_3,
    #search-submit_4 {
      position: relative;
      left: -5000px;
    }

    .search-container label {
      position: absolute;
      left: 13px;
      top: 8px;
      color: white;
      cursor: pointer;
    }

    .search-container {
      position: absolute;
      z-index: 3;
      z-index: 3;
      left: 44px;
      top: 50px;
    }

    .modal-dialog {
      max-width: 1287px;
      margin: 1.75rem auto;
    }

    .box-shops {
      height: 300px;
      position: relative;
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      float: left;
      box-shadow: 0px 0px 25px #0000000f;
      width: 100%;
      margin: 15px auto;
      border: 1px solid #70707038;
      min-height: 250px;
      transition: all 0.3s ease-in-out;
      overflow: hidden;
    }


    /*.wrap-all-services .services-shapes {*/
    .services-shapes {
      text-align: left;
      position: absolute;
      width: 100%;
      bottom: 15px;
      right: 0;
      left: 0;
      display: flex;
      align-items: center;
      padding-inline: 20px;
    }

    /*.wrap-all-services .box-shop-icons {*/
    .box-shop-icons {
      display: inline-block;
      background: var(--theme-dark-blue);
      height: 30px;
      width: 30px;
      border-radius: 50%;
      margin: 5px 1.9%;
      padding: 2px;
    }

    /*.wrap-all-services .box-shops .box-shop-icons img {*/
    .box-shops .box-shop-icons img {
      width: 100%;
    }

    /*.wrap-all-services .box-shops img {*/
    .box-shops img {
      width: 90%;
    }


    /*.wrap-all-services .box-shops h3 {*/
    .box-shops h3 {
      color: #424242;
      font-size: 20px;
    }

    /*.wrap-all-services .box-shops p:last-child {*/
    .box-shops p:last-child {
      color: #2264ff;
      font-weight: 600;
      font-size: 18px;
    }

    #detModalAll .loaderfront {
      color: white;
      top: 340px;
      right: 0;
      position: fixed;
      width: 165px;
      height: 165px;
      background: url('../images/16dbMJyx7KMt.svg') no-repeat center;
      z-index: 4;
    }

    div#detModalAll {
      background: #00000085;
    }

    #detModalthree .loaderfront {
      color: white;
      top: 340px;
      right: 0;
      position: fixed;
      width: 165px;
      height: 165px;
      background: url('../images/16dbMJyx7KMt.svg') no-repeat center;
      z-index: 4;
    }

    div#detModalthree {
      background: #00000085;
    }

    #detModalFour .loaderfront {
      color: white;
      top: 340px;
      right: 0;
      position: fixed;
      width: 165px;
      height: 165px;
      background: url('../images/16dbMJyx7KMt.svg') no-repeat center;
      z-index: 4;
    }

    div#detModalFour {
      background: #00000085;
    }
h2.search_box_show,
	h2.search_box_show_all,
	h2.search_box_show_four,
	h2.search_box_show_three {
		position: relative;
		top: 114px;
		width: 100%;
		margin-left: 88px;
	}

	input#search,
	input#search_all,
	input#search_four,
	input#search_three {
		/* height: 50px; padding: 20px;*/
		height: 38px;

		/* padding-left: 30px; */
	}

    body::-webkit-scrollbar {
		display: none;
	}

	.section {
		display: block;
		width: 267px;
		/* height: 300px; */
		float: left;
		/* margin-left: 20px; */
		margin-left: 10px;
		margin-right: 10px;
		opacity: 1;
		text-align: center;
		border-radius: 6px;
		padding-top: 25px;
		min-height: 350px;
		max-height: 344px;
		padding: 20px;
	}

	.section p {
		font-family: 'Lato', sans-serif;
	}

	.modal-body {
		/* position: relative; */
		overflow-x: hidden;
		display: flex;
	}

	.blue {
		background-color: #06F;
	}

	.top_card_img img {
		/* width: 176px;
		height: 67px; */
		width: 90%;
		margin-top: -10%;
	}

	.model_card_body {
		/*padding: 6px 67px;*/
		/*padding: 6px 57px;
		padding-top: 12px;*/
		/* padding: 6px 67px; */
		/* padding: 6px 41px; */
		/* padding-top: 12px; */
		min-height: 85px;
		max-height: 81px;
		padding: 6px 16px 0px 9px;
	}

	.model_items {
		justify-content: center;
	}

	.model_items ul {
		justify-content: center;
		list-style: none;
		gap: 10px;
		align-items: center;
		/*padding-top: 14px;*/
		/* padding-top: 47px; */
		padding-top: 0px;
	}

	.model_items ul li {
		background: #2264FF;
		/*padding: 7px 13px;*/
		border-radius: 20px;
	}

	.model_items ul li img {
		width: 35px;
		height: 34px;
	}

	.model_items ul li:nth-child(4),
	.model_items ul li:nth-child(5) {
		background-color: #2264FF !important;
		padding: 3px 9px !important;
	}

	.model_items ul li:nth-child(4) img,
	.model_items ul li:nth-child(5) img {
		width: 20px !important;
		height: 32px !important;

	}

	.green {
		background-color: #0f9d00;
	}

	.credit_content p span img {
		/* height: auto;
		width: 31px;
		padding-bottom: 5px;
		padding-right: 14px; */
		/* height: auto;
		width: 24px;
		padding-bottom: 5px;
		padding-right: 4px; */
		height: auto;
		width: 17px;
		padding-bottom: 5px;
		/* padding-right: 0px;*/
	}

	.red {
		background-color: #fff;
		color: #000000;
		background-color: #fff;
		/* border: 3px solid #2264FF; */
		border: 1px solid #707070;
		color: #2264FF;
	}

	.red:hover {
		border: 2px solid #2264ff;
	}

	.yellow {
		background-color: #ffea00;
	}

	span.distance_away {
		color: #707070;
	}

	p.distance_des {
		color: #707070;
		font-weight: bold;
	}

	span.distance_total {
		font-weight: bold;
	}

	.modal-content {
		/*height: 479px;*/
		height: 512px;
	}

	* {
		padding: 0;
		margin: 0;
		scroll-behavior: smooth;
	}

	.modal-body {
		overflow-y: hidden;
		/* overflow-x: scroll; */
		display: flex;
		scroll-behavior: smooth;
		/* margin: 0 auto; */

	}

	#filler,#filler1,#filler2 {
		/* overflow-x: auto; */
		/* overflow-y: auto; */
		display: flex;
    width: 100%;
    max-width: 5000px;
	}

	#container {
		width: 3900px;
		position: absolute;
		top: 50%;
		margin-top: -150px;
	}

	.clear {
		clear: both;
	}

	#return-link {
		position: fixed;
		top: 12px;
		left: 18px;
		font: 11px Verdana, Arial, sans-serif;
		text-transform: uppercase;
	}

	#return-link:link,
	#return-link:visited {
		color: #06F;
		text-decoration: none;
	}

	#return-link:hover,
	#return-link:active {
		text-decoration: underline;
	}

	.modal-header .modal-title {
		/* font-size: 50px;
		font-family: mencoBold;
		color: #2264FF; */
		font-size: 40px;
		font-family: mencoBlack;
		color: #2264FF;
	}

	.modal-header {
		border-bottom: none;
		padding-bottom: 0;
	}

	.filter_mdl_btn .inner_btn {
		/*gap: 17px;
		padding-left: 18px;
		padding-bottom: 12px;*/
		/* gap: 17px; */
		padding-left: 18px;
		/* padding-bottom: 12px; */
		margin-top: -40px;
		z-index: 9999999;
		position: fixed;
	}

	.filter_mdl_btn .inner_btn a {
		font-size: 18px;
		font-family: mencoBold;
		padding: 0 5px;
		border-radius: 9px;
	}

	.filter_mdl_btn .inner_btn a:focus,
	.filter_mdl_btn .inner_btn a:active,
	.filter_mdl_btn .inner_btn a:hover {
		background-color: #DDE7FA;
		color: #2264FF;
	}

	.radio-labels {
		display: inline;
		font-family: 'mencoBlack';
		font-size: 15px;
		padding: 5px 10px !important;
	}

	.model_top_btn {
		padding-left: 50px;
		padding-top: 6px;
	}

	span.checkmark {
		display: none;
	}

	.modal-content {
		border-radius: 10px;
	}

	button.btn.btn-default.modal-footer {
		width: 50px;
		float: right;
		top: -73%;
		position: relative;
		border-top: none;
	}

	.det-modal-content.frst-level {
		margin-top: auto;
		margin-bottom: auto;
		margin-right: auto;
		margin-left: auto;
	}
 video.d-md-block.d-none.banner_video_design{ 
    width: 100% !important;
    height: 100% !important;
} 
/* imtiaz */
	div#smart_phone_all_data,
	div#data_recovery_all_data,
	div#boxShopthree,
	div#boxShopFour {
		/* width: 1200px; */
        overflow-x: scroll;
    overflow-y: hidden;
    height: 100%;
    max-height: 395px;
	}
  /* #smart_phone_all_data::-webkit-scrollbar{
display: block;
visibility: visible;

  }
  #smart_phone_all_data::-webkit-scrollbar-button{
  height: 12px;
  background: #2264ff;
  border-radius: 20px;
  }
  #smart_phone_all_data::-webkit-scrollbar-button {
    background: rgb(206, 54, 54)
}
#smart_phone_all_data::-webkit-scrollbar-track {
    background: rgb(11, 11, 11)
}
#smart_phone_all_data::-webkit-scrollbar-thumb {
    background: rgb(183, 181, 181)
}​ */

#smart_phone_all_data::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#smart_phone_all_data::-webkit-scrollbar
{
	height: 8px;
	background-color: #F5F5F5;
}

#smart_phone_all_data::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #2264ff;
}

 a.nav-link.pr-0.btn.head-btn.text-uppercase.font-weight-bold{
    color: white;
 }
 .home_postcode_search_bar {
	/* height: 53px; */
	width: 100%;
	position: relative;
	display: flex;
	background: #fff;
	align-items: center;
	border-radius: 46px;
	padding: 2px;
	color: #424242;
	font-family: lato, sans-serif;
	font-weight: 300;
	font-size: 24px;
	border: 1px solid #424242a8;
	-webkit-box-shadow: 2px 3px 11px 1px rgba(0, 0, 0, 0.44);
	-moz-box-shadow: 2px 3px 11px 1px rgba(0, 0, 0, 0.44);
	box-shadow: 2px 2px 9px 0px rgb(0 0 0 / 23%);
}

.close-white {
	background-color: white !important;
	opacity: 1;
	color: #2264ff !important;
	padding: 0px !important;
	font-size: 35px !important;
	position: absolute;
	right: 17px;
	top: 5px;
	border-radius: 15px;
	border: 1px solid white !important;
}

.home_postcode_search_bar .postcode {
	height: 45px;
	padding-left: 25px;
	border-radius: 31px 0 0 31px !important;
	border: none;
	opacity: 0.6;
	text-transform: uppercase;
	outline: none;
}

.home_postcode_search_bar .search-store {
	background: #2264ff !important;
	color: white !important;
	border-radius: 63px !important;
	width: 25%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #6c757d;
	padding: 0.375rem 1.5rem;
	font-size: 20px;
	border-left-width: unset;
}

.home_modal {
	padding: 50px 30px !important;
	width: 580px !important;
	margin: auto;
	background: white !important;
	color: #2264ff !important;
}

.home_modal h5 span {
	color: #2264ff !important;
	text-align: center;
}

#detModal .det-modal-content .content-box {
	max-width: 560px;
}

  @media (max-width: 767px){
    #detModal .det-modal-content .content-box {
    width: 100% !important;
}
  .home_modal {
    width: 100% !important;
}
    .home_postcode_search_bar .search-store {
    width: 30%;
    font-size: 16px;
}
.home_postcode_search_bar .postcode {
    font-size: 12px;
}
  }
		@media (max-width: 600px) and (min-width: 300px){
      .home_main_banner .content_top h1 {
     margin-bottom: 0px;
     padding-right: 100px !important;
     /* margin-top: 89px; */
     font-size: 25px;
     }
		 	.home_main_banner .wrap {
    transform: translate(0%, 0%);
    width: 80%;
    /* margin-left: auto; */
    margin: initial;
    margin-top: 7rem;
}
.home_main_banner .content_top {
    padding-top: 0px;
}
.search-container{
	top: 24px;
}
		}
						@media  (max-width: 425px) {
				    .home_main_banner .content_top h1 {
     margin-bottom: 0px;
     padding-right: 81px !important;
     margin-top: 0px;
     font-size: 25px;
     width: 100%;
     }
			}