:root {
    --bs-body-line-height: 1.5
}

*,
::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none
}

.krishna,
::-webkit-scrollbar-thumb {
    background-image: linear-gradient(45deg, #148fa6, #20488d);
    border-radius: 10px;
    border: 3px solid #fff
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar {
    width: 12px
}

body {
    line-height: var(--bs-body-line-height);
    font-family: 'Noto Sans Vithkuqi', sans-serif;
    overflow-x: hidden
}
.img_full{
    width:100%;
}
.card {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: justify;
}

.container,
.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }

    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }

    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }

    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }

    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1320px
    }

    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.d-flex {
    display: flex !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-center {
    align-items: center !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1,
.pb-1 {
    margin-bottom: .25rem !important
}

.mb-2,
.pb-2 {
    margin-bottom: .5rem !important
}

.mb-3,
.pb-3 {
    margin-bottom: 1rem !important
}

.mb-4,
.pb-4 {
    margin-bottom: 1.5rem !important
}

.m-0,
.p-0 {
    padding: 0 !important
}

.m-1,
.p-1 {
    padding: .25rem !important
}

.m-2,
.p-2 {
    padding: .5rem !important
}

.m-3,
.p-3 {
    padding: 1rem !important
}

.m-4,
.p-4 {
    padding: 1.5rem !important
}

.m-5,
.p-5 {
    padding: 3rem !important
}

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

.mx-1,
.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.mx-2,
.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.mx-3,
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.mx-4,
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.mx-5,
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.my-1,
.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.my-2,
.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.my-3,
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.my-4,
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.my-5,
.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.mt-1,
.pt-1 {
    padding-top: .25rem !important
}

.mt-2,
.pt-2 {
    padding-top: .5rem !important
}

.mt-3,
.pt-3 {
    padding-top: 1rem !important
}

.mt-4,
.pt-4 {
    padding-top: 1.5rem !important
}

.mt-5,
.pt-5 {
    padding-top: 3rem !important
}

.bg-dark {
    background-color: #212529 !important
}

a {
    text-decoration: none
}

svg {
    width: 18px;
    height: 16px
}

.top-offer {
    background-image: linear-gradient(45deg, #148fa6, #20488d);
    width: 100%;
    height: 35px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.top-offer a {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
    color: #fff;
    background-color: #cf1414;
    width: 107px;
    height: 28px;
    line-height: 28px;
    padding: 0 .7rem
}

.top-offer img {
    width: 40px
}

.offertext h5 {
    margin: 0 1.2rem;
    font-size: 16px
}

header ul li {
    list-style: none
}

.vouchersvg {
    position: absolute;
    right: 1px;
    top: -1px
}

.subm {
    position: relative
}

.top-header.is-sticky {
    position: fixed;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    top: 0;
    animation: slideDown .35s ease-out
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.nav-bar {
    background-color: #fff;
    padding: .5rem 6rem;
    height: 90px;
    line-height: 14px;
    z-index: 9;
    position: absolute;
    width: 100%;
    left: 0;
    border-top: 2px solid #5cadbe
}

.menue {
    margin-right: 3rem
}

.menue ul li {
    margin-right: 2px
}

.menue ul {
    position: relative
}

.menue ul ul,
.myprofile {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    top: 50px;
    transition: .2s;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    padding: 15px 0;
    width: 270px
}

.myprofile {
    width: 98px;
    font-size: 14px;
    line-height: 1.5
}

.myprofile a {
    color: #4c6f9b;
    font-weight: 600
}

.addto-cart {
    position: relative
}

.countnumber {
    position: absolute;
    top: -17px;
    border-radius: 100%;
    left: 9px;
    height: 28px;
    width: 28px;
    background: #fff;
    border: 1px solid #1b6597;
    line-height: 27px;
    font-size: 14px
}

.login:hover .myprofile,
.menue ul li:hover>ul {
    top: 35px;
    visibility: visible;
    transition: .3s;
    opacity: 1
}

.menue ul ul li {
    margin: 0 0;
    padding: 5px 0;
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #d9d9d9
}

.menue ul ul li:hover {
    background: #5cadbe
}

.menue ul li a {
    margin: 0 3px;
    padding: 25px 17px;
    color: #4c6f9b;
    font-weight: 600;
    position: relative
}

.cart-part li {
    margin: 0 7px
}

.box-other svg,
.cart svg,
.login svg {
    width: 30px;
    height: 30px;
    margin-top: 4px;
    text-align: center;
    fill: #fff
}

.box-other svg,
.cart svg {
    padding: 2px;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 5px
}

.login {
    display: flex;
    align-items: center;
    position: relative
}

.box-other,
.cart,
.loginanchor {
    margin-right: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: linear-gradient(45deg, #148fa6, #20488d);
    text-align: center;
    line-height: 37px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2), 0 3px 20px 0 rgb(213 213 213 / 19%)
}

.menue ul li a:hover,
.menue ul li a:hover>svg {
    background: #5cadbe;
    color: #fff !important;
    fill: #fff
}

.subm ul li a:hover {
    background-color: none;
    background-color: transparent
}

.mySlides,
.mySlidest {
    display: none
}

.hero-slider {
    background: #e3e3e3
}

img {
    vertical-align: middle
}

.slideshow-container {
    position: relative;
    margin: auto
}

.hero-slider img {
    width: 100%;
    padding-top: 90px
}

.next,
.prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background: #1f4d8f14;
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, .25)
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.next:hover,
.prev:hover {
    background-color: rgb(92 173 190)
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.dot,
.dott {
    cursor: pointer;
    height: 14px;
    width: 14px;
    margin: 0 2px;
    background-color: #148fa6;
    border-radius: 50%;
    display: inline-block;
    transition: .5s;
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, .25)
}

.active,
.active2,
.dot:hover,
.dott:hover {
    background-image: linear-gradient(45deg, #148fa6, #20488d);
    width: 30px;
    border-radius: 9px;
    transition: .5s
}

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

    .next,
    .prev,
    .text {
        font-size: 11px
    }
}

.sdots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, 25%)
}

@media(min-width:1440px) {
    .my-container {
        min-width: 1395px
    }
}

@media(min-width:1310px) {
    .kpx-0 {
        padding-left: 0;
        padding-right: 0
    }

    .hero-slider {
        height: 440px
    }

    .hero-slider img {
        height: 440px
    }

    .my-container {
        max-width: 1300px !important
    }

    .fadd {
        width: 300px
    }
}

@media(max-width:1420px) {
    .nav-bar {
        padding: .5rem 3rem
    }
}

@media(max-width:990px) {
    .nav-bar {
        padding: .5rem 2rem;
        z-index: 99
    }
}

.m-logo {
    display: none
}

@media(max-width:890px) {
    .change {
        top: 30px;
        position: fixed;
        background: #fff;
        right: 50px;
        padding-top: 3px
    }

    .m-logo {
        background: #fff;
        width: 100%;
        padding: 1rem 2rem;
        box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        display: block
    }

    .my-container {
        padding: 0 2rem
    }

    .menue {
        position: fixed;
        left: 0;
        height: 100%;
        background: linear-gradient(45deg, #21468c, #148ba5);
        top: 0;
        width: 100%;
        overflow-x: hidden;
        left: -300px;
        transition: .3s;
        visibility: hidden;
        opacity: 0
    }

    .menue .nav-list {
        margin-top: 2rem
    }

    .menue ul {
        padding-top: 2rem
    }

    .menue ul li {
        width: 100%
    }

    .openMenue {
        visibility: visible !important;
        transition: .3s;
        left: 0 !important;
        opacity: 1
    }

    .menue ul li a {
        display: block;
        color: #fff;
        padding: 17px 19px;
        border-bottom: 1px solid #448aad;
        padding-left: 2rem
    }

    .menue ul li a svg {
        fill: #fff
    }

    .menue ul {
        flex-direction: column
    }

    .menue ul li ul {
        position: static;
        visibility: visible;
        opacity: 1;
        background: 0 0;
        top: 0;
        left: 0;
        padding: 0;
        box-shadow: none;
        display: none;
        background: #18779e
    }

    .showsm {
        display: block !important
    }

    .menue ul li ul li {
        border-bottom: 0;
        padding: 0
    }

    .offertext h5 {
        margin: 0 .5rem;
        font-size: 12px
    }

    .top-offer img {
        width: 20px
    }

    .top-offer a {
        font-size: 12px;
        font-weight: 700;
        padding: 0 .4rem
    }

    header {
        position: relative;
        z-index: 99
    }

    .overlay-bg {
        width: 100%;
        left: 0;
        z-index: 1;
        background-color: rgb(0 0 0 / 77%);
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 9
    }

    .Togglebar {
        display: block;
        margin-top: 10px
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 27px;
        height: 2px;
        background-color: #fff;
        margin: 6px 0;
        margin-left: 6px;
        transition: .4s
    }

    .box-other {
        display: block !important;
        cursor: pointer
    }

    .change .bar2 {
        opacity: 0
    }

    .change .bar1 {
        transform: translate(0, 2px) rotate(-45deg);
        background: #ff5722
    }

    .change .bar3 {
        transform: translate(0, -11px) rotate(45deg);
        background: #ff5722
    }
}

.box-other {
    display: none
}

.pro-img {
    height: 100px;
    margin: auto;
    margin-bottom: 10px;
    background: #ededed;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pro-img .img-fluid {
    display: block;
    margin: auto
}

.productp .pro-img .img-fluid {
    width: 136px
}

.pro-part {
    height: 345px;
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, .25);
    background: #fff;
    border-radius: 5px
}

.pro-part h3 {
    border-bottom: 2px solid #1552989c;
    padding-top: 5px;
    color: #155298;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    padding-bottom: 5px
}

.details {
    padding: 0 1rem 2rem 1rem;
}

.price-part li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 500
}

.l-through {
    text-decoration: line-through;
    color: #cf1414 !important
}

.f-600 {
    font-weight: 600;
    color: #000;
    font-family: system-ui
}

.price-part {
    line-height: 2;
    margin-bottom: 1.7rem
}

.btn1,
.btn2 {
    width: 132px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #155298;
    border-radius: 5px;
    border: 1px solid #155298
}

.btn-2,
.btn1 {
    background: #155298;
    color: #fff;
    border: 1px solid #155298;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    cursor: pointer
}

.btn3 {
    background: #107575;
    color: #fff;
    border: 1px solid #155298;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    cursor: pointer;
    border-radius: 4px
}

.btn-2:hover,
.btn1:hover {
    background: #148fa6;
    color: #fff !important
}

.addbtn {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.about-us {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/Component\ 8.png);
    position: relative;
    overflow: hidden;
    background: #f3f3f3
}

.limg {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 620px;
    height: 710px;
    left: 3%
}

@media(min-width:1550px) {
    .limg {
        width: 700px;
        height: 750px
    }

    .hero-slider {
        height: 540px !important
    }

    .hero-slider img {
        height: 540px !important
    }

    .about-us::before {
        border-bottom: 836px solid #155298 !important;
        border-right: 960px solid transparent !important;
        border-right: 954px solid transparent !important;
        transform: rotate(0) !important
    }

    .limg {
        left: 10% !important
    }
}

@media (min-width:1450px) {
    .about-us::before {
        border-bottom: 842px solid #155298;
        border-right: 838px solid transparent
    }

    .limg {
        left: 5%
    }
}

@media (min-width:1060px) and (max-width:1290px) {
    .limg {
        bottom: -219px
    }

    .about-us::before {
        border-bottom: 810px solid #155298 !important;
        border-right: 555px solid transparent !important
    }
}

@media(max-width:1450px) {
    .about-us::before {
        border-bottom: 841px solid #155298;
        border-right: 749px solid transparent;
        border-right: 733px solid transparent
    }
}

@media(max-width:1050px) {
    .about-us::before {
        display: none
    }

    .limg {
        bottom: 0
    }
}

.about-us::before {
    width: 50%;
    height: 100%;
    position: absolute;
    content: "";
    z-index: 1;
    transform: rotate(0)
}

.about-content>h3 {
    color: #155298;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 1.6px
}

.icon-box {
    display: -webkit-box;
    width: 80%
}

.about-content>p {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .54px;
    margin-bottom: 2rem
}

.abt-icon>div {
    background: rgba(41, 147, 170, .39);
    border-radius: 50%;
    width: 55px;
    height: 54px;
    margin-top: -15px
}

.icon-content p {
    font-size: 16px;
    margin-bottom: 1.5rem
}

.icon-box img {
    padding-top: 10px;
    margin-top: 9px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 34px !important;
    max-width: 100%
}

.icon-content>h5 {
    color: #155298;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .price-part span {
        font-size: 16px
    }

    .btn1,
    .btn2 {
        font-size: 13px
    }

    .pro-img .img-fluid {
        width: 150px
    }

    .pro-part {
        height: 365px
    }
}

