html, body{
 	font-family: "Ubuntu", sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Ubuntu", sans-serif !important;
}
p {
    font-family: "Ubuntu", sans-serif !important;
    color: #121212;
}
a {
    font-family: "Ubuntu", sans-serif !important;
}
table, tbody, tr, th, td {
    font-family: "Ubuntu", sans-serif !important;
}

.container {
   max-width: 1299px !important;
}


/* Google Reviews - Start */
.review-card {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}

.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.review-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  margin-right: 10px;
}

.review-google-icon {
    width: 30px !important;
    height: 30px !important;
    display: block;
    margin-left: auto;
}

.review-info {
  display: flex;
  flex-direction: column;
}

.review-username {
  font-size: 16px;
  margin: 0;
}

.review-rating {
  font-size: 14px;
  color: #888;
}

.review-content {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.review-stars img{
    width: 18px !important;
    margin: 6px 0px;
    display: inline !important;
}


/* Google Reviews - End */


/* Mobile View- Serch bar - The side navigation menu */
.enSearchBoxArea{
    padding: 10px;
}
.enSearchBoxArea .input-group{
	border: 1px solid;
}
.enSearchBoxArea .input-group .form-control:focus{
	box-shadow: none;
}
.myEnSsidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  right: 0;
  background-color: #fff; /* White*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 0px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the myEnSsidenav */
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

/* The navigation menu links */
.myEnSsidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.myEnSsidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
 /*.myEnSsidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px; 
    font-size: 36px;
    margin-left: 50px; 
}*/

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
/* #main {
  transition: margin-left .5s;
  padding: 20px;
} */

/* On smaller screens, where height is less than 450px, change the style of the myEnSsidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .myEnSsidenav {padding-top: 15px;}
  .myEnSsidenav a {font-size: 18px;}
}

.encslider-search-area{
    padding: 10px;
    background-color: #149d0f;
}
.encslider-search-area label{
    display: block !important;
}
.encslider-search-area label span{
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    padding: 0px 14px;
    margin-top: 4px;
    display: inline-block;
}
.encslider-search-area .closebtn{
    font-size: 28px;
    float: right;
    background-color: transparent;
    color: #fff;
    border: 0;
    cursor: pointer;
}
.encslider-search-area .enSearchBoxArea{
	padding: 14px;
}
.encslider-search-area .enSearchBoxArea{
	width: 100% !important;
    padding: 16px;
}
.encslider-search-area .enSearchBoxArea .form-control,
.enSearchBoxArea .input-group-text{
	background-color: #fff !important;
}
/* End- Mobile View- Serch bar - The side navigation menu */



/* Start- Was pasted in layouts/frontend.blade.php by Nakul  */

	.mobileSideNavbar i{
        font-size: 15px;
        width: 22px;
        text-align: center;
    }

    #mobileshow {
        display:none;
    }
    .call-sticky {
        position: fixed;
        top: 70%;
        left: 30px;
        right: 50px;
        z-index: 100;
        background: green;
        font-style: white;
        color: #ffff;
        background: #159a2e;
        padding: 10px;
        display: block;
        border-radius: 5px;
    }
    @media screen and (max-width: 500px) {
        #mobileshow {
            display:block;
        }
    }

    #tidio-chat-iframe {
        left: 10px !important;
      }

      .whatsapp-name {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 0;
        color:white;
        margin-bottom: 0;
        line-height: 0.5;
      }

      #whatsapp-chat {
        box-sizing: border-box !important;
        outline: none !important;
        position: fixed;
        width: 350px;
        border-radius: 10px;
        box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
        bottom: 90px;
        right: 30px;
        overflow: hidden;
        z-index: 1000;
        animation-name: showchat;
        animation-duration: 1s;
        transform: scale(1);
      }

      a.blantershow-chat {
        /*   background: #009688; */
        background: #fff;
        color: #404040;
        position: fixed;
        display: flex;
        font-weight: 400;
        justify-content: space-between;
        z-index: 1000;
        bottom: 25px;
        right: 30px;
        font-size: 15px;
        padding: 10px 20px;
        border-radius: 30px;
        box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
      }

      a.blantershow-chat svg {
        transform: scale(1.2);
        margin: 0 10px 0 0;
      }

      .header-chat {
        /*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
        background: #009688;
        background: #095e54;
        color: #fff;
        padding: 20px;
      }

      .header-chat h3 {
        margin: 0 0 10px;
      }

      .header-chat p {
        font-size: 14px;
        line-height: 1.7;
        margin: 0;
      }

      .info-avatar {
        position: relative;
      }

      .info-avatar img {
        border-radius: 100%;
        width: 57px;
        float: left;
        margin: -5px 10px 0 0;
      }

      a.informasi {
        padding: 20px;
        display: block;
        overflow: hidden;
        animation-name: showhide;
        animation-duration: 0.5s;
      }

      a.informasi:hover {
        background: #f1f1f1;
      }

      .info-chat span {
        display: block;
      }

      #get-label,
      span.chat-label {
        font-size: 12px;
        color: #888;
      }

      #get-nama,
      span.chat-nama {
        margin: 5px 0 0;
        font-size: 15px;
        font-weight: 700;
        color: #222;
      }

      #get-label,
      #get-nama {
        color: #fff;
      }

      span.my-number {
        display: none;
      }

      /* .blanter-msg {
        color: #444;
        padding: 20px;
        font-size: 12.5px;
        text-align: center;
        border-top: 1px solid #ddd;
      } */



        textarea#chat-input {
          border: none;
          font-family: "Arial", sans-serif;
          width: 100%;
          height: 40px;
          outline: none;
          resize: none;
          padding: 12px;
          font-size: 14px;
      }

      a#send-it {
        width: 30px;
        font-weight: 700;
        padding: 10px 10px 0;
        background: #eee;
        border-radius: 10px;
      }
      a#send-it svg {
        fill: #a6a6a6;
        height: 24px;
        width: 24px;
      }

      .first-msg {
        background: transparent;
        padding: 30px;
        text-align: center;
      }
      .first-msg span {
        background: #e2e2e2;
        color: #333;
        font-size: 14.2px;
        line-height: 1.7;
        border-radius: 10px;
        padding: 15px 20px;
        display: inline-block;
      }

      .start-chat .blanter-msg {
        display: flex;
      }

      #get-number {
        display: none;
      }

      a.close-chat {
        position: absolute;
        top: 5px;
        right: 15px;
        color: #fff;
        font-size: 30px;
      }

      @keyframes  ZpjSY {
        0% {
          background-color: #b6b5ba;
        }
        15% {
          background-color: #111111;
        }
        25% {
          background-color: #b6b5ba;
        }
      }
      @keyframes  hPhMsj {
        15% {
          background-color: #b6b5ba;
        }
        25% {
          background-color: #111111;
        }
        35% {
          background-color: #b6b5ba;
        }
      }
      @keyframes  iUMejp {
        25% {
          background-color: #b6b5ba;
        }
        35% {
          background-color: #111111;
        }
        45% {
          background-color: #b6b5ba;
        }
      }
      @keyframes  showhide {
        from {
          transform: scale(0.5);
          opacity: 0;
        }
      }
      @keyframes  showchat {
        from {
          transform: scale(0);
          opacity: 0;
        }
      }
      @media  screen and (max-width: 480px) {
        #whatsapp-chat {
          width: auto;
          left: 5%;
          right: 5%;
          font-size: 80%;
        }
		
      }
      .hide {
        display: none;
        animation-name: showhide;
        animation-duration: 0.5s;
        transform: scale(1);
        opacity: 1;
      }
		.show {
          display: block;
          animation-name: showhide;
          animation-duration: 0.5s;
          transform: scale(1);
          opacity: 1;
        }


      .whatsapp-message-container {
        display: flex;
        z-index: 100;
      }

      .whatsapp-message {
        padding: 7px 14px 6px;
        background-color: white;
        border-radius: 0px 8px 8px;
        position: relative;
        transition: all 0.3s ease 0s;
        opacity: 0;
        transform-origin: center top 0px;
        z-index: 2;
        box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
        margin-top: 4px;
        margin-left: -54px;
        max-width: calc(100% - 66px);
      }

      .whatsapp-chat-body {
        padding: 20px 20px 20px 10px;
        background-color: #e6ddd4;
        position: relative;
      }
      .whatsapp-chat-body::before {
        display: block;
        position: absolute;
        content: "";
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: 0;
        opacity: 0.08;
        background-image: url("../elfsight.com/assets/chats/patterns/whatsapp.png') }}");
      }

      .dAbFpq {
        display: flex;
        z-index: 1;
      }

      .eJJEeC {
        background-color: white;
        width: 52.5px;
        height: 32px;
        border-radius: 16px;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        margin-left: 10px;
        opacity: 0;
        transition: all 0.1s ease 0s;
        z-index: 1;
        box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      }

      .hFENyl {
        position: relative;
        display: flex;
      }

      .ixsrax {
        height: 5px;
        width: 5px;
        margin: 0px 2px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        top: 0px;
        background-color: #9e9da2;
        animation-name: ZpjSY;
      }

      .dRvxoz {
        height: 5px;
        width: 5px;
        margin: 0px 2px;
        background-color: #b6b5ba;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        top: 0px;
        animation-name: hPhMsj;
      }

      .kAZgZq {
        padding: 7px 14px 6px;
        background-color: white;
        border-radius: 0px 8px 8px;
        position: relative;
        transition: all 0.3s ease 0s;
        opacity: 0;
        transform-origin: center top 0px;
        z-index: 2;
        box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
        margin-top: 4px;
        margin-left: -54px;
        max-width: calc(100% - 66px);
      }
      .kAZgZq::before {
        position: absolute;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        top: 0px;
        left: -12px;
        width: 12px;
        height: 19px;
      }

      .bMIBDo {
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        color: rgba(0, 0, 0, 0.4);
      }

      .iSpIQi {
        font-size: 14px;
        line-height: 19px;
        margin-top: 4px;
        color: #111111;
      }

      .iSpIQi {
        font-size: 14px;
        line-height: 19px;
        margin-top: 4px;
        color: #111111;
      }

      .cqCDVm {
        text-align: right;
        margin-top: 4px;
        font-size: 12px;
        line-height: 16px;
        color: rgba(17, 17, 17, 0.5);
        margin-right: -8px;
        margin-bottom: -4px;
      }
      /* End- Was pasted in layouts/frontend.blade.php by Nakul  */


