@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

    #header,
    #footer {
        display: none;
    }

    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: "Lato", sans-serif;
        -webkit-tap-highlight-color: transparent;
    }

    body {
        background: #FAFBFB;
    }

    .main-content.mt-10 {
        margin-top: 10px;
    }

    .main-content.border-b {
        border-bottom: 1px solid #E4E5E9;
    }

    .main-content {
        background: #ffffff;
        padding: 20px;
        /* box-shadow: 0px 4px 4px 0px #0000001A; */
    }

    .main-content .single-image {
        margin-bottom: 20px;
        position: relative;
    }
    .main-content .single-image .premium{
        position: absolute;
        top: -15px;
        right: -15px;
        padding: 10px 13px;
        background: #317072;
        border-radius: 100px;
    }

    .main-content .single-image img {
        width: 100%;
    }

    .main-content .single-title {
        margin-bottom: 10px;
    }

    .main-content h1 {
        font-family: Lato;
        font-size: 24px;
        font-weight: 700;
        line-height: 31.2px;
        text-align: left;
        color: #201D1D;
    }

    .main-content .date-content {
        margin-bottom: 14px;
        font-family: Lato;
        font-size: 12px;
        font-weight: 500;
        line-height: 14.4px;
        text-align: left;
        color: #B5B5B5;
    }

    .main-content .date-content b {
        color: #000000;
    }

    .main-content .date-content i {
        margin-right: 6px;
        /* font-size: 10px; */
    }

    .main-content .date-content .bi-star-fill {
        color: #F2C544;
    }

    .main-content .like-review-text {
        display: block;
        color: #B5B5B5;
        font-family: Lato;
        font-size: 12px;
        font-weight: 500;
        line-height: 14.4px;
        text-align: left;
    }

    .main-content .like-review-text svg {
        margin-right: 8px;
    }
    .main-content .like-review-text i {
        margin-right: 6px;
    }

    .main-content p {
        font-family: Lato;
        font-size: 14px;
        font-weight: 400;
        line-height: 18.2px;
        text-align: left;
        color: #333333;
    }

    .main-content .like-review-text b {
        color: #000000;
        font-weight: 700;
        margin-right: 5px;
    }

    .main-content .single-content {
        margin-top: 17px;
    }

    .main-content .like-review i {
        margin-right: 10px;
    }

    .main-content .like-review {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .main-content .like-review .stars {
        margin-bottom: 16px;
    }
    .main-content .like-review .stars .rating-star{
        fill: #F2C544;
    }

    .main-content .like-review i:last-child {
        margin-right: 0px;
    }

    .main-content .like-review .like-review-text {
        text-align: center;
    }

    .main-content .comment {
        margin-bottom: 10px;
    }

    .main-content .comment textarea {
        display: block;
        width: 100%;
        border: 1px solid #E4E5E9;
        background: #FCFBFB;
        border-radius: 10px;
        margin-bottom: 10px;
        outline: none;
        padding: 10px;
        resize: none;
    }

    .main-content .comment .btns {
        text-align: end;
    }

    .main-content .comment .cancel-btn {
        padding: 6px 22px;
        border: 1px solid #317072;
        border-radius: 100px;
        background: transparent;
        color: #317072;
        font-family: Lato;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        margin-right: 10px;
        cursor: pointer;
    }

    .main-content .comment .submit-btn {
        background: #ED553B;
        color: #FFFFFF;
        padding: 6px 22px;
        border: 1px solid #ED553B;
        border-radius: 100px;
        font-family: Lato;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        margin-right: 10px;
        cursor: pointer;
    }

    .main-content .client-reviews {
        display: flex;
        align-items: start;
        justify-content: space-between;
        padding: 10px 0;
        border-top: 1px solid #E4E5E9;
    }

    .main-content .client-reviews:first-child {
        border: none;
        /* padding-bottom: 0px; */
    }

    .main-content .client-reviews .left {
        width: 12%;
    }

    .main-content .client-reviews .left img {
        width: 100%;
    }

    .main-content .client-reviews .right {
        width: 86%;
    }

    .main-content .client-reviews .right h2 {
        font-family: Lato;
        font-size: 12px;
        font-weight: 400;
        line-height: 15.6px;
        text-align: left;
        color: #423D3D;
        margin-bottom: 5px;
    }

    .main-content .client-reviews .right .like-review-text {
        margin-top: 9px;
    }

    .main-content .client-content .a-btn {
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .main-content .client-content a {
        text-decoration: none;
        color: #ED553B;
        font-family: Lato;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.4px;
    }

    .main-content .hedding-second {
        font-family: Lato;
        font-size: 16px;
        font-weight: 800;
        line-height: 19.2px;
        text-align: left;
        color: #000000;
        margin-bottom: 20px;
    }

    /* .main-content .related-post .left {
        width: 18%;
        position: relative;
    } */
    .main-content .related-post .left {
        width: 30%;
        position: relative;
    }

    /* .main-content .related-post .left img {
        width: 100%;
    } */
    .main-content .related-post .left img {
        height: 106px;
        width: 90%;
        border-radius: 10px;
        object-fit: cover;
    }

    /* .main-content .related-post .right {
        width: 75%;
    } */
    .main-content .related-post .right {
        width: 65%;
    }

    .main-content .related-post .right h2 {
        font-family: Lato;
        font-size: 12.4px;
        font-weight: 700;
        line-height: 22.32px;
        text-align: left;
        color: #000000;
        margin-bottom: 10px;
    }

    .main-content .related-post {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
    }

    .main-content .related-post .post-date .left1 {
        font-family: Lato;
        font-size: 12.4px;
        font-weight: 500;
        line-height: 14.88px;
        text-align: left;
        color: #ED553B;
        display: inline-block;
    }

    .main-content .related-post .post-date {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-content .related-post .post-date .right1 {
        font-family: Lato;
        font-size: 12.4px;
        font-weight: 500;
        line-height: 14.88px;
        text-align: right;
        color: #B5B5B5;
        display: inline-block;
    }
    .main-content .related-post .premium {
        padding: 4.5px 7px;
        background: #317072;
        border-radius: 100px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: -10%;
    }

    /* .main-content .related-post .premium {
        padding: 4.5px 7px;
        background: #317072;
        border-radius: 100px;
        display: inline-block;
        position: absolute;
        right: -10%;
        top: -10%;
    } */

    .main-content .like-review .stars svg {
        height: 29px;
        width: 29px;
    }

    .swal2-actions button {
        display: block;
	    width: 40%;
        padding: 12px 0px;
        color: #ffffff;
        background: #317072;
        border-radius: 100px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        border: none;
        cursor: pointer;
    }
    .swal2-container{
        max-width: 430px !important;
        margin: auto  !important;
    }

    /* Product Page */

   .redErrorMessage{
    -webkit-color: red;
    color: red;
    -webkit-font-size: 12px;
    font-size: 12px;
   }
   .swal2-container {
     z-index: 9999 !important;
   }
   .swal2-popup {
width: 20em !important;
    border-radius: 20px !important;
   }

   .product-cart .add-product .close-icon a {
    text-decoration: none;
    font-size: 32px;
    line-height: 18px;
    color: #000;
}
.loaderwrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
  position: fixed;
  top: 50%;
  z-index: 99;
  width: 50px;
  --b: 8px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#317072) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}

.main-content {
    position: relative;
}

.loaderactive {
    pointer-events: none;
    cursor: progress;
}

button {
    outline: none;
    box-shadow: none;
  }

  *:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}