.view-cart {
    position: absolute;
    right: 5%;
    width: 300px;
    overflow: hidden;
    background: #fff;
    padding: .7rem 1rem;
    line-height: 1.5;
    top: 90px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
    border-radius: 5px;
    visibility: hidden;
    transition: .5s;
    opacity: 0
}

.view-cart {
    color: #0d2949
}

.addto-cart:hover>.view-cart {
    visibility: visible;
    top: 58px;
    transition: .5s;
    opacity: 1
}


.items,
.view-d {
    border-bottom: 1px solid #d5d5d5
}

.cart-total li,
.items,
.price1,
.price2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.view-d {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 0
}

.view-cart h4.product-title {
    font-size: 17px;
    padding-right: 5px;
    line-height: 1.4
}

.view-cart .cart-product-info {
    color: #676363;
    font-size: 14px
}

.view-cart img {
    width: 90px;
    height: 60px
}

.cart-total {
    line-height: 2;
    padding: .7rem 0
}

.totalam {
    padding: .4rem 0
}

.gst {
    padding-bottom: .27rem
}

.checkbtn {
    width: 86%;
    height: 34px;
    line-height: 33px;
    background-image: linear-gradient(45deg, #0e4651, #598ee9);
    outline: 0;
    border: 0;
    font-size: 16px !important;
    border-radius: 17px;
    display: block;
    color: #fff !important;
    text-align: center;
    margin: auto !important
}

.checkbtn:hover {
    background: #15a8be;
    cursor: pointer
}

.view-cart a {
    padding: 0
}

.view-cart .cart-total-price {
    color: #5c5c5c
}

@media(max-width:300px) {
    .view-cart {
        width: 260px
    }

    .view-cart h4.product-title {
        font-size: 16px;
        padding-right: 1px
    }
}

.footer-section {
    background: #fff;
    position: relative;
    background: #448aad0f;
}

.footer-cta {
    border-bottom: 1px solid #c7c7c7
}

.cta-text {
    padding-left: 15px;
    display: inline-block
}

.cta-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px
}

.cta-text span {
    color: #fff;
    font-size: 15px
}

.footer-content {
    position: relative
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%
}

.footer-logo {
    margin-bottom: 20px
}

.smyp {
    padding: .5rem
}

.footer-text p {
    margin-bottom: 14px;
    font-size: 16px;
    color: #181616;
    line-height: 28px
}

.footer-social-icon {
    display: flex;
    align-items: center
}

.footer-social-icon span {
    margin-right: 25px;
    color: #148ea5;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    margin-bottom: 20px
}

.footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
    box-shadow: 4px 4px 10px 2px rgb(109 106 106 / 25%)
}

.footer-social-icon svg {
    position: absolute;
    left: 8px;
    top: 7px;
    fill: #fff;
    width: 14px !important
}

.YouTube-bg,
.facebook-bg,
.instagram-bg,
.linkedin-bg,
.twitter-bg {
    position: relative !important;
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
    opacity: .9;
    margin: 0 3px
}

.YouTube-bg:hover,
.facebook-bg:hover,
.instagram-bg:hover,
.linkedin-bg:hover,
.twitter-bg:hover {
    opacity: 1
}

.kspace {
    padding: 1rem 5rem .5rem 5rem
}

.facebook-bg {
    background: #1877f2;
    padding-bottom: 10px
}

.linkedin-bg {
    background: #0a66c2
}

.facebook-bg svg {
    top: 5.5px;
    padding: 1.5px
}

.twitter-bg {
    background: #55acee
}

.twitter-bg svg {
    top: 8px;
    left: 8px
}

.YouTube-bg {
    background: #b00
}

.YouTube-bg svg {
    top: 8px;
    left: 7.5
}

footer svg {
    width: 15px;
    fill: #fff;
    margin-right: 5px
}

.callUs,
.envelop,
.sendM,
.svgLocation {
    width: 32px;
    height: 30px;
    fill: #fff
}

.instagram-bg {
    background: linear-gradient(29.61deg, #f38334 0, #da2e7d 50.39%, #6b54c6 100%)
}

.footer-widget-heading h3 {
    color: #233d88;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

.footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 50px;
    background: #000f6f
}

.footer-widget ul li,
.voucherli ul {
    line-height: 2
}

.bg-white {
    background-color: #fff !important
}



.footer-widget ul li a,
.voucherli ul li a {
    color: #181616;
    text-transform: capitalize
}
.footer-widget ul li a:hover,
.voucherli ul li a:hover{
    color: #000f6f !important;
}

.footer-widget .btn-group a {
    line-height: 33px;
    display: block;
    height: 35px !important;
    width: 106px;
    padding: 0 !important;
    text-align: center;
    font-size: 16px
}

.sm-space {
    padding: .5rem 0
}

.copyright-area {
    border-top: 1px solid gray
}

.footer-cta {
    background-image: linear-gradient(45deg, #148fa6, #20488d)
}

.copyright-text p {
    margin: 0;
    font-size: 16px;
    text-align: left
}

.copyright-text p a {
    text-decoration: revert;
    color: #000582;
    margin: 0 5px
}

.footer-menu li {
    display: inline-block;
    margin-left: 20px
}

.footer-menu li:hover a {
    color: #000f6f
}

.footer-menu li a {
    font-size: 16px;
    color: #253489
}

.twiter-iframe {
    border-radius: 5px;
    width: 350px;
    border-top: 5px solid #233d88;
    overflow-y: auto;
    border-bottom: 5px solid #233d88;
    height: 425px
}

.textGreen {
    color: #ef7c00 !important
}

@media(max-width:1400px) {
    .banner-content {
        padding-right: 3rem
    }

    .callUs,
    .envelop,
    .sendM,
    .svgLocation {
        width: 25px !important;
        height: 47px !important
    }

    .cta-text h4 {
        font-size: 20px
    }

    .cta-text span,
    .footer-widget ul li a {
        font-size: 16px
    }

    .accordion .accordion-content p {
        font-size: 18px
    }
}

@media(max-width:768px) {
    .kborder-b {
        border-bottom: 1px solid #cbc9c97a !important;
        margin-bottom: 9px;
        padding-top: 10px
    }

    .examtext {
        border-right: 0 !important;
        border-bottom: 2px solid #19709b !important
    }

    .kspace {
        padding: .5rem 1.8rem !important
    }

    .md-justify-start {
        justify-content: flex-start !important
    }

    .footer-content {
        padding-left: 20px !important
    }

    .hero-slider img {
        padding-top: 72px
    }
    .details-p table{
    display: block;
    }
}

.prod-details .heading {
    color: #155298;
    font-family: Century Gothic;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.65px
}

.heading {
    color: #155298;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.6px
}

.text-center {
    text-align: center
}

@media (min-width:1310px) and (max-width:1500px) {
    .footer-cta {
        margin: auto
    }
}

@media (min-width:1550px) {
    .details-p .banner-part {
        height: 450px
    }

    .details-p .my-container {
        max-width: 92% !important
    }

    .footer-cta {
        margin: auto;
        width: 1550px !important
    }
}

.tabs {
    padding-left: 5rem;
    margin-top: 3rem
}

.how-to-buy p {
    font-size: 18px
}

.tabs ul {
    list-style: none
}

.tabs a:hover {
    background: #2993aa14
}

.logo1 {
    display: none
}

.logo1.active-image {
    display: block
}

.tabs a {
    background: #fff;
    box-shadow: 0 0 5px rgb(20 143 166 / 20%);
    border-radius: 8px;
    border: 1px solid #148fa6;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .3px
}
.tabs a:hover{
    color: #148fa6 !important;
}
.tab-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1f1f1;
    padding: 10px
}

.tab-items {
    list-style: none;
    display: flex;
    gap: 10px
}

.tab-item {
    position: relative
}

.tab-item a {
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: #555
}

.tab-item a:hover {
    background-color: #ddd
}

.tab-item a.active {
    background-color: #00f;
    color: #fff
}

.right-side {
    display: flex;
    justify-content: center;
    align-items: center
}

.bg-htb svg {
    width: 24px;
    height: 30px;
    margin-right: 13px
}

.bg-htb svg path {
    fill: #2993aa
}

.statick-banner {
    background: #148fa6
}

.feature {
    background: #2f5a93;
}

.feature h3 {
    color: #fff
}

.feature .pro-part {
    box-shadow: none;
    border-right: 1px dashed #d3d3d3;
    height: 310px;
    border: 1px solid #4da0ff;
    border-radius: 5px;
    overflow: hidden
}

.feature .pro-part h3 {
    color: #1d5b94;
    border-bottom: 0
}

.contact-part {
    padding: 30px;
    background-repeat: no-repeat;
    padding-top: 30px;
    background-image: url(../img/Component.webp);
    background-size: cover
}

.contact-part p {
    font-size: 14px;
    text-align: left;
}

.kpy-5 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.kmb-4 {
    margin-bottom: 4rem
}

.input1 input,
.input1 select,
textarea {
    width: 100%;
    padding: 4px 20px 0 39px;
    border-radius: 5px;
    border: 0;
    height: 51px;
    outline: 0
}


.textarea {
    /* height: 158px !important; */
    border: 0 !important
}

textarea {
    /* height: 75% !important */
   
}
.form-part .input1, .form-part textarea {
    line-height: 36px !important;
    overflow-y: auto;
}
::placeholder {
    font-size: 16px;
    color: #122c49
}

.input1,
textarea {
    width: 100%;
    line-height: 50px;
    margin: .5rem 0;
    border-radius: 5px;
    border: 1.5px solid #1c6095;
    overflow: hidden
}

.form-part form {
    margin-top: 4rem
}

.form-part h3 {
    text-align: center;
    font-family: Century Gothic;
    color: #155298;
    font-family: Century Gothic;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .56px
}

.form-part {
    padding: 2rem 2rem;
    border-radius: 10px;
    border: 1px solid #014a8b;
    background: #fff;
    box-shadow: 4px 4px 8px 2px rgba(189, 179, 179, .25)
}

.fbtn {
    border: 0;
    cursor: pointer
}

.fbtn input,
.input1 button {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    outline: 0;
    font-size: 25px;
    border: 0;
    cursor: pointer;
    border-radius: 47px;
    border: 1px solid #148fa6;
    background: #148fa6;
    color: #fff
}

.fbtn input:hover,
.input1 button:hover {
    background: #1d5692
}

.slider1 {
    margin-top: 3rem
}

.slider1 p {
    font-size: 18px
}

.clientname {
    margin-top: 3rem;
    font-size: 22px
}

.testimonial {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    background-image: url(../img/01.webp)
}

.heading span {
    font-size: 45px;
    margin-top: .6rem;
    line-height: 1.3;
    display: block
}

.blog1 {
    margin-top: 2rem;
    box-shadow: 0 0 8px rgb(191 184 184 / 60%);
    padding: 15px;
    border-radius: 5px;
    border: 1px dotted #1f4e8f
}

.blog1 img {
    margin-bottom: 1rem
}

.blog1 img {
    margin-bottom: 1.5rem
}
.blog-btn {
    margin: auto;
    border-radius: 9px;
    font-size: 17px;
    margin-bottom: .5rem;
    padding: 6px;
    background: #148ba5;
}
.blog-btn a{
    color: white !important;
    text-transform: capitalize;
    text-align: center;
    display: block;
}
.bheading h5 a {
    color: #003c81;
    font-weight: 500;
    font-size: 20px
}

.bdeate {
    margin: .5rem 0 1rem 0;
    font-size: 14px;
    color: #393939
}

/* @media(min-width:1320px) {
    .blog1 {
        height: 455px
    }
} */

.accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #03b5d2
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 11px 18px;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    outline: 0;
    background: #fff;
    border: 1px dotted #1586a3;
    margin-bottom: .4rem
}