/* Get a quote and confirm OTP form design */
.encash-box-4{
    box-shadow: 0px 0px 4px 2px #ddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 16px;
}
.encash-box-4 .input-group{
    border: 0.8px solid #b7bbbb;
    border-radius: 0px;
}
.encash-box-4 .input-group .input-group-prepend .input-group-text{
    width: 46px;
    justify-content: center;
    border: 0px;
    background-color: #fff;
}
.encash-box-4 .input-group .input-group-prepend .input-group-text i{
    font-size: 22px;
}
.encash-box-4 .input-group .form-control{
    border: 0px;
    height: 48px;
    color: #b7bbbb !important;
    font-size: 15px;
}
.encash-box-4 .input-group .form-control:focus{
    box-shadow: unset;
    border-radius: 0px;
}
.encash-box-4 .encash-big-btn{
    width: 100% !important;
    border-radius: 0px !important;
    letter-spacing: 1px;
    box-shadow: unset !important;
}
/* Get a quote and confirm OTP form design */


.bg-green {
    background-color: lightgreen;
    padding: 10px;
    width: 100px;
}

.bg-red {
    background-color: #d64238;
    padding: 10px;
    width: 100px;
}

input[disabled],
textarea[disabled],
select[disabled="disabled"] {
    -webkit-text-fill-color: rgba(0, 0, 0, 1) !important;
    -webkit-opacity: 1;
    color: rgba(0, 0, 0, 1) !important;
    background: white;
}