.accordion button:focus,
.accordion button:hover {
    cursor: pointer;
    color: #fff;
    background: #155298
}

.accordion button:focus::after,
.accordion button:hover::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2
}

.faqs {
    background: #1e569238
}

.accordion button .accordion-title {
    font-size: 20px;
    display: flex;
    width: 95%
}

.accordion-title b {
    margin-right: 8px
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
   /* width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px*/
}

/*.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor
}*/
    .accordion button .icon i {
        transition: transform 0.2s ease;
    }

.accordion button[aria-expanded="true"] .icon i {
    transform: rotate(0deg);
}
.accordion button[aria-expanded=true] {
    color: #fff;
    background: #1586a3
}

.accordion button[aria-expanded=true] .icon::after {
    width: 0
}

.accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 100%;
    transition: all .2s linear;
    will-change: opacity, max-height;
    padding: 0 14px;
    background: #fff;
    margin: .5rem 0
}

.faqq .accordion button[aria-expanded=true] + .accordion-content {
    margin: 0rem 0;
    background: #edf3fb;
}
.faqq .accordion .accordion-item button[aria-expanded=true] {
    margin-bottom: .4rem
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .2s linear, max-height .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content p {
    font-size: 18px;
    font-weight: 300;
    margin: 1.5rem 0
}

.qanswerpart {
    margin-top: 2rem
}

.faqtab svg {
    width: 30px !important;
    height: 30px !important;
    fill: #fff
}

.faqtab .col-sm-4 {
    display: flex;
    align-items: center;
    justify-content: center
}

.faqtab {
    height: 55px;
    list-style: 55px;
    cursor: pointer
}

.faqtab .activeftab {
    background-color: #155298;
    position: relative;
    cursor: pointer
}

.activeftab::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #155298;
    border-width: 15px;
    margin-left: -15px
}

.faqtab span {
    font-size: 25px;
    color: #fff;
    margin-left: 13px
}

.faqtab2 {
    background-color: #1586a3
}

.faqtab3 {
    background-color: #000;
    color: #fff
}

.about-page {
    padding-top: 90px
}

.return-p .return {
    background-image: linear-gradient(45deg, rgb(27 98 150), rgba(8, 83, 156, 0)), url(../banner/oss-return.webp) !important
}

.privacy-p .privacy {
    background-image: linear-gradient(45deg, rgb(27 98 150), rgba(8, 83, 156, 0)), url(../banner/oss-privacy.webp) !important
}

.terms-p .terms {
    background-image: linear-gradient(45deg, rgb(27 98 150), rgba(8, 83, 156, 0)), url(../banner/oss-terms.webp) !important
}



/* .banner-part {
    background-image: linear-gradient(45deg, rgb(27 98 150), rgba(8, 83, 156, 0)), url(../banner/OSS-banner-about-us.webp)
} */



.banner-part {
    background-image: linear-gradient(45deg, rgb(27 98 150), rgba(8, 83, 156, 0)), url(../banner/aboutcssimg.webp);
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 2rem 2rem;
    padding-top: 2rem;
    height: 250px;
    color: #fff
}
.about-page .banner-part {
    /* background-image: linear-gradient(45deg, rgb(27 98 150), rgba(8, 83, 156, 0)), url(../banner/OSS-banner-about-us.webp); */
    background-image: url(../banner/about_us.webp) !important;
    height: 350px !important;
}
.contact-page .banner-part {
    /* background-image: linear-gradient(45deg, rgb(216, 229, 238), rgba(8, 83, 156, 0)), url(../banner/contact-us.webp) !important */
    background-image: url(../banner/contact_us.webp) !important;
    height: 350px !important;
}
@media(max-width:1400px) {
   .about-page .banner-part, 
   .contact-page .banner-part {height: 300px !important;}
}
@media(max-width:768px) {
    .about-page .banner-part, 
   .contact-page .banner-part {height: 120px !important;}
}

.f-content {
    padding-top: 3rem
}

.bredcrum a {
    color: #bdc1dd
}

.cbox1 {
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, .25);
    text-align: center;
    border-radius: 5px;
    padding-top: 1.5rem;
    margin-top: 3rem;
    padding-bottom: 2rem;
    padding: 2rem 1rem;
    height: 300px
}

.emailicon svg {
    width: 24px;
    height: 24px;
    fill: #1b5aad
}

.cbox1 span {
    display: block;
    margin-bottom: 1rem
}

.cbox1 .email a {
    font-size: 18px;
    color: #1b5aad;
    margin-bottom: .5rem;
    display: block
}

.map {
    margin: 3rem 0;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    border: 2px dotted #1f4d8f
}

@media(max-width:768px) {
    .details-p .pte-price-table table {
        width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 1rem
    }

    .logo1 img {
        width: 100%;
        margin-top: 1rem
    }

    .tabs {
        padding: 0 !important;
        margin-top: 0
    }

    .about-content>h3 {
        font-size: 20px;
        line-height: 30px
    }

    .about-content>p {
        font-size: 13px;
        line-height: 21px
    }

    .icon-content p {
        font-size: 13px !important
    }

    .icon-box img {
        width: 21px !important
    }

    .abt-icon>div {
        width: 40px !important;
        height: 40px !important
    }

    .my-container {
        padding: 1.2rem 1.5rem !important
    }

    .icon-content>h5 {
        font-size: 15px
    }

    .kpy-5 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .icon-content {
        padding-right: 0 !important
    }

    .hero-slider {
        margin-bottom: 1rem
    }

    .statick-banner {
        padding: 15px 10px !important
    }

    .heading,
    .heading span {
        font-size: 20px
    }

    .feature .pro-part {
        border-right: 0 !important;
        height: auto !important;
        border-bottom: 1px solid #548ac359
    }

    .heading {
        line-height: 30px
    }

    .testimonial {
        padding: 0
    }

    .contact-part {
        padding: .7rem 0
    }

    .about-content h5,
    .contact-part p,
    .slider1 p {
        font-size: 13px
    }

    .details p,
    .how-to-buy p {
        font-size: 13px
    }

    .tabs a {
        width: 90%;
        margin: auto;
        font-size: 15px;
        padding: 10px 20px
    }

    .feature {
        padding: 1rem 0 0 0
    }

    .clientname {
        margin-top: 2rem;
        font-size: 14px
    }

    .form-part {
        padding: 1rem
    }

    .details p {
        margin-bottom: 0
    }

    .input1,
    textarea {
        line-height: 40px;
        margin: .3rem 0
    }

    .form-part form {
        margin-top: 2rem
    }

    .blogs {
        padding: 0 0
    }

    .qanswerpart {
        margin: 4rem 0 1.7rem 0
    }

    .accordion button .accordion-title {
        font-size: 15px;
        width: 95%;
        display: block
    }

    .accordion button {
        padding: 3px 18px;
        margin-bottom: .4rem;
        height: 71px;
        line-height: 16px
    }

    .accordion button .accordion-title {
        padding: .4rem 1.5em 1em 0
    }

    .accordion button[aria-expanded=true]+.accordion-content {
        max-height: 16em
    }

    .accordion .accordion-content p,
    .showsm li a {
        font-size: 13px
    }

    .blog-details p,
    .copyright-text p,
    .footer-menu li a,
    .footer-text p {
        font-size: 13px
    }

    .faqtab svg {
        width: 20px !important;
        height: 30px !important
    }

    .faqtab span {
        font-size: 14px
    }

    .faqtab .col-sm-4 {
        justify-content: start !important;
        margin: .1rem 0
    }

    .logo img {
        width: 80px
    }

    .dot,
    .dott {
        height: 7px;
        width: 7px
    }

    .footer-social-icon span,
    .footer-widget-heading h3 {
        font-size: 16px;
        margin-bottom: 28px
    }

    .footer-widget ul li {
        margin-bottom: 10px
    }

    .footer-widget ul li a,
    .voucherli ul li a {
        font-size: 13px
    }

    .cta-text span,
    .footer-widget ul li a {
        font-size: 13px;
        display: block;
        padding-bottom: .3rem
    }

    .box-other,
    .cart,
    .login {
        width: 32px;
        height: 32px
    }

    .box-other svg,
    .cart svg,
    .login svg {
        margin-top: 0;
        width: 26px;
        height: 30px
    }

    .cart-part li {
        margin: 0 5px
    }

    .nav-bar {
        height: 70px;
        padding: .3rem 2rem;
        box-shadow: 0 0 8px rgba(0, 0, 0, .6)
    }

    .box-other svg,
    .cart svg {
        margin-top: 1px
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 20px;
        margin: 3px 6px
    }

    .next,
    .prev {
        top: 68%;
        padding: 6px
    }

    .productp {
        margin-top: 2rem
    }

    .pro-part h3 {
        padding-top: 7px;
        font-size: 16px;
    }

    .pro-part {
        height: auto;
        margin-bottom: 0 !important
    }

    .pro-img .img-fluid {
        width: 100px
    }

    .details {
        padding: 0 1rem 11px !important
    }

    .how-to-buy p {
        margin-bottom: 2rem
    }

    ::placeholder {
        font-size: 13px
    }

    .about-us {
        position: relative
    }
}

.productd-part {
    background-color: #86bd6d26;
    /* padding: 1.5rem 0 0rem 0; */
    background-size: 100% 100%;
    width: 100%
}

.my-container2 {
    width: 91%;
    margin: auto
}

.prod-img {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 460px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(185, 185, 185, .6);
    border-radius: 5px
}

.ratings svg {
    fill: #ffaf00
}

a.bluelink,
a:hover {
    color: #d2edf3 !important
}

.prod-details {
    padding-right: 3rem;
    margin-left: 1rem
}

.product-price {
    font-size: 26px
}

.offer-p {
    margin-right: 1.5rem;
    color: #125181;
    margin-bottom: 0
}

.actual-p {
    text-decoration: line-through;
    color: #c10000;
    margin-bottom: 0
}

.add-btn,
.adto-cartpart {
    width: 310px
}

.savep {
    padding: 2px 20px;
    background: #1d5a93;
    text-align: center;
    border-radius: 5px;
    margin-top: .3rem;
    font-size: 20px;
    color: #fff;
    box-shadow: 0 0 8px rgba(185, 185, 185, .6)
}

.table>tbody {
    vertical-align: inherit;
    font-size: 15px;
    margin-right: .5rem
}

td strong {
    margin-right: .5rem
}

.gre-short-d td {
    font-family: Century Gothic;
    font-size: 19px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: .63px
}

.gre-short-d td strong {
    color: #000;
    font-weight: 700
}

.gre-short-d .table>:not(caption)>*>* {
    padding: .2rem 0;
    border-bottom: 1px solid #fff
}

.gre-short-d td .bluelink {
    color: #148fa6 !important;
    font-family: Century Gothic;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .9px
}

.gre-details,
.gre-short-d {
    margin-top: 0.0122rem
}

.form-part form {
    margin-top: 2rem
}

.form-part .input1,
.form-part textarea {
    line-height: 50px;
    margin: .15rem 0
}

@media(max-width:1400px) {
    .my-container2 {
        width: 97%
    }
}

@media(max-width:1090px) {
    .productd-part .form-part {
        padding: 2rem 1rem !important
    }
}

@media(max-width:450px) {
    .hero-slider img {
        height: 200px;
        padding-top: 72px
    }
}

.m-show {
    display: none
}

@media(max-width:1091px) {
    .prod-img {
        height: 300px;
        width: 350px;
        margin: auto
    }

    .add-btn,
    .adto-cartpart {
        margin: auto;
        width: 320px
    }

    .m-show {
        display: block !important;
        margin-bottom: 1rem
    }

    .prod-details {
        margin-top: 0.25rem;
        margin-left: .3rem;
        padding-right: 0
    }

    .d-show {
        display: none
    }

    .left-details {
        padding-right: 0 !important;
        padding-left: .3rem
    }
}

@media(max-width:550px) {
    .prod-img {
        width: 93%;
        margin: auto;
        height: 230px
    }

    .gre-short-d .table>:not(caption)>*>* {
        font-size: 13px
    }

    .bredcrum1 .my-container {
        padding: 0 !important
    }

    .add-btn,
    .adto-cartpart {
        margin: 0;
        width: 92%
    }

    .table>tbody {
        font-size: 14px !important
    }

    .productd-part {
        margin-top: -30px
    }
}

.prohow .tabs a {
    padding: 16px;
    font-size: 16px
}

.prohow .tabs {
    padding-left: 0
}

.form-part ::placeholder {
    font-size: 14px
}

.numberadd {
    text-align: center;
    font-size: 25px
}

.cta-text h4 {
    font-size: 16px
}

.adto-cartpart {
    margin-top: 2rem;
    box-shadow: 0 0 8px rgba(185, 185, 185, .6)
}

.adto-cartpart .minus,
.plus {
    width: 25%;
    height: 40px;
    background-image: linear-gradient(45deg, #148fa6, #20488d);
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 27px;
    border: 1px solid #ebebeb;
    line-height: 38px;
    text-align: center;
    border-radius: .25rem;
    cursor: pointer
}

.addtocart .plus a,
.minus a {
    color: #fff
}

.addtocart span {
    line-height: 35px
}

.adto-cartpart .minus {
    line-height: 35px
}

.numberadd {
    width: 75%;
    border: 0;
    outline: 0;
    background-color: #fff
}

.br-1 {
    border-right: 1px solid #babec3
}

.tabsbtn .row {
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #0b75bf
}

.tabsbtn .row a {
    color: #fff
}

.heading-2 {
    font-size: 25px
}

.btn5 {
    padding-right: .3rem
}

.btn5,
.btn6 {
    width: 50%;
    margin-top: .7rem
}

.btn5 input,
.btn6 input {
    width: 100%;
    border: 0;
    height: 100%;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    outline: 0
}

.btn6 input {
    color: #20488d
}

.btn5,
.btn6 {
    height: 40px;
    box-shadow: 0 0 8px rgb(29 94 149 / 35%);
    border-radius: 5px
}

.btn5 input {
    background-image: linear-gradient(45deg, #148fa6, #20488d)
}

.bredcrum1 {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 10px 1.9rem;
    font-size: 14px;
    position: relative;
    z-index: 2;
    font-weight: 600
}

.left-details {
    padding-right: 4rem
}

.pr-0 {
    padding-right: 0 !important
}

.my-sticky {
    position: sticky;
    top: 120px;
    right: 10px
}

.right-details {
    margin-top: 3rem
}

.dpcat {
    box-shadow: 0 0 8px rgb(187 187 187 / 60%);
    border-radius: 5px;
    margin-bottom: 1.5rem
}

.dpcat h2 {
    padding: .4rem 1rem;
    background-image: linear-gradient(45deg, #148fa6, #20488d);
    color: #fff
}

.dpcat ul {
    padding: 1rem 2rem;
    line-height: 2
}

.dpcat ul li {
    border-bottom: 1px solid #1e59930f
}

.dpcat ul li {
    list-style: auto
}

@media(max-width:768px) {
    p {
        font-size: 13px
    }

    .sm-flex-direaction {
        flex-direction: column-reverse
    }

    .heading-2 {
        font-size: 16px !important
    }

    .details-p p {
        margin-bottom: .5rem !important
    }

    .details-p .statick-banner img {
        min-height: 75px
    }

    .left-details {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        border-bottom: 2px solid #ebebeb;
        margin-bottom: 1rem
    }

    .details-p .img1 {
        width: 100%;
        margin-top: 1rem
    }

    .prohow .tabs a {
        font-size: 14px
    }

    .savep {
        padding: 2px 10px;
        font-size: 16px
    }

    .right-details {
        margin-top: 0
    }

    .actual-p,
    .offer-p {
        font-size: 20px
    }

    .bredcrum a,
    .bredcrum span {
        font-size: 12px !important
    }

    .about-page {
        padding-top: 72px
    }

    .ratings svg {
        width: 14px !important
    }

    .ratings a,
    .ratings span {
        font-size: 12px
    }

    .dpcat a {
        font-size: 13px
    }

    .details-p {
        padding-bottom: 1rem
    }

    .tabsbtn .row {
        height: auto
    }

    .br-1 {
        border-right: 0;
        border-bottom: 1px solid #f1f1f1
    }
}

@media(max-width:550px) {
    .details-p .banner-part {
        height: 105px !important
    }

    .pr-0 {
        padding-right: 3px !important
    }
}

.details-p .banner-part {
    background: url(../banner/gre.webp);
    height: 400px;
    background-size: 100% 100%
}

.details-p .form-part {
    margin-bottom: 1.5rem
}

.gre-details {
    width: 100%
}

@media(max-width:1400px) {
    .details-p .my-container2 {
        width: 95%
    }
}

table {
    border-collapse: collapse;
    border-color: #1d589226
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #1d589226
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top
}

th {
    text-align: inherit
}

.cart-image {
    background: #1d589226;
    text-align: center
}

.cart-image img {
    width: 70px
}

.table-top {
    background: #1d5892;
    text-align: center;
    color: #fff
}

.view-cartp tr {
    text-align: center
}

.mytable {
    box-shadow: 0 0 8px rgb(177 177 177 / 60%);
    border-radius: 15px;
    overflow: hidden
}

.my-col-8 {
    width: 100%
}

.add-number .adto-cartpart {
    margin: auto;
    width: 250px
}

tr {
    border-bottom: 1px solid #1d589226
}

.catd-d-part td {
    line-height: 60px;
    font-size: 16px
}

.add-number {
    padding-top: 26px !important
}

.subtotal {
    color: #1c5f95;
    font-weight: 700;
    font-size: 23px !important
}

.myresponsivet {
    overflow-x: scroll
}

.order-s {
    box-shadow: 0 0 8px rgb(177 177 177 / 60%);
    width: 100%;
    background-color: #1d589226;
    height: 380px;
    border-radius: 10px;
    margin-top: 2rem;
    border: 1px dotted #add8e6
}

.order-s th {
    text-align: left
}

.order-s table {
    width: 90%;
    margin: auto;
    margin-bottom: 1rem
}

.price-tale {
    padding: 2rem 0;
    line-height: 3
}

.price-tale {
    font-size: 18px
}

.totalp td {
    color: #1c5f95;
    font-weight: 700;
    font-size: 20px !important
}

.order-s td {
    text-align: right
}

.partner-img {
    height: 75px;
    width: 140px;
    background: #fff;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
    border-radius: 5px;
    box-shadow: 0 0 8px rgb(199 199 199 / 60%);
    border: 1px solid #148fa6
}
.flx-in{
    display:flex;
    gap:0.25rem;
}
@media(max-width:1300px) {
    .flx-in {
        flex-wrap: wrap;
    }
}
    /*.br-2 {
    border-right: 1px solid #cdd8e3
}*/

    @media(max-width:500px) {
        .partner-img {
            height: 81px;
            width: 138px
        }

        .hero-slider {
            height: 160px !important
        }

        .check-out .form-part {
            margin-bottom: 1.7rem
        }

        .v-cart-banner {
            height: 100px !important;
            background-size: 100% 172% !important
        }

        .check-out .kpy-5 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .check-out form input::placeholder,
        textarea::placeholder {
            font-size: 13px !important;
            line-height: 1.7 !important
        }

        .check-out .form-part form {
            margin-top: 1rem
        }

        .newp td,
        .newp th,
        .order-s td,
        .order-s th {
            font-size: 16px
        }
    }

    .v-cart-banner {
        background-image: url(../banner/checkout-banner1.webp);
        height: 315px;
        background-size: 100% 100%;
        display: flex;
        align-items: end;
        padding: 1rem 4rem
    }

    .order-details {
        box-shadow: 0 0 8px rgb(177 177 177 / 60%)
    }

    .check-out .order-s {
        height: auto;
        box-shadow: none;
        margin-top: 0 !important;
        border-radius: 0
    }

    .ordertable {
        margin: auto
    }

        .ordertable td {
            text-align: right
        }

    .ktext-right {
        text-align: right
    }

    .check-out form input::placeholder {
        font-size: 16px
    }

    .cshopingbtn {
        width: 250px;
        line-height: 40px;
        height: 40px
    }

    .view-pro-d {
        border-radius: 19px;
        background: #fff;
        box-shadow: 2px 2px 4px 2px rgba(195, 195, 195, .25);
        /* height: 379px; */
        flex-shrink: 0;
        margin-top: 1.5rem;
        width: 95%
    }


    @media (max-width:1400px) {
        .productd-part .my-container2 {
            width: 92% !important
        }
    }

    .prodimg {
        padding: 2rem
    }

    .dprice-p {
        margin-bottom: 0.25rem;
        line-height: 1.8;
        font-size: 24px;
        font-family: Century Gothic;
        /* margin-top: 3rem; */
        color: #155298
    }

    .y-save {
        background: #155298;
        border-radius: 36px;
        width: fit-content;
        padding: 0 2rem;
        color: #fff;
        /* margin-top: .7rem; */
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
    }

    /*.details-p .addbtn {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    background: #148fa6;
    border-radius: 6px;
    color: #fff;
    font-family: Century Gothic
}*/

    .addbtn:hover {
        background: #155298 !important;
        cursor: pointer
    }

    .addbtn a {
        color: #fff !important
    }

    .details-p .addbtn a {
        color: #fff
    }

    .quntity input {
        margin-left: .7rem;
        width: 80px;
        height: 30px;
        text-align: center;
        font-size: 28px;
        border-radius: 10px;
        outline: #ffdead;
        border: 1.9px solid #148fa6;
        box-shadow: 4px 4px 3px 2px rgba(215, 215, 215, .25);
        background: #edf5e9
    }

    .view-d-img .v-d {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d5d5d5;
        justify-content: space-between;
        padding: 5px 0
    }

    .quntity {
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .quntity b {
            font-size: 20px
        }

    .paddtocart {
        margin-left: 55px
    }

    .details-p .addbtn {
        text-align: center;
        display: block;
        background: #148fa6;
        border-radius: 6px;
        color: #fff;
        font-family: Century Gothic;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    }

    .addbtn .btn1, .addbtn .btn-2 {
        height: unset;
        line-height: unset;
        padding: 0.4rem 1rem;
        font-size: 1rem;
        border-radius: 6px;
    }

    .addbtn svg {
        fill: #fff;
        margin-right: .7rem;
        width: 23px;
        height: 28px
    }

    .prodimg {
        padding: 0 2rem;
        width: 250px;
    }

        .prodimg img {
            width: 100%;
            height: 173px !important;
            object-fit: cover;
        }

    @media(max-width:1200px) {
        .paddtocart {
            margin-left: 46px
        }

        .limg {
            bottom: -55px;
            width: 100% !important;
            opacity: .1
        }

        .about-us::before {
            display: none
        }

        .prodimg img {
            width: 200px
        }

        .dprice-p {
            /* margin-bottom: 2rem; */
            margin-top: 1.4rem
        }

        .view-pro-d {
            height: 350px;
            margin-bottom: 2rem
        }

        .dprice-p {
            font-size: 22px
        }

        .y-save {
            padding: 0 1rem
        }
    }

    @media(max-width:768px) {
        .productd-part {
            padding: 0
        }

        .gre-short-d .table > :not(caption) > * > * {
            padding: 0 0
        }

        .gre-short-d td {
            font-size: 14px !important;
            line-height: 1.3;
        }

            .gre-short-d td .bluelink {
                font-size: 15px
            }

        .prod-details .heading {
            font-size: 30px
        }

        .gre-details,
        .gre-short-d {
            margin-top: 0
        }

        .view-pro-d {
            height: auto;
            padding: 0rem 1rem 1rem 1rem;
            width: 100% !important
        }

        .prodimg {
            padding: 0
        }

        .textarea svg {
            top: 10px !important
        }

        .prodimg img {
            max-width: 140px !important
        }

        .celpip-m {
            margin-top: 0 !important
        }

        .dprice-p {
            font-size: 18px
        }

        .prodimg {
            text-align: center
        }

        .productd-part .my-container2 {
            padding: 0 1rem
        }

        .about-page {
            padding-top: 70px
        }

        .form-part h3 {
            font-size: 25px
        }

        .form-part .input1,
        .form-part textarea {
            line-height: 45px;
            margin: .3rem 0
        }

        .productd-part .form-part {
            padding: 1rem 1rem !important
        }




        .view-pro-d {
            margin-top: 0.25rem;
            padding: 0;
        }

        .condition {
            margin-top: 0;
            font-size: 14px;
        }

        .dprice-p {
            margin-top: 0.25rem;
        }
    }

    .bglight {
        background: #f0f2f1 !important
    }

    .input1 {
        position: relative
    }

        .input1 svg {
            width: 25px;
            height: 30px;
            position: absolute;
            top: 10px;
            fill: #155298;
            left: 7px
        }

    .textarea svg {
        top: 19px
    }

    .banner {
        padding: 8rem 0 4rem 0;
        background: #77a8611F
    }

        .banner h1 {
            color: #0b75bf;
            font-weight: 700;
            font-size: 38px
        }

        .banner p {
            border-bottom: 1px solid #fff;
            width: 63%
        }

        .banner .para {
            border: unset;
            color: #0b75bf;
            letter-spacing: 1.22px;
            font-size: 20px
        }

        .banner .carts .ms {
            margin-left: 10px
        }

        .banner textarea {
            font-size: 12px
        }

        .banner .backs p {
            width: 45%;
            font-size: 16px;
            color: #fff;
            padding: 5px 32px;
            border-radius: 45px;
            border: 1px dashed #0b75bf;
            background: #0b75bf;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
        }

    .ondemand-right .enquiry-form {
        padding: 40px 13% 30px
    }

    .form-cover {
        position: relative;
        padding-bottom: 12px
    }

    input.ip-txt,
    select.ip-slct {
        width: 100%;
        padding: 12px 15px 12px 42px;
        border: 0;
        margin: 0;
        font-size: 15px;
        outline: 0;
        border-radius: 5px;
        border: 1px solid #014a8b
    }

    .banner .pra {
        font-weight: 700;
        line-height: 30px;
        border: unset;
        color: #148fa6;
        letter-spacing: .5px
    }

    .banner .submitformbtn {
        border-radius: 47px;
        border: 1px solid #148fa6;
        background: #148fa6;
        color: #fff;
        padding: 7px 0;
        text-align: center
    }

        .banner .submitformbtn a {
            color: #fff
        }

    .banner .white {
        fill: #fff
    }

    .banner .carts .p {
        font-size: 18px;
        color: #000;
        padding: 12px;
        width: 18%;
        text-align: center
    }

    .banner .gr {
        border-radius: 5px;
        border: 1px solid #205296;
        background: #dce8d7;
        margin: auto;
        text-align: center;
        padding: 7px 0;
        font-weight: 700;
        font-size: 20px
    }

    .banner .form-cover .fa {
        position: absolute;
        margin-left: 11px;
        z-index: 9999;
        top: 13px;
        fill: #508a36 !important
    }

    .banner .enquiry-form h2 {
        color: #0b75bf;
        text-align: center;
        font-family: Century Gothic;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: .56px
    }

    .enquiry-form {
        width: 100%;
        background: #fff;
        padding: 33px 38px;
        border-radius: 10px;
        border: 1px solid #014a8b
    }

    .form textarea {
        width: 100%;
        height: 600px
    }

    form {
        width: 100%;
        position: static
    }

    .hamburger {
        font-weight: 600;
        padding: 14px 0 0 0;
        border-bottom: 1px solid #bbb
    }

        .hamburger .blue {
            color: #014a8b
        }

        .hamburger .black {
            color: #131313
        }

    .gre {
        background: #f0f2f1
    }

        .gre h2 {
            color: #0b75bf;
            font-weight: 700;
            font-size: 30px
        }

        .gre p {
            line-height: 29px
        }

    .parts {
        color: #fff;
        background: #0b75bf
    }

        .eligibility,
        .parts .types,
        .score {
            border-right: 1px solid #fff;
            padding: 15px 33px !important;
            font-size: 18px;
            font-family: Century Gothic;
            font-weight: 600
        }

    .pattern {
        padding: 15px 33px !important;
        font-size: 18px;
        font-family: Century Gothic;
        font-weight: 600
    }

    .gre-part-two h2 {
        color: #0b75bf;
        font-weight: 700;
        font-size: 30px;
        font-family: Century Gothic;
        font-weight: 800
    }

    .gre-part-two h3 {
        color: #0b75bf;
        font-weight: 700;
        font-size: 23px;
        line-height: 38px;
        border-bottom: 2px solid #0b75bf;
        text-align: center;
        padding-inline: 0.25rem;
    }

    .gre-part-two p {
        line-height: 29px;
        padding-right: 18px;
        font-size: 17px;
        /* padding-bottom: 0.25rem */
    }

    .gre-part-two .table {
        background: #e9efe7;
        border: 2px solid #014a8b;
        box-shadow: 4px 4px 10px 2px rgba(108, 108, 108, .25);
        border-radius: 7px
    }

    .gre-part-two ul li {
        list-style: inside;
        border-bottom: 1px solid #c2c2c2;
        padding: 6px 15px
    }

        .gre-part-two ul li a {
            color: #000;
            font-size: 14px
        }

            .gre-part-two ul li a:hover {
                color: #014a8b !important;
            }

    .gre-part-two .mt {
        padding-top: 18px
    }

    .gre-part-two .mb {
        padding-bottom: 18px
    }

    .gre-part-three h2 {
        color: #0b75bf;
        font-weight: 700;
        font-size: 26px
    }

    .gre-part-three p {
        line-height: 29px
    }

    .gre-last {
        background-color: #e9efe7;
        margin-bottom: 3rem
    }

        .gre-last h2 {
            color: #0b75bf;
            font-weight: 700;
            font-size: 28px
        }

        .gre-last p {
            line-height: 29px
        }

    .gre-part-four h2 {
        color: #0b75bf;
        font-weight: 700;
        font-size: 30px
    }

    .gre-part-four table {
        border-collapse: collapse;
        width: 100%;
        /* height: 164px; */
        border: 1;
        margin-top: 2rem
    }

        .gre-part-four table .ss {
            height: 46px
        }

        .gre-part-four table .s {
            width: 47.6591%;
            height: 18px
        }

        .gre-part-four table .sb {
            width: 65.3409%;
            height: 18px
        }

        .gre-part-four table .sr {
            width: 34.6591%;
            height: 46px
        }

        .gre-part-four table .nn {
            height: 18px;
            border-bottom: unset !important
        }

    .gre-part-four .img-part {
        text-align: end
    }

    .banner .product-detail {
        background: #fff;
        display: flex;
        justify-content: space-between;
        padding: 21px 73px;
        border-radius: 17px
    }

    .banner h5 {
        color: #0b75bf;
        letter-spacing: 1.15px
    }

    .banner h6 {
        background: #0b75bf;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
        letter-spacing: 1.1px;
        color: #fff;
        padding: 7px;
        border-radius: 24px;
        text-align: center
    }

    .banner .price-upper {
        text-align: end
    }

    .banner .cart-part p {
        color: #050505;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 1.1px
    }

    .banner .cart-part span {
        font-weight: 700;
        padding: 6px 28px;
        border-radius: 5px;
        border: 1px solid #205296;
        background: #dce8d7;
        box-shadow: 4px 4px 3px 2px rgba(215, 215, 215, .25)
    }

    .banner .cart-part a {
        border-radius: 5px;
        background: #148fa6;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
        color: #fff;
        padding: 7px 20px
    }

    .banner .white svg {
        fill: #fff
    }

    .px-8 {
        padding-right: 5rem;
        padding-left: 5rem
    }

    .product-img {
        width: auto;
        margin-left: 2rem
    }

    .contents h2,
    .contents-10 h2,
    .contents-11 h2,
    .contents-12 h2,
    .contents-14 h2,
    .contents-17 h2,
    .contents-18 h2,
    .contents-2 h2,
    .contents-20 h2,
    .contents-3 h2,
    .contents-4 h2,
    .contents-5 h2,
    .contents-6 h2,
    .contents-7 h2,
    .contents-8 h2,
    .contents-9 h2 {
        color: #0b75bf;
        font-weight: 700;
        font-size: 28px
    }

    .contents ul {
        border-width: 1px 1px 1px 1px;
        padding: 10px 21px
    }

        .contents ul li {
            list-style: none;
            margin-top: 1rem
        }

    .contents-11,
    .contents-18,
    .contents-5 {
        background: #e9efe7
    }

    .contents-3 p {
        padding: 9px
    }

    .contents-3 table {
        border-collapse: collapse;
        width: 100%;
        border: 1
    }

    .contents-3 .tdd {
        width: 25%;
        border-right: 1px solid #cad8db;
        text-align: center
    }

    .contents-14,
    .contents-4,
    .contents-7,
    .contents-9 {
        background: #e9efe7
    }

        .contents-4 ul li {
            list-style: none
        }

        .contents-14 ul li,
        .contents-20 ul li,
        .contents-6 ul li {
            list-style-type: disc;
            margin-left: 1rem
        }

        .contents-7 table {
            border-collapse: collapse;
            width: 100%;
            height: 144px;
            margin-bottom: 1rem
        }

            .contents-7 table tr {
                height: 18px
            }

            .contents-7 table .first {
                width: 50%;
                height: 18px;
                line-height: 2.4
            }

            .contents-7 table .second {
                width: 77.5567%;
                height: 18px
            }

        .contents-9 .end {
            text-align: left
        }

        .contents-9 .s {
            margin-top: 3%
        }

    .prod-part {
        border-radius: 10px;
        width: 100%;
        padding: 2rem 2rem;
        background: #fff;
        box-shadow: 0 0 8px rgb(215 214 214 / 60%)
    }

    .pdadd-btn input {
        height: 40px;
        width: 66px;
        text-align: center;
        font-size: 20px;
        border-radius: 5px;
        border: 1.5px solid #205296;
        background: #dce8d7;
        font-weight: 700;
        outline: 0;
        margin: 1rem
    }

    .pdadd-btn {
        margin-top: 1rem;
        margin-left: 5rem
    }

        .pdadd-btn a {
            background: #148fa6;
            padding: 10px 20px;
            color: #fff;
            border-radius: 5px;
            letter-spacing: .9px;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
        }

    .productd h6 {
        width: fit-content;
        padding: 5px 25px
    }

    @media(min-width:1440px) {
        .my-container {
            min-width: 1395px
        }
    }

    @media(min-width:1310px) {
        .product-img {
            margin-left: unset !important
        }

        .kpx-0 {
            padding-left: 0;
            padding-right: 0
        }

        .my-container {
            max-width: 1300px !important
        }

        .parts {
            color: #fff;
            background: #0b75bf
        }

        .enquiry-form {
            padding: 33px 21px !important
        }
    }

    @media(max-width:1420px) {
        .parts {
            font-size: 14px !important
        }

            .eligibility,
            .parts .types,
            .pattern,
            .score {
                padding: 10px 27px !important
            }

        .nav-bar {
            padding: .5rem 3rem
        }

        .gre-part-four .p {
            font-size: 16px !important;
            line-height: 2
        }

        .enquiry-form {
            padding: 33px 21px !important
        }

        .banner .quantity {
            font-size: 17px !important
        }

        .pdadd-btn input {
            width: 39px !important
        }
    }

    @media(max-width:990px) {
        .px-8 {
            padding-right: 4rem !important;
            padding-left: 4rem !important
        }

        .parts {
            font-size: 14px !important
        }

            .eligibility,
            .parts .types,
            .pattern,
            .score {
                padding: 10px 11px !important
            }

        h2 {
            font-size: 24px;
            line-height: 2rem
        }

        p {
            font-size: 14px
        }

        .nav-bar {
            padding: .5rem;
            z-index: 99
        }

        .enquiry-form {
            padding: 12px 21px !important
        }

        .banner p {
            font-size: 15px;
            width: unset !important
        }

        .banner svg {
            height: 13px
        }

        .gre-part-three p {
            padding-top: 4px !important
        }

        .gre-part-four .img-part {
            text-align: unset !important
        }

        .banner .price-img img {
            width: 249px !important
        }

        .banner .product-detail {
            flex-direction: column !important
        }
    }

    @media(max-width:890px) {
        .contents-9 .end {
            text-align: unset !important
        }

            .contents-9 .end img {
                width: 100% !important
            }

        .eligibility,
        .parts .types,
        .pattern,
        .score {
            padding: 10px 45px !important
        }

        .change {
            top: 30px;
            position: fixed;
            background: #fff;
            right: 24px;
            padding-top: 3px
        }

        .m-logo {
            background: #fff;
            width: 100%;
            padding: 1rem 0.5rem;
            box-shadow: 0 0 8px rgba(0, 0, 0, .6);
            display: block
        }

        .my-container {
            padding: 0 2rem
        }

        .menue {
            position: fixed;
            left: 0;
            height: 100%;
            background: linear-gradient(45deg, #21468c, #148ba5);
            top: 0;
            width: 100%;
            overflow-x: hidden;
            left: -300px;
            transition: .3s;
            visibility: hidden;
            opacity: 0
        }

        .vouchersvg {
            right: 1px;
            top: 1px;
            width: 86px;
            margin: auto;
            text-align: center;
            height: 47px;
            line-height: 47px;
            cursor: pointer;
            background: #1c6698;
        }

            .vouchersvg svg {
                fill: #fff;
                width: 34px;
                height: 46px
            }

        .menue .nav-list {
            margin-top: 2rem
        }

        .menue ul {
            padding-top: 2rem
        }

            .menue ul li {
                width: 100%
            }

        .openMenue {
            visibility: visible !important;
            transition: .3s;
            left: 0 !important;
            opacity: 1
        }

        .menue ul li a {
            display: block;
            color: #fff;
            padding: 17px 19px;
            border-bottom: 1px solid #448aad;
            padding-left: 2rem
        }

            .menue ul li a svg {
                fill: #fff
            }

        .menue ul {
            flex-direction: column
        }

            .menue ul li ul {
                position: static;
                visibility: visible;
                opacity: 1;
                background: 0 0;
                top: 0;
                left: 0;
                padding: 0;
                box-shadow: none;
                display: none;
                background: #18779e;
                width: 100%
            }

        .showsm {
            display: block !important
        }

        .menue ul li ul li {
            border-bottom: 0;
            padding: 0
        }

        .offertext h5 {
            margin: 0 .5rem;
            font-size: 12px
        }

        .top-offer img {
            width: 20px
        }

        .top-offer a {
            font-size: 12px;
            font-weight: 700;
            padding: 0 .4rem
        }

        header {
            position: relative;
            z-index: 99
        }

        .overlay-bg {
            width: 100%;
            left: 0;
            z-index: 1;
            background-color: rgb(0 0 0 / 77%);
            position: fixed;
            left: 0;
            top: 0;
            height: 100%;
            z-index: 9
        }

        .Togglebar {
            display: block;
            margin-top: 10px
        }

        .bar1,
        .bar2,
        .bar3 {
            width: 20px;
            height: 2px;
            background-color: #fff;
            margin: 4px 0;
            margin-left: 6px;
            transition: .4s
        }

        .box-other {
            display: block !important;
            cursor: pointer
        }

        .change .bar2 {
            opacity: 0
        }

        .change .bar1 {
            transform: translate(0, 1px) rotate(314deg);
            background: #ff5722
        }

        .change .bar3 {
            transform: translate(0, -11px) rotate(45deg);
            background: #ff5722
        }

        .product-img {
            margin-left: unset !important
        }
    }

    @media(max-width:1200px) {
        .contents-7 table .first {
            width: 36.4433% !important;
            height: 18px
        }

        .enquiry-form {
            width: 95%;
            margin-top: 2rem
        }

        .banner .product-detail {
            flex-direction: column
        }

        .banner .price-upper h5 {
            font-size: 16px !important
        }

        .tabs {
            padding-left: unset !important
        }

        .how-to-buy .right-side {
            justify-content: unset !important
        }

        .banner .price-upper img {
            width: 100% !important
        }

        .banner .price-upper h5 {
            font-size: 17px !important
        }

        .parts {
            font-size: 14px !important
        }

            .eligibility,
            .parts .types,
            .pattern,
            .score {
                padding: 10px 7px !important
            }

        h2 {
            font-size: 24px !important
        }

        p {
            font-size: 15px
        }

        .price-part span {
            font-size: 17px
        }

        .btn1,
        .btn2 {
            font-size: 16px
        }

        .pro-part {
            height: 365px
        }

        .gre-part-three h2 {
            padding-top: unset !important
        }

        .gre-part-four .p {
            font-size: 14px !important
        }

        .banner h5 {
            font-size: 15px !important
        }

        .banner .cart-part p {
            font-size: 15px !important
        }

        .banner .cart-part span {
            padding: 6px 14px !important
        }
    }

    @media(max-width:768px) {
        .pro-part {
            height: 333px !important
        }

        .img-part img {
            width: 100% !important
        }

        .mybg-back img {
            margin-top: 2rem !important
        }

        .contents-7 table .first,
        .second {
            font-size: 13px
        }

        .contents-7 table .first {
            width: 47.4433% !important;
            height: 18px
        }

        .contents-9 .s {
            margin-top: unset !important
        }

        .productd h6 {
            width: unset !important
        }

        .pdadd-btn {
            margin-left: unset !important
        }

        .prod-part {
            text-align: center
        }

        .pdadd-btn a {
            padding: 10px 12px !important
        }

        .product-img {
            width: 14rem !important;
            margin-left: unset !important
        }

        .px-8 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .parts {
            font-size: 13px !important
        }

            .eligibility,
            .parts .types,
            .pattern,
            .score {
                padding: 6px 13px !important
            }

        .kborder-b {
            border-bottom: 1px solid #cbc9c97a !important;
            margin-bottom: 9px;
            padding-top: 10px
        }

        .kspace {
            padding: .5rem 1.8rem !important
        }

        .md-justify-start {
            justify-content: flex-start !important
        }

        .footer-content {
            padding-left: 20px !important
        }

        .gre-part-four .p {
            font-size: 13px !important
        }

        .banner .product-detail {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .banner .enquiry-form {
            margin-top: 20px !important
        }
    }

    .tablac h2 {
        padding: 10px 10px 20px 0
    }

    @media(min-width:1300px) {
        .score2 {
            width: 65% !important
        }

        .mypr {
            padding-right: 6rem
        }

        /* .forminquire {
        margin-left: 5rem
    } */

        .mission p {
            padding-right: 7rem;
            margin-top: 1.7rem
        }

        .vision p {
            margin-top: 1.7rem
        }
    }

    @media(max-width:1400px) {
        .px-8 {
            padding-right: 2rem !important;
            padding-left: 2rem !important
        }
    }

    .details-p p {
        font-family: Century Gothic;
        line-height: 1.6
    }

    .tablet .tablac {
        padding: 10px 20px;
        background: #fff;
        margin-top: 1rem;
        height: 495px
    }

    @media(max-width:1250px) {
        .tablet .tablac {
            height: auto
        }
    }

    @media(max-width:768px) {
        .about-page img {
            width: 100%;
            /* height: 100px; */
            object-fit: cover;
        }

        .big-table {
            height: auto !important
        }

        .parts {
            flex-direction: column
        }

        .gre-part-two p {
            font-size: 14px
        }

        .px-8 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .my-5,
        .py-5 {
            padding-top: 1.2rem !important;
            padding-bottom: 1.2rem !important
        }

        .mt-5,
        .pt-5 {
            padding-top: 1rem !important
        }

        .parts div {
            border-bottom: 1px solid #fff
        }

        .oss-post,
        .oss-type {
            width: 100%;
            margin: 1rem 0
        }
    }

    @media(min-width:1300px) and (max-width:1400px) {
        .form-part {
            /* width: 383px; */
            margin: 0 0 0 auto
        }

        .home-page .form-part {
            width: auto
        }

        .view-pro-d {
            width: 100%
        }
    }

    .question h6 {
        margin-bottom: .5rem;
        margin-top: 1rem;
        font-size: 20px;
        color: #148fa6
    }

    .ans h6 {
        line-height: 1.7
    }

    .faqtitle {
        text-align: center;
        margin-bottom: 3rem
    }

        .faqtitle h2 {
            font-size: 30px !important
        }

.contents-18 {
    /*background: #177ea0;
        color: #fff;
        margin-bottom: 2rem*/
    background: #36548d;
    color: #fff;
}

        .contents-18 h2 {
            text-align: center;
            color: #fff
        }

    .anchorspacing {
        margin-top: -120px;
        padding-top: 120px
    }

    .gre-bg,
    .psi-bg,
    .pte-bg,
    .toefl-bg {
        background-color: #e9efe7
    }

    .gre-f-bg,
    .psi-f-bg,
    .toefl-f-bg {
        background-color: #fff
    }

    .subul {
        padding-left: 3rem;
        padding-top: .7rem
    }

    .gretcontent {
        height: 655px;
        overflow: hidden
    }

        .gretcontent:hover {
            overflow-y: scroll
        }

    .details-p table {
        width: 100%;
        overflow-x: auto;
    }

    .productd-part table {
        width: auto !important
    }

    .examfee .tablac {
        padding: 10px 20px;
        line-height: 2.1;
        border-radius: 10px
    }

    .examtext {
        height: 100%;
        padding: 10px;
        border-right: 2px solid #19709b
    }

    table .second {
        font-family: Century Gothic
    }

    ul li {
        font-family: Century Gothic
    }

    footer ul li {
        font-family: 'Noto Sans Vithkuqi', sans-serif
    }

    .parts a,
    .parts a:hover {
        color: #fff !important;
        font-size: 16px
    }

    .leveltd {
        width: 10%
    }

    td.mtd {
        border-right: 1px solid #cad8db;
        padding: 0 10px
    }

    .psi-patter {
        padding: 20px;
        background: #fff
    }

    .home-page p {
        font-family: Century Gothic;
        line-height: 1.6
    }

    .mission {
        background: #86bd6d26
    }

    .addbtn .btn1:hover {
        color: #fff !important
    }

    .login-signup,
    .mybg-back {
        background: #e9efe7
    }

        .how-to-buy img,
        .mybg-back img {
            background-color: #fff;
            margin-top: -10px;
            border-radius: 5px;
            border: 2px solid #148fa6;
            padding: 10px;
            margin-top: 2rem
        }

    .pte-price-table table {
        width: 60%
    }

        .pte-price-table table tr {
            line-height: 2.6
        }

    .table-8 {
        width: 88% !important;
        padding: 10px 20px
    }

    .mybg-back {
        background: #e9efe7
    }

        .mybg-back img {
            background-color: #fff;
            margin-top: -10px;
            border-radius: 5px;
            border: 2px solid #1552987d;
            padding: 10px
        }

    .eligi-text h4,
    .eligi-text h5 {
        color: #0b75bf
    }

    .big-table {
        overflow: auto;
        height: 500px;
        border-radius: 10px;
        box-shadow: 0 0 4px rgb(93 93 93 / 60%);
        border: 2px solid #17799e
    }

    .eligi-text ul {
        padding-left: 1rem;
        padding-top: 1rem
    }

        .eligi-text ul li {
            list-style: disc;
            text-align: justify;
        }

    @media (min-width: 768px) {
        .voucher-page .pro-img {
            height: 195px
        }
    }

    .voucher-page .pro-part {
        height: auto;
        padding: 2rem 2.5rem;
        margin-bottom: 1rem
    }

    p {
        font-family: Century Gothic
    }

    @media(max-width:1200px) {
        /* .voucher-page .pro-img img {
        width: 100%;
        height: auto
    } */

        .voucher-page .pro-img {
            /* height: auto !important; */
            /* margin-bottom: 1.5rem !important */
        }
    }

    .voucher-d {
        background: #f7f7f7;
        padding: 2rem 0
    }

    .login-page {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 100px
    }

    .loginp .form-part {
        padding: 0;
        box-shadow: none !important;
        border: 0 !important;
        padding: 3rem
    }

    .loginp {
        border-radius: 10px;
        border: 1px solid #014a8b;
        background: #fff;
        box-shadow: 4px 4px 8px 2px rgba(189, 179, 179, .25);
        width: 950px;
        height: 530px;
        box-shadow: 1px 2px 15px rgb(21 135 163 / 52%);
        margin: auto;
        overflow: hidden
    }

        .loginp .form-part .input1 {
            line-height: 50px;
            margin: 1rem 0
        }

    .lp1,
    .lp2 {
        padding: 0
    }

    .lp2 {
        background: linear-gradient(to right, #148fa6, #1d5993);
        height: 100vh;
        padding: 1rem 4rem
    }

    .loginp .input1 input {
        padding: 4px 20px 0 44px
    }

    .loginp .signinh {
        font-size: 40px
    }

    .signin-contetn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50%;
        color: #fff;
        text-align: center;
        line-height: 1.7
    }

    .input2 {
        align-items: baseline
    }

        .input2 p {
            padding: 0;
            margin-bottom: 4px;
            margin-left: 1rem;
            font-size: 14px
        }

    .signin-p .loginp {
        height: 650px
    }

    .loginp .form-part {
        width: 100%
    }

    @media(max-width:990px) {

        .loginp,
        .signin-p .loginp {
            width: 100%;
            height: auto
        }

        .login-page {
            height: 80vh;
            padding-top: 10px
        }

        .loginp .signinh {
            font-size: 30px;
            margin-bottom: .5rem !important
        }

        .loginp .form-part {
            padding: 1.5rem
        }

            .loginp .form-part .input1 {
                margin: .5rem 0
            }

        .forget {
            font-size: 14px
        }

        .loginp .input1 button {
            font-size: 20px
        }

        .lp2 {
            display: none
        }
    }

    .img-part img {
        width: 370px;
        height: 400px
    }

    .popup-form {
        position: fixed;
        z-index: 9;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
        top: 0;
        left: 0;
        margin-left: 0;
        display: none
    }

        .popup-form .form-part {
            position: fixed;
            left: 50%;
            top: 50%;
            z-index: 99;
            width: 470px;
            transform: translate(-50%, -50%)
        }

    .show-popup {
        display: block
    }

    .gstcheck {
        display: none
    }

    .popup-form .form-part .input1 svg {
        width: 22px;
        height: 27px;
        top: 7px
    }

    .popup-form .form-part form {
        margin-top: 1rem
    }

    .popup-form .form-part {
        padding: 1rem 1.5rem
    }

    .align_strt {
        align-items: start;
    }

    @media(max-width:600px) {
        .popup-form .form-part {
            width: 90%;
            margin: auto
        }

        .popup-form .input1 button {
            width: 100%;
            height: 38px;
            font-size: 18px
        }

        .close-button {
            top: 11px !important
        }
    }

    .popup-form .close-btn {
        position: absolute;
        right: 2px;
        font-size: 20px;
        top: 4px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #1d5692;
        text-align: center;
        line-height: 30px;
        color: #fff
    }

    .bt-2 a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 37px;
        cursor: pointer;
        text-align: center;
        border-radius: 4px
    }

    .pshowpopup {
        display: block !important
    }

    .pshowpopup-hidden {
        display: none !important
    }

    .paymentshowpopup {
        display: block;
        z-index: 99999
    }

    .pshow-popup1 {
        display: none
    }

    .mypopup-form {
        position: fixed;
        left: 0;
        background-color: rgba(0, 0, 0, .8);
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        display: none
    }

    .close-popbtn {
        position: absolute;
        top: 105px;
        right: 150px;
        color: #5995fd;
        cursor: pointer;
        font-size: 30px
    }

    .mypopup-form img {
        width: 160px;
        margin: auto;
        display: flex
    }

    .popup {
        width: 472px;
        background-color: #fff;
        border: 1px solid #ccc;
        position: relative;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .5)
    }

    .popcontent {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .close-button {
        position: absolute;
        top: 23px;
        right: 10px;
        cursor: pointer;
        font-size: 36px;
        line-height: 1;
        padding-inline: 4px;
        border-radius: 2px;
        padding: 3px 8px;
        background: #fff
    }

    .pop-title {
        background-color: #148fa6;
        padding: 12px;
        color: #fff;
        padding: 11px 20px
    }

    .order-info {
        margin-block-start: 7px
    }

    .paymentdetails {
        border: 1px solid #148fa6;
        margin: .5rem;
        padding: 8px 7px
    }

    .payment-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto
    }

    .paymentId,
    .paymentqrcode {
        text-align: center
    }

    .payment-logo img {
        width: 45px;
        height: 45px
    }

    .paymentinfo {
        padding-inline: 9px;
        margin-block: 16px
    }

        .paymentinfo p {
            text-align: justify;
            font-size: 12px
        }

    .payment-confirmation {
        display: flex;
        justify-content: space-between;
        padding-inline: 1rem;
        padding-block-end: .5rem
    }

        .payment-confirmation .pbtn {
            padding: 8px 14px;
            font-size: 21px
        }

    .popup-container {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .payment-confirmation .pnext {
        background-color: #148fa6;
        color: #fff;
        cursor: pointer;
        border: 0
    }

    @media(max-width:500px) {
        .img-part img {
            height: 100% !important;
            width: 100% !important
        }

        .mypopup-form img {
            width: 60%
        }

        .popup {
            width: 100% !important
        }

        .close-button {
            top: 1px !important
        }

        .payment-confirmation {
            font-size: 15px !important
        }

        span#product_Price {
            font-size: 22px;
            text-align: center
        }

        .popup-container {
            width: 80%
        }

        .paymentId,
        .paymentqrcode {
            font-size: 12px
        }

        .pop-title h3 {
            font-size: 15px
        }

        .payment-confirmation .pbtn {
            padding: 8px 9px;
            font-size: 12px
        }

        .payment-logo img {
            width: 26px !important
        }

        .qanswerpart {
            margin: 0 0 1.7rem 0 !important
        }

        .tbnone {
            margin-top: 4rem
        }
    }

    /* .details-p .gre-part-four,
.details-p .gre-part-two {
    background-color: #fff
} */

    .celpip-m {
        margin-top: 3rem
    }

    .details-p .pte-price-table table {
        width: 80% !important
    }

    .tbnone {
        display: none
    }

    .activeshow {
        display: block
    }

    .faqtab1 {
        background: #0c658f
    }

    .bggwhite {
        background-color: #fff !important
    }

    .f-details span {
        display: block;
        border-bottom: 1px solid #1552981f;
        padding: 2px;
        font-size: 14px;
        color: #148fa6
    }

    .f-details {
        padding-left: 10px
    }

    .payment-confirmation a {
        width: 100px;
        font-size: 17px
    }

    @media(min-width:900px) and (max-width:1390px) {
        .all-blog .blog-details .blog-tittle h3 {
            height: 72px !important
        }
    }

    @media(min-width:2200px) {
        body {
            width: 1800px !important;
            margin: auto !important
        }
    }

    .gre-short-d td strong,
    .prod-details .heading,
    .specifi,
    .view-pro-d .actuall-p,
    .view-pro-d .our-p {
        font-family: 'Noto Sans Vithkuqi', sans-serif !important
    }

    .b-author {
        padding-right: .5rem
    }

        .b-author img {
            width: 25px;
            height: 25px;
            border: 1px solid #0f377442;
            padding: 1px;
            border-radius: 50%;
            margin-right: .7rem
        }

        .b-author a {
            display: flex;
            align-items: center;
            font-size: 13px
        }

    .a-date {
        display: flex;
        align-items: center
    }

    .blog-date {
        padding-left: .5rem;
        font-size: 12.5px
    }

    .blog-details p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 27px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-top: .5rem
    }

    .blog-tittle h3 {
        min-height: 90px;
        line-height: 1;
    }

        .blog-tittle h3 a {
            font-size: 16px
        }

    .b-author img {
        margin-bottom: 0
    }

    .blog-tittle h3 a:hover {
        color: #e4f8fc
    }


    .paddtocart {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

        .paddtocart a:nth-child(1) .addbtn {
            margin-right: 1rem;
            background-color: #1587a3;
        }

    .wts {
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        background: #2c8b37;
        border-radius: 6px;
        color: white;
        font-family: Century Gothic;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        margin: auto;
        padding-inline: 1rem;
    }

    .pd {
        padding: 1rem;
    }

    .wts svg {
        fill: #fff;
    }


    /* help style */

    .help-center .b1 {
        box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.25);
        margin: 0.7rem 0px;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 5px;
        background: white;
        text-align: center;
        cursor: pointer;
    }

        .help-center .b1 svg, .help-center .b1 img {
            width: 40px;
            height: 40px;
            text-align: center;
            margin: auto;
            display: block;
            padding: 5px;
            fill: #058a90;
        }

        .help-center .b1:hover {
            background-color: #d64f70;
            transition: 0.7s;
        }

            .help-center .b1:hover > svg, .help-center .b1:hover > img {
                fill: white !important;
                transition: 0.1s;
            }

    .t-blog svg {
        padding: 8px !important;
    }

    .help-center {
        position: fixed;
        right: 26px;
        bottom: 80px;
        z-index: 9;
    }

    .ht {
        position: relative;
    }

        .ht span, .help span {
            position: absolute;
            z-index: 3;
            right: 90px;
            top: 15px;
            text-align: center;
            font-size: 14px;
            box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.25);
            width: 130px;
            color: #25245d;
            border-radius: 100px;
            background-color: white;
            visibility: hidden;
            transition: 0.2s;
            opacity: 0;
        }

    .help-center a:hover ~ span, .helpicons:hover ~ span {
        visibility: visible;
        transition: 0.5s;
        right: 60px;
        opacity: 1;
    }

    .helpicons {
        position: fixed;
        right: 26px;
        bottom: 27px;
        z-index: 9;
        animation: hithere 1s ease infinite;
        box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.25);
        margin: 0.7rem 0px;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 5px;
        background: white;
        text-align: center;
        cursor: pointer;
    }

    /*OET*/
    .table-p {
        padding: 0.5rem !important;
        font-size: 15px !important;
    }

    .a_cen {
        height: 100%;
        display: flex;
        align-items: center;
    }


    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, -5px) !important;
    }

    .pdb {
        padding-block-end: 1.5rem;
    }









    /*  */
    .input1 select {
        -webkit-appearance: none; /* Remove iOS default arrow */
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 4px 35px 0 39px; /* left padding for SVG, right for arrow */
        border-radius: 5px;
        height: 51px;
        outline: none;
        background-color: #fff;
        /* Custom right arrow */
        background-image: url('data:image/svg+xml;utf8,<svg fill="%23155298" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 18px;
    }

    .input1 select {
        padding-left: 39px;
    }

    .none {
        display: none;
    }


    /*  */

    .rating-selected {
        color: #fcd000;
    }

    .pro-review1 {
        padding: 20px 16px;
        background: white;
        height: 210px;
        margin-bottom: 1rem;
        border-radius: 5px;
    }

    .fb-b {
        border: 1px solid #1f6ea4;
        position: relative;
    }

    .flex-div, .flex-div ul {
        display: flex;
        align-items: center;
    }

    .blog-details .flex-div {
        align-items: flex-start;
    }

    .review-img {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        overflow: hidden;
        border: 1px solid #233d89;
    }

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

    .name-star .h5 {
        font-size: 16px;
        margin-left: .8rem;
        margin-bottom: 0px;
    }

    .dates {
        margin-left: .6rem;
        font-size: 14px;
    }

    .pro-desc-re {
        margin-top: 1rem;
    }

        .pro-desc-re p {
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-height: 27px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

    .fb-icon {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .reviews {
        color: #233d88;
        font-size: 20px;
        font-weight: 600;
    }

        .reviews:hover {
            color: #112972 !important;
        }

    .gst {
        font-size: 13px;
        margin-block-start: 0.5rem;
    }

    @media(max-width: 600px) {
        .gst {
            font-size: 12px;
        }
    }

    .condition {
        color: #233d88;
        text-align: center;
        margin-top: 1rem;
        border: 1px solid #233d88;
        padding: 0.12rem;
        border-radius: 4px;
        background: #e6eaf6;
    }

    /*  */
    .pte-price-table th, .act-price-table th {
        min-width: 120px;
    }


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}