input {
    -webkit-text-fill-color: rgba(0, 0, 0, 1) !important;
    -webkit-opacity: 1;
    color: rgba(0, 0, 0, 1) !important;
}

@font-face {
    font-family: Gotham;
    src:
        /* url('http://localhost:8000/assests/font/gotham/GothamBold.ttf') format('truetype') */
        url("http://localhost:8000/assests/font/gotham/GothamMedium.ttf") format("truetype");
    /* url('http://localhost:8000/assests/font/gotham/Gotham-Black.otf'); */
    /* url('http://localhost:8000/assests/font/gotham/GothamBook.ttf'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Gotham-Thin;
    src: url("http://localhost:8000/assests/font/gotham/Gotham-Light.otf");
    font-weight: normal;
    font-style: normal;
}


.ui-front {
    z-index: 999999 !important;
}

.home_banner_img {
    background-image: url("http://localhost:8000/assests/img/stage.png");
    /* background-color: blue; */
    height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(77, 77, 77, 0.5);
}

.containerc {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.containerc input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerc:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerc input:checked~.checkmark {
    background-color: #016936;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerc input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerc .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bg_orange {
    background-color: #016936;
}

.text_orange {
    color: #f07800;
}

.mera-bold {
    font-weight: 400;
}

.zoomover:hover {
    box-shadow: 0px 3px 22px 41px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);

    transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);
    -webkit-transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);

    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.zoomslower {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.flip-box {
    background-color: transparent;
    width: 100%;
    height: 100%;
    /* border: 1px solid #f1f1f1; */
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
    background-color: transparent;
    color: black;
}

/* Style the back side */
.flip-box-back {
    background-color: transparent;
    /* color: white; */
    transform: rotateY(180deg);
}

.bg-get {
    background-color: green !important;
}

.bg-light-green {
    background-color: #dbeee063 !important;
}

.color-green {
    color: #016936 !important;
}

.bg-steps {
    background-color: #acacac !important;
}

.fa-footer {
    padding: 1%;
    font-size: 18px;
    width: 4%;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    margin: 05px 05px 0px 0px;
}

/* Add a hover effect if you want */
.fa-footer:hover {
    opacity: 0.7;
    color: #f07800;
}

.text-para {
    font-size: 14px;
}

.h5-tag {
    font-size: 16px;
    font-weight: 600 !important;
}

.hero-image {
    background-image: url("/assests/img/sample.jpg");
    background-color: #cccccc;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.mycard {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 576px) {
    .form-inliness .form-controlss {
        display: inline-block;
        /* width: auto; */
        vertical-align: middle;
    }

    .form-controlss {
        display: block;
        width: 70%;
        /* height: calc(1.5em + .75rem + 2px); */
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}

.form-inliness .form-controlss {
    display: inline-block;
    /* width: auto; */
    vertical-align: middle;
}

.form-controlss {
    display: block;
    width: 80%;
    /* height: calc(1.5em + .75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #f07800;
    background-color: #f5f5f5;
    background-clip: padding-box;
    border: 2px solid #f07800;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.maxHeightDiv {
    height: 200px;
}

.bg-ligray {
    background-color: #f2f2f2;
}

.navbar-extra {
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12) !important;
}

.margin-neeche {
    margin-bottom: 8%;
}

.bg-black {
    background-color: #000000;
}

.fa-contact-icon {
    font-size: 20px;
    color: red;
}

.border-orange {
    border: 1px solid #016936;
    background-color: #fff;
}

/* .nav-item .nav-link:hover {
    color: #f07800 !important;
    /* border-bottom: 2px solid #F07800; 
    margin-bottom: 0px;
} */
.fa-phone-navbar {
    font-size: 25px;
    border-radius: 50%;
    color: #f07800;
    /* margin: 05px 05px 0px 0px; */
}

.h5-res {
    /* font-size: 16px; */
    color: #f07800;
}

.h-color-orange {
    color: #f07800;
}

.h-color-black {
    color: #111111;
}

.footer-a {
    font-weight: 300;
}

.okk {
    list-style: none;
    margin-bottom: 03%;
}

.okk a {
    font-size: 13px;
}

.m-font-model {
    font-size: 18px;
}

.space {
    height: 50px;
}

@media (min-width: 768px) and (max-width: 1400px) {
    .laptop-view-hide {
        display: none;
    }
}

@media only screen and (max-width: 600px) {

    .encm-shadow-box .col{
        flex-basis: initial;
        width: 33.33%;
        flex-grow: 0;
    }
    .encm-shadow-box .row{
        justify-content: center;
    }
    .encm-shadow-box .col:nth-child(5) .encm-card {
        border-right: 0px solid #eeeeee;
    }

    .mobile-view-hide {
        display: none;
    }

    .m-font-model {
      /*  font-size: 10px;*/
       font-size: 16px !important;
       font-weight: 600;
    }

    .m-image {
        width: 150% !important;
        /* padding: 50%; */
    }

    .hero-image {
        background-image: url(/assests/img/sample.jpg);
        background-color: #cccccc;
        height: 155px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .h5-res {
        font-size: 12px;
    }

    .fa-phone-navbar {
        font-size: 16px;
        border-radius: 50%;
        color: #f07800;
        /* margin: 05px 05px 0px 0px; */
    }

    .m-container {
        width: 100% !important;
    }

    .m-h3 {
        font-size: 16px;
    }

    p {
        font-size: 14px;
    }

    .m-col-sell {
        padding: 0 !important;
        margin: 0 !important;
        width: 50%;
        position: relative;
    }

    .m-col-sell-brands {
        padding: 0px !important;
        margin: 05px 10px 05px 07px !important;
        width: 20%;
        position: relative;
    }

    .m-col-sell-models {
        /* padding: 0px !important; */
        /* margin: 05px 10px 05px 07px !important; */
        width: 50%;
        position: relative;
        padding: 5px!important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		
    }
    .resize-image {
        height: 100px;
        margin: 0 auto;
	 }
	.border-orange {
	box-shadow: 0 0 10px 6px rgb(53 51 51 / 11%) !important;
    border: 0 !important;
    border-radius: 10px !important;
		}

    .space {
             height: 50px !important; 
        }
     .card-body {
    padding: 0.25rem;
    }

    .m-image-carousel {
        width: 80px !important;
    }

    .m-navbar {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 48px !important;
    }

    .form-controlss {
        display: block;
        width: 155%;
        /* height: calc(1.5em + .75rem + 2px); */
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #f07800;
        background-color: #f5f5f5;
        background-clip: padding-box;
        border: 2px solid #f07800;
        border-radius: 0.5rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .m-topnavbar {
        /* padding: 0 !important; */
    }

    .margin-neeche {
        margin-bottom: 32% !important;
    }

    .fa-footer {
        padding: 05%;
        font-size: 18px;
        width: 18%;
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        border: 2px solid white;
        color: white;
        margin: 05px 05px 0px 0px;
    }
}

.h-size-phone {
    font-weight: 400 !important;
    font-size: 14px;
}

.marque-border {
    border: 1px solid #f07800;
}


.navbar-nav {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
}

.nav-item {
    padding: 08px 0px;
}

.navbar-nav .nav-item .nav-link {
    color: #121212;
    font-size: 14px;
    font-weight: 600;
    padding: 3px 10px !important;
}


.navbar-nav .nav-item .nav-link.active {
    background: #016936;
    color: #FFF;
}


.home_single_mobile_wrapper {
    box-shadow: none;
    border: solid 1px #eceff1;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
    height: 100%;
}

.home_single_mobile_wrapper:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
}

.home_single_mobile_wrapper a.mobile_image_anchor {
    display: flex;
}

.home_single_mobile_wrapper a img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.home_single_mobile_wrapper a.mobile_name {
    text-align: center;
    display: block;
    color: #121212;
    font-weight: 600;
    font-size: 14px;
    padding-top: 6px;
}

.home_brands_section .single_brand_column {
    padding-right: 0 !important;
    padding-left: 0 !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20%;
}

.home_brands_section .single_brand {
    padding: 8px 40px;
    border: 2px solid #8080801a;
}

@media (max-width: 992px) {
    .home_brands_section .single_brand {
        padding: 15px;
    }
}

.home_brands_section .single_brand img {
    max-width: 100%;
    max-height: 100%;
}

.how_it_works_section .how_it_works_step {
    text-align: center;
}

.how_it_works_section .how_it_works_step h4 {
    padding: 5px 0;
    font-weight: 600;
}

.how_it_works_section .how_it_works_step p {
    color: #00000080;
}

.home_blog_section .row {
    padding: 100px 25px 0px 25px;
}

.home_blog_section .blog_single {
    height: 300px;
    width: 100%;
    background: #FFF;
}

.home_blog_section .blog_single img.blog_cover {
    height: 150px;
    width: 100%;
}


.home_blog_section .blog_single img.blog_cover {
    height: 150px;
    width: 100%;
}

.home_blog_section .blog_single p.blog_posted_on {
    padding: 15px 10px 0 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #00000066;
}

.home_blog_section .blog_single a.blog_title {
    padding: 15px 10px;
    font-size: 14px;
    display: block;
    color: #000000c4;
    font-weight: 600;
}

.home_blog_section .blog_single a:hover {
    color: #016936;
}


.home_blog_section .blog_single .testimonial_avatar {
    margin: 0 auto;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #016936;
}

.home_blog_section .blog_single .testimonial_avatar img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.home_blog_section .blog_single p.testimonial_text {
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0;
    color: #00000096;
    line-height: 0px;

}



.home_blog_section .blog_single .carousel_controls {
    position: relative;
    /* background: black; */
    height: -2px;
    width: 50px;
    margin: 0 auto;
}

.home_blog_section .blog_single .carousel_controls .carousel-control-prev .carousel-control-next {
    width: 20px;

}

.home_blog_section .blog_single .carousel_controls span i {
    color: black;
}

.home_app_download_section .app_img_wrapper img {
    width: 100%;
    height: 100%;
}

.home_app_download_section .app_txt_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home_app_download_section .app_txt_wrapper p {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.home_app_download_section .app_txt_wrapper p span {
    color: #016936;
}

.home_app_download_section .app_playstore_img_wrapper {
    height: 75px;
    width: 200px;
}

.home_app_download_section .app_playstore_img_wrapper img {
    width: 100%;
    height: 100%;
}

.single_category {
    text-align: center !important;
}

.single_category p {
    color: #121212;
    font-size: 14px;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .single_category {
        flex-basis: 18.333333% !important;
        max-width: 18.333333% !important;
    }
}

@media (max-width: 992px) {
    .single_category {
        flex-basis: 25.333333% !important;
        max-width: 25.333333% !important;
    }
}

@media (max-width: 576px) {
    .single_category {
        flex-basis: 48.333333% !important;
        /*max-width: 48.333333% !important;*/
        max-width: 33.333333% !important;
    }
}


.device_model_header h5 {
    font-size: 30px;
    font-weight: 700;
}

.device_model_header small {
    font-size: 18px;
    font-weight: 600;
    color: #0000008a;
}