#features {

    background: #fff
}



#features .icon {

    display: inline-block;

    width: 60px;

    height: 60px;

    border-radius: 4px;

    text-align: center;

    position: relative;

    z-index: 1
}



#features .content-left span {

    float: right
}



#features .content-left .text {

    text-align: right
}



#features .content-right span {

    float: left
}



#features .box-item {

    box-shadow: 0 0 12px #f4f4f4;

    padding: 15px;

    line-height: 22px;

    margin-top: 30px;

    border-radius: 3px;

    background-color: #fff;

    -webkit-transition: all .3s ease-in-out;

    -mox-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    position: relative;

    top: 0
}



#features .box-item .icon {

    text-align: center;

    /* margin: 12px; */

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear
}



#features .box-item .icon i {

    color: #008de2;

    font-size: 30px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear
}



#features .box-item .text h3 {

    cursor: pointer;

    font-size: 18px;

    font-weight: 500;

    line-height: 22px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}



#features .box-item .text p {

    font-size: 14px;

    line-height: 26px
}



#features .box-item:hover {

    box-shadow: 0 10px 22px 10px rgba(27, 38, 49, .1)
}



#features .box-item:hover h4 {

    color: #008de2
}



#features .show-box {

    margin-top: 15px
}



#features .show-box img {

    width: 100%
}



/* ----------------------------------------------------------------- */





/* ----------------------------------------------------------------- */

.privacy-title {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

}

.privacy p {
    font-size: 15px;
}



.pripol ul {

    padding-left: 20px;

}



.pripol ul li {

    list-style: disc;

}



/* ----------------------------------------------------------------- */





/* ----------------------------------------------------------------- */

.return .title {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 15px;

}



.retu ul {

    padding-left: 20px;

}



.retu ul li {

    list-style: disc;

}



/* ----------------------------------------------------------------- */





/* ----------------------------------------------------------------- */

.shipping .title {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 15px;

}



.ship ul {

    padding-left: 20px;

}



.ship ul li {

    list-style: disc;

}



/* ----------------------------------------------------------------- */





/* ----------------------------------------------------------------- */

.blog-detail img {

    width: 80%;

    height: 300px;

    margin: 0px 0px 30px 0px;

}



.blog-detail .date {

    margin-top: 20px;

}



.blog-title {

    font-size: 25px;

    font-weight: 500;

    margin-bottom: 10px;

}



.blog-pra {

    font-size: 17px;

    margin-bottom: 20px;

}



.blog-detail ul {

    padding-left: 20px;

    margin-top: 20px;

}



.blog-detail ul li {

    list-style: decimal;

    line-height: 3;

}



/* ----------------------------------------------------------------- */





/* ----------------------------------------------------------------- */



.login-wrap {

    width: 100%;

    margin: auto;

    max-width: 550px;

    min-height: 774px;



    position: relative;

    background: url(https://raw.githubusercontent.com/khadkamhn/day-01-login-form/master/img/bg.jpg) no-repeat center;

    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);

}



.login-html {

    width: 100%;

    height: 100%;

    position: absolute;

    padding: 90px 70px 50px 70px;

    background: rgba(40, 57, 101, .9);

}



.login-html .sign-in-htm,

.login-html .sign-up-htm {

    top: 20px;

    left: 0;

    right: 0;

    bottom: 0;

    position: absolute;

    transform: rotateY(180deg);

    backface-visibility: hidden;

    transition: all .4s linear;

}



.login-html .sign-in,

.login-html .sign-up,

.login-form .group .check {

    display: none;

}



.login-html .tab,

.login-form .group .label,

.login-form .group .button {

    text-transform: uppercase;

}



.login-html .tab {

    color: white;

    font-size: 22px;

    margin-right: 15px;

    padding-bottom: 5px;

    margin: 0 15px 10px 0;

    display: inline-block;

    border-bottom: 2px solid transparent;

}



.login-html .sign-in:checked+.tab,

.login-html .sign-up:checked+.tab {

    color: #fff;

    border-color: #1161ee;

}



.login-form {

    min-height: 345px;

    position: relative;

    perspective: 1000px;

    transform-style: preserve-3d;

}



.login-form .group {

    margin-bottom: 15px;

}



.login-form .group .label,

.login-form .group .input,

.login-form .group .button {

    width: 100%;

    color: #fff;

    display: block;

}



.login-form .group .input,

.login-form .group .button {

    border: none;

    padding: 15px 20px;

    border-radius: 25px;

    background: rgba(255, 255, 255, .1);

}



.login-form .group input[data-type="password"] {

    text-security: circle;

    -webkit-text-security: circle;

}



.login-form .group .label {

    color: #ebebeb;

    font-size: 13px;

    margin-bottom: 15px;



}



.login-form .group .button {

    background: #1161ee;

}



.login-form .group label .icon {

    width: 15px;

    height: 15px;

    border-radius: 2px;

    position: relative;

    display: inline-block;

    background: rgba(255, 255, 255, .1);

}



.login-form .group label .icon:before,

.login-form .group label .icon:after {

    content: '';

    width: 10px;

    height: 2px;

    background: #fff;

    position: absolute;

    transition: all .2s ease-in-out 0s;

}



.login-form .group label .icon:before {

    left: 3px;

    width: 5px;

    bottom: 6px;

    transform: scale(0) rotate(0);

}



.login-form .group label .icon:after {

    top: 6px;

    right: 0;

    transform: scale(0) rotate(0);

}



.login-form .group .check:checked+label {

    color: #fff;

}



.login-form .group .check:checked+label .icon {

    background: #1161ee;

}



.login-form .group .check:checked+label .icon:before {

    transform: scale(1) rotate(45deg);

}



.login-form .group .check:checked+label .icon:after {

    transform: scale(1) rotate(-45deg);

}



.login-html .sign-in:checked+.tab+.sign-up+.tab+.login-form .sign-in-htm {

    transform: rotate(0);

}



.login-html .sign-up:checked+.tab+.login-form .sign-up-htm {

    transform: rotate(0);

}



.hr {

    height: 2px;

    margin: 60px 0 50px 0;

    background: rgba(255, 255, 255, .2);

}



.foot-lnk {

    text-align: center;

}



/* ----------------------------------------------------------------- */





/* ----------------------------------------------------------------- */

.abt-us {

    padding-left: 25px;

}



.abt-us li {

    list-style: disc;

    line-height: 2;

}



/* ----------------------------------------------------------------- */



.abt-top-last {

    margin: 35px 0px;

}



/* ----------------about-------------------- */





/* ------------------contact------------------ */

.con-box {

    border-left: 1px solid purple;

    padding-left: 30px;

}



.contact-detail {

    box-shadow: 1px 1px 12px 1px #dadada;

    border-radius: 6px;

    padding: 30px;

}



.contact-info ul li {

    list-style: none;

    margin-bottom: 10px;

}



.contact-info ul {

    padding-left: 0;

}



/* ------------------contact------------------ */



/* -------------------------------------------- */

.mb-issue {

    margin-bottom: 30px;

}



.issue {

    display: flex;

    box-shadow: 1px 1px 6px 1px #c2c2c2;

    border-radius: 6px;

}



.issue img {

    width: 50%;

}



.issue h3 {

    font-size: 16px;

    margin: auto;

}



/* -------------------------------------------- */





/* -------------------------------------------- */



.rwd-table {

    margin: auto;

    min-width: 300px;

    max-width: 100%;

    border-collapse: collapse;

}



.rwd-table tr:first-child {

    border-top: none;

    background: #4444a7;

    color: #fff;

}



.rwd-table tr {

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background-color: #f5f9fc;

}



.rwd-table tr:nth-child(odd):not(:first-child) {

    background-color: #ebf3f9;

}



.rwd-table th {

    display: none;

}



.rwd-table td {

    display: block;

}



.rwd-table td:first-child {

    margin-top: .5em;

}



.rwd-table td:last-child {

    margin-bottom: .5em;

}



.rwd-table td:before {

    content: attr(data-th) ": ";

    font-weight: bold;

    width: 120px;

    display: inline-block;

    color: #000;

}



.rwd-table th,

.rwd-table td {

    text-align: left;

}



.rwd-table {

    color: #333;

    border-radius: .4em;

    overflow: hidden;

}



.rwd-table tr {

    border-color: #bfbfbf;

}



.rwd-table th,

.rwd-table td {

    padding: .5em 1em;

}



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

    .rwd-table tr:nth-child(2) {

        border-top: none;

    }

}



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

    .rwd-table tr:hover:not(:first-child) {

        background-color: #d8e7f3;

    }



    .rwd-table td:before {

        display: none;

    }



    .rwd-table th,

    .rwd-table td {

        display: table-cell;

        padding: .25em .5em;

    }



    .rwd-table th:first-child,

    .rwd-table td:first-child {

        padding-left: 0;

    }



    .rwd-table th:last-child,

    .rwd-table td:last-child {

        padding-right: 0;

    }



    .rwd-table th,

    .rwd-table td {

        padding: 1em !important;

    }

}





@-webkit-keyframes leftRight {

    0% {

        -webkit-transform: translateX(0)
    }



    25% {

        -webkit-transform: translateX(-10px)
    }



    75% {

        -webkit-transform: translateX(10px)
    }



    100% {

        -webkit-transform: translateX(0)
    }

}



@keyframes leftRight {

    0% {

        transform: translateX(0)
    }



    25% {

        transform: translateX(-10px)
    }



    75% {

        transform: translateX(10px)
    }



    100% {

        transform: translateX(0)
    }

}



/* -------------------------------------------- */





/* -------------------------------------------- */



.formbold-mb-5 {

    margin-bottom: 20px;

}



.formbold-pt-3 {

    padding-top: 12px;

}



.formbold-main-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

}



.formbold-form-wrapper {

    margin: 0 auto;

    max-width: 550px;

    width: 100%;

    background: white;

    box-shadow: 1px 1px 8px 1px #cccccc;

    padding: 40px;

    border-radius: 8px;

}



.formbold-form-wrapper input {

    font-size: 15px;

}



.formbold-form-label {

    display: block;

    font-weight: 500;

    font-size: 16px;

    color: #07074d;

    margin-bottom: 12px;

}



.formbold-form-label-2 {

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 20px;

}



.formbold-form-input {

    width: 100%;

    padding: 10px 8px;

    border-radius: 6px;

    border: 1px solid #e0e0e0;

    background: white;

    font-weight: 500;

    font-size: 15px;

    color: #6b7280;

    outline: none;

    resize: none;

}



.formbold-form-input:focus {

    border-color: #6a64f1;

    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);

}



.formbold-btn {

    text-align: center;

    font-size: 16px;

    border-radius: 6px;

    padding: 14px 32px;

    border: none;

    font-weight: 600;

    background-color: #6a64f1;

    color: white;

    width: 100%;

    cursor: pointer;

}



.formbold-btn:hover {

    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);

}



.formbold--mx-3 {

    margin-left: -12px;

    margin-right: -12px;

}



.formbold-px-3 {

    padding-left: 12px;

    padding-right: 12px;

}



.flex {

    display: flex;

}



.flex-wrap {

    flex-wrap: wrap;

}



.w-full {

    width: 100%;

}



@media (min-width: 540px) {

    .sm\:w-half {

        width: 50%;

    }

}



::placeholder {

    font-size: 16px;

}



/* -------------------------------------------- */





/* -------------------------------------------- */

section {

    padding: 60px 0;

}



a,

a:hover,

a:focus,

a:active {

    text-decoration: none;

    outline: none;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.bg-gray {

    background-color: #f9f9f9;

}



.site-heading h2 {

    display: block;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.site-heading h2 span {

    color: #00a01d;

}



.site-heading h3 {

    display: inline-block;

    padding-bottom: 20px;

    position: relative;

    text-transform: capitalize;

    z-index: 1;

}



.site-heading h3::before {

    background: #00a01d none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 50%;

    margin-left: -25px;

    position: absolute;

    width: 50px;

}



.site-heading {

    margin-bottom: 60px;

    overflow: hidden;

    margin-top: -5px;

}



.carousel-shadow .owl-stage-outer {

    margin: -15px -15px 0;

    padding: 15px;

}



.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {

    background: #ffffff none repeat scroll 0 0;

    border: 2px solid;

    height: 15px;

    margin: 0 5px;

    width: 15px;

}



.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {

    background: #00a01d none repeat scroll 0 0;

    border-color: #00a01d;

}



.we-offer-area .item {

    background: #ffffff none repeat scroll 0 0;

    border-left: 2px solid #00a01d;

    -moz-box-shadow: 0 0 10px #cccccc;

    -webkit-box-shadow: 0 0 10px #cccccc;

    -o-box-shadow: 0 0 10px #cccccc;

    box-shadow: 0 0 10px #cccccc;

    overflow: hidden;

    padding: 30px;

    position: relative;

    z-index: 1;

}



.we-offer-area.text-center .item {

    background: #ffffff none repeat scroll 0 0;

    border: medium none;

    padding: 67px 40px 64px;

    height: 100%;

}



.we-offer-area.text-center .item i {

    background: #00a01d none repeat scroll 0 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 40px;

    height: 80px;

    line-height: 80px;

    position: relative;

    text-align: center;

    width: 80px;

    z-index: 1;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    margin-bottom: 25px;

}



.we-offer-area.text-center .item i::after {

    border: 2px solid #00a01d;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    content: "";

    height: 90px;

    left: -5px;

    position: absolute;

    top: -5px;

    width: 90px;

    z-index: -1;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

}



.we-offer-area.item-border-less .item {

    border: medium none;

}



.we-offer-area .our-offer-items.less-carousel .equal-height {

    margin-bottom: 30px;

}



.we-offer-area.item-border-less .item .number {

    font-size: 50px;

    font-weight: 900;

    opacity: 0.1;

    position: absolute;

    right: 30px;

    top: 30px;

}



.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,

.we-offer-area.center-active .single-item:nth-child(2n) .item {

    background: #00a01d none repeat scroll 0 0;

}



.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,

.we-offer-area.center-active .single-item:nth-child(2n) .item i,

.we-offer-area.center-active .single-item:nth-child(2n) .item h4,

.we-offer-area.center-active .single-item:nth-child(2n) .item p {

    color: #ffffff;

}



.we-offer-area .item i {

    color: #00a01d;

    display: inline-block;

    font-size: 60px;

    margin-bottom: 20px;

}



.we-offer-area .item h3 {

    font-weight: 600;

    text-transform: capitalize;

}



.we-offer-area .item p {

    margin: 0;

}



.we-offer-area .item i,

.we-offer-area .item h3,

.we-offer-area .item p {

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

}



.we-offer-area .item::after {

    background: #00a01d none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: -100%;

    position: absolute;

    top: 0;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    width: 100%;

    z-index: -1;

}



.we-offer-area .item:hover::after {

    left: 0;

}



.we-offer-area .item:hover i,

.we-offer-area .item:hover h3,

.we-offer-area .item:hover p {

    color: #ffffff !important;

}



.we-offer-area.text-center .item:hover i::after {

    border-color: #ffffff !important;

}



.we-offer-area.text-center .item:hover i {

    background-color: #ffffff !important;

    color: #00a01d !important;

}



.we-offer-area.text-left .item i {

    background: #00a01d none repeat scroll 0 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #ffffff;

    display: inline-block;

    font-size: 60px;

    height: 100px;

    line-height: 100px;

    margin-bottom: 30px;

    position: relative;

    width: 100px;

    z-index: 1;

    text-align: center;

}



.we-offer-area.text-left .item i::after {

    border: 2px solid #00a01d;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    content: "";

    height: 120px;

    left: -10px;

    position: absolute;

    top: -10px;

    width: 120px;

}



/* -------------------------------------------- */





/* -------------------------------------------- */

a {

    text-decoration: none !important;

}



.center-heading {

    text-align: center;

}



.center-heading .section-title {

    font-weight: 400;

    font-size: 28px;

    color: #3B566E;

    letter-spacing: 1.1px;

    line-height: 38px;

    margin-bottom: 20px;

}



.center-heading.colored .section-title {

    color: #ffffff;

}



.center-text {

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    color: #6F8BA4;

    line-height: 28px;

    letter-spacing: 1px;

    margin-bottom: 50px;

}



.center-text.colored {

    color: #C7E5FF;

}



.center-text p {

    margin-bottom: 30px;

}



.services-small-item {

    display: block;

    background: #fff;

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);

    border-radius: 5px;

    padding: 40px 28px;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    position: relative;

    z-index: 2;

    margin-bottom: 30px;

}



.services-small-item:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    border-radius: 5px;

    background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

}



.services-small-item.active:before,

.services-small-item:hover:before {

    opacity: 1;

}



.services-small-item.active .icon:before,

.services-small-item:hover .icon:before {

    opacity: .26;

}



.services-small-item.active .icon i,

.services-small-item:hover .icon i {

    background: -webkit-linear-gradient(#fff, #fff);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.services-small-item.active .services-title,

.services-small-item:hover .services-title {

    color: #ffffff;

}



.services-small-item.active p,

.services-small-item:hover p {

    color: #ffffff;

}



.services-small-item.active .button i,

.services-small-item:hover .button i {

    background-image: linear-gradient(135deg, #fff 0%, #fff 100%) !important;

    color: #2b708b !important;

}



.services-small-item:hover {

    margin-top: -15px;

}



.services-small-item .icon {

    width: 139px;

    height: 65px;

    margin: auto;

    position: relative;

    margin-bottom: 20px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}





.services-small-item .icon i {

    display: block;

    height: 67px;

    line-height: 67px;

    position: absolute;

    width: 100%;

    top: 22px;

    z-index: 2;

    font-size: 28px;

    background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.services-small-item .services-title {

    font-weight: 400;

    font-size: 22px;

    color: #3B566E;

    letter-spacing: 0.7px;

    margin-bottom: 5px;

    position: relative;

    z-index: 2;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.services-small-item p {

    font-weight: 400;

    font-size: 14px;

    color: #6F8BA4;

    letter-spacing: 0.88px;

    line-height: 26px;

    position: relative;

    z-index: 2;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    margin-bottom: 0px;

}



.services-small-item .button {

    position: relative;

    z-index: 2;

}



.services-small-item .button i {

    width: 42px;

    height: 42px;

    background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);

    line-height: 42px;

    text-align: center;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    color: #fff;

    padding-left: 3px;

}



.services-small-item:hover+.item-bg {

    bottom: 30px;

}



.item-bg {

    content: '';

    position: absolute;

    width: 80%;

    height: 15px;

    bottom: 15px;

    left: 0px;

    right: 0px;

    margin: auto;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    z-index: 1;

    background: #fff;

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



/* -------------------------------------------- */



/* -------------------------------------------- */

.shop-title {

    color: rgb(54 54 54);

    font-size: 17px;

    font-weight: 700;

    padding: 20px 0 0px 0px;

}

.prod-feature {
    color: rgb(56 56 56);
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0 2px 0px;
}



.bottom-space {

    margin-bottom: 20px;

}

/* #content1 h3 {
    font-size: 20px;
    font-weight: 600;
} */
.td-list {
    color: #484848 !important;
    padding-right: 30px;
    font-size: 15px;
    padding-bottom: 6px;
}

#content1 ul {
    /* padding-left: 20px; */
}

#content1 ul li {
    /* list-style:disc; */
    font-size: 15px;
    line-height: 30px;
}

#content1 p {
    font-size: 15px;
}

#content1 ul li::before {
    content: '✓';
    margin-right: 0.5em;
    color: #ffffff;
    background: green;
    padding: 2px 5px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 900;
}

/* -------------------------------------------- */



/* -------------------------------------------- */



/* --------------- sign ------------------- */

.sign-lr {

    padding: 3% 15%;

}



.form-title {

    color: #1caed1;

    margin-bottom: 20px;

}



.form-m {

    margin-bottom: 20px;

}



.sign-box {

    background-color: white;

    box-shadow: 1px 1px 12px 1px #d4d4d4;

    border-radius: 8px;

    padding: 20px;

}



.sign-form label {

    width: 100%;

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 10px;

}



.sn h6 {

    text-align: center;

    color: #1caed1;

    font-size: 17px;

    padding: 8px;

}



.sign-form img {

    margin-right: 4px;

}



.sign-form input {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    margin-bottom: 10px;

}



.left-space {

    padding-left: 10px;

}



.sign-form select {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    font-size: 15px;

    margin-bottom: 10px;

}



.sign-form textarea {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    font-size: 15px;

    margin-bottom: 10px;

}



.sign-btn {

    margin-top: 8px;

    background-color: #a72a2a;

    color: white;

    border: none;

    padding: 6px 12px;

    border-radius: 6px;

    margin-bottom: 8px;

}



.sign-form p {

    font-size: 15px;

    margin: 10px 0px;

}



.sign-form a {

    text-decoration: underline;

}



::placeholder {

    font-size: 14px;

}



.cu-bs {

    justify-content: space-evenly;

    margin-bottom: 10px;

}



.cu-bs label {

    font-size: 18px;

    font-weight: 500;

}



.cu-top {

    padding-top: 3px;

}



/* --------------- sign ------------------- */



/* -------------------------------------------- */





/* -------------view cart---------------- */

/* -------------profile---------------- */

.leftside-my-account {

    background: #ffffff;

    box-shadow: 1px 1px 12px 1px #cecece;

    border-radius: 4px;

    padding: 20px;

}



.userprofileleft {

    text-align: center;

    padding: 20px;

    color: #000;

    position: relative;

    border-bottom: 1px solid rgba(245, 245, 245, 1);

}



.pf-image {

    width: 80px;

    height: 80px;

    margin: auto;

    border: 1px solid rgba(116, 116, 116, 1);

    padding: 4%;

    font-size: 46px;

    text-transform: capitalize;

    border-radius: 50%;

    text-align: center;

    background: rgba(229, 229, 229, 1);

    display: flex;

    align-items: center;

    justify-content: center;

}



.myacctab {

    padding-left: 3px;

}



.myacctab li {

    list-style: none;

}



.edit-profile {

    position: absolute;

    top: 20px;

    right: 20px;

    padding: 5px;

    border-radius: 50%;

    cursor: pointer;

}



.profileinfo h2 {

    margin: 10px 0 8px;

    font-size: 18px;

    color: rgba(72, 72, 72, 1);

    text-transform: capitalize;

    font-weight: 600;

}



.profileinfo .info-dash {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-top: 5px;

    flex-wrap: wrap;

    padding: 0px 15px;

}



.profileinfo .info-dash p {

    margin: 0;

    color: rgba(90, 90, 90, 1);

    font-size: 14px;

}



span.seprator {

    border-left: 1px solid;

    width: 5px;

    color: rgba(90, 90, 90, 1);

    height: 18px;

}



.myaccountnavigationtab {

    margin-top: 20px;

}



li.myaccounttabs a {

    padding: 20px 10px;

    margin: 0px 20px 15px 20px;

    border-radius: 10px;

    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 30%);

    display: block;

}



.tabmain {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.svgtext {

    display: flex;

    align-items: center;

}



.tab-text-myaccount {

    color: rgba(23, 23, 23, 1);

    margin-left: 20px;

}



.tab-text-myaccount strong {

    color: rgba(0, 0, 0, 0.9);

    font-weight: bold;

    margin-bottom: 3px;

    display: block;

    font-size: 16px;

    font-weight: 500 !important;

}



/* ------------------------------------ */

.dashboard-box {

    padding: 30px;

}



.input-number {

    display: flex;

    align-items: center;

    border-radius: 6px;

    background: rgba(255, 221, 0, 0.02);

    width: 100%;

    line-height: 17px;

}



.input-number .indiannumber {

    display: flex;

    align-items: center;

    padding: 7px 12px;

    margin-bottom: 20px;

    border-radius: 5px;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

    border: 1px solid #cecece;

    justify-content: center;

}



.input-number .indiannumber span {

    padding-left: 5px;

}



.input-number .form-in.in.dsh-number {

    width: 100%;

    padding: 0px;

}



.input-number .form-in.in.dsh-number input {

    width: 100%;

    padding: 15px 10px;

    color: #808080;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}



.my-profile textarea {

    width: 100%;

    padding: 15px 10px;

    color: #000000 !important;

    border-radius: 6px;

    border: 1px solid #c5c5c5;

}



.my-profile label {

    width: 100%;

    margin-bottom: 4px;

}



.my-profile input {

    width: 100%;

    border-radius: 6px;

    border: 1px solid #cecece;

    padding: 6px 12px;

    margin-bottom: 20px;

}



.my-profile select {

    width: 100%;

    border-radius: 6px;

    border: 1px solid #cecece;

    padding: 6px 12px;

    margin-bottom: 20px;

}



.save-btn {

    background-color: #e97410;

    color: white;

    padding: 6px 18px;

    border: none;

    border-radius: 4px;

}



.support li {

    list-style: none;

    line-height: 1.8;

}



/* -------------profile---------------- */



/*------------------------ Table Styles -------------------*/



.table-wrapper {

    box-shadow: 0px 0px 8px #00000033;

}



.fl-table {

    border-radius: 5px;

    font-size: 14px;

    font-weight: normal;

    border: none;

    border-collapse: collapse;

    width: 100%;

    max-width: 100%;

    white-space: nowrap;

    background-color: white;

}



.fl-table td,

.fl-table th {

    text-align: center;

    padding: 12px;

}



.fl-table td {

    border-right: 1px solid #d2d2d2;

    border-bottom: 1px solid #d2d2d2;

    font-size: 14px;

}



.fl-table thead th {

    color: #ffffff;

    background: #078d96;

}





.fl-table thead th:nth-child(odd) {

    color: #ffffff;

    background: #078d96;

}



.fl-table tr:nth-child(even) {

    background: #F8F8F8;

}



/* Responsive */



@media (max-width: 767px) {

    .fl-table {

        display: block;

        width: 100%;

    }



    .table-wrapper:before {

        content: "Scroll horizontally >";

        display: block;

        text-align: right;

        font-size: 11px;

        color: white;

        padding: 0 0 10px;

    }



    .fl-table thead,

    .fl-table tbody,

    .fl-table thead th {

        display: block;

    }



    .fl-table thead th:last-child {

        border-bottom: none;

    }



    .fl-table thead {

        float: left;

    }



    .fl-table tbody {

        width: auto;

        position: relative;

        overflow-x: auto;

    }



    .fl-table td,

    .fl-table th {

        padding: 20px .625em .625em .625em;

        height: 60px;

        vertical-align: middle;

        box-sizing: border-box;

        overflow-x: hidden;

        overflow-y: auto;

        width: 120px;

        font-size: 13px;

        text-overflow: ellipsis;

    }



    .fl-table thead th {

        text-align: left;

        border-bottom: 1px solid #f7f7f9;

    }



    .fl-table tbody tr {

        display: table-cell;

    }



    .fl-table tbody tr:nth-child(odd) {

        background: none;

    }



    .fl-table tr:nth-child(even) {

        background: transparent;

    }



    .fl-table tr td:nth-child(odd) {

        background: #F8F8F8;

        border-right: 1px solid #E6E4E4;

    }



    .fl-table tr td:nth-child(even) {

        border-right: 1px solid #E6E4E4;

    }



    .fl-table tbody td {

        display: block;

        text-align: center;

    }

}



/* -----------------------------select form------------------------ */

.form-select {

    display: block;

    width: 20%;

}



.mb-bottom {

    margin-bottom: 30px;

}



/* -----------------------------select form------------------------ */



/* .pr-buy {

  border: 1px solid #c2c2c2;

  background-color: #101d33;

  color: white;

  border-radius: 6px;

  font-size: 12px;

  padding: 6px 10px;

} */

.pr-buy {

    font-size: 13px;

    background: #2d661f;

    color: #fff;

    border: 1px solid #2d661f;

    padding: 4px 8px;

    border-radius: 6px;

    /* margin: 1rem; */

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.pr-buy:hover {

    color: #2d661f;

}



.pr-buy::after {

    content: "";

    background: #ecf0f1;

    position: absolute;

    z-index: -1;

    padding: 0.85em 0.75em;

    display: block;

}



.pr-buy::after {

    transition: all 0.35s;

}



.pr-buy:hover::after {

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    transition: all 0.35s;

}



button.pr-buy::after {

    left: -20%;

    right: -20%;

    top: 0;

    bottom: 0;

    transform: skewX(-45deg) scale(0, 1);

}



button.pr-buy:hover::after {

    transform: skewX(-45deg) scale(1, 1);

}



.contact-btn {

    background-color: green;

    color: white;

    border: 0;

    padding: 10px 15px;

    border-radius: 30px;

    font-size: 15px;

    font-weight: 500;

}



.contact-btn:hover {

    background-color: green;

    color: white;

    border: 0;

    padding: 8px 13px;

    border-radius: 30px;

    font-size: 15px;

    font-weight: 500;

}



/* -------------------------------------------- */





/* -------------------------------------------- */

.mb-sale {

    margin-bottom: 30px;

}



.sales {

    background-color: white;

    box-shadow: 1px 1px 8px 1px #e0e0e0;

    border: none;

    border-radius: 6px;

    padding: 15px;

    text-align: center;

    margin-bottom: 30px;

}



.sales h3 {

    font-size: 18px;

    font-weight: 500;

}



.sales img {

    width: 100%;

    margin-bottom: 10px;

}



.sales button {

    border: none;

    background-color: white;

    font-size: 15px;

    font-weight: 500;

    color: #0d96cd;

}



/* -------------------------------------------- */





/* -------------------------------------------- */

.support {

    border: none;

    border-radius: 8px;

    background-color: white;

    box-shadow: 1px 1px 8px 1px #cecece;

    height: 100%;

}



.sup-pdd {

    padding: 20px;

}



.support h3 {

    font-size: 20px;

}



/* -------------------------------------------- */





/*-------------------------------------------------*/

.quick-title {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 15px;

    font-family: "Rubik", sans-serif;

}



.bg-quik {

    background-color: #f3f3f3;

    padding: 10px;

    border-radius: 8px;

}



.quick-lnk {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 6px;

    font-family: "Rubik", sans-serif;

}



.links-p a {

    color: #575757;

    font-size: 14px;

    padding: 0px 6px;

    text-decoration: none;

    font-family: "Rubik", sans-serif;

}



.links-p {

    color: #575757;

    font-family: "Rubik", sans-serif;

}



/*-------------------------------------------------*/





/*-------------------------------------------------*/



.detail-pro {

    max-width: 90%;

    margin: 36px auto 0 auto;

    display: flex;

    gap: 36px;

    /* background: #fff; */

    border-radius: 14px;

    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07); */

    padding: 32px;

}



.gallery-section {

    flex: 2;

    max-width: 450px;

}



/* 

.main-image {

    border: 1px solid #ececec;

    border-radius: 12px;

    padding: 12px;

    margin-bottom: 15px;

    background: #f8f8f8;

    display: flex;

    justify-content: center;

} */



.slideshow-items-container img {

    width: 100% !important;

    /* height: 400px; */

    object-fit: contain;

}



.thumbnail-gallery {

    display: flex;

    gap: 10px;

    justify-content: flex-start;

}



.thumbnail-gallery img {

    width: 48px;

    height: 66px;

    border: 1px solid #ececec;

    border-radius: 8px;

    cursor: pointer;

    background: #f0f0f0;

}



.product-info-section {

    flex: 2;

    padding-left: 18px;

}



.product-info-section h2 {

    margin-top: 0;

    font-size: 24px;

    font-weight: 600;

}



.stock-status {

    background: #39d39e;

    padding: 3px 12px;

    color: #fff;

    border-radius: 3px;

    font-size: 13px;

    margin-left: 6px;

}



.pricing {

    margin: 18px 0 8px 0;

    font-size: 18px;

    display: flex;

    align-items: baseline;

    gap: 16px;

}



.original-price {

    color: #ff0000;
    font-size: 13px;

    text-decoration: line-through;

}



.selling-price {

    color: #0a0c16;

    font-weight: 600;

}



.discount {

    color: #27ac12;

    background: #e8fbe7;

    padding: 2px 8px;

    border-radius: 6px;

    font-size: 13px;

}



.cashback {

    /* background: #f6fcfa; */

    background: #ecf9f5;

    padding: 10px;

    border-radius: 8px;

    margin-bottom: 16px;

    font-size: 15px;

}



.after-cashback {

    color: #148c43;

    margin-top: 2px;

    display: inline-block;

}



.options {

    margin: 16px 0;

}



.option-group {

    margin-bottom: 12px;

}



.option-group label {

    display: block;

    font-weight: bold;

    margin-bottom: 4px;
    color: #585858;

}



.color-options,

.storage-options {

    display: flex;

    gap: 12px;

}



.color,

.storage {

    border: 1px solid #bcbcbc;
    background: #fcfcfc;
    color: #222;
    padding: 4px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    outline: none;
    transition: border 0.2s;

}



.color.selected,

.storage.selected {

    border: 2px solid #199cd8;

    background: #eafbff;

}



.purchase-type label {

    margin-right: 18px;

    font-size: 15px;

    color: #222;

}



.add-to-cart {

    margin-top: 22px;

    background: #0d7e1c;

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    border: none;

    border-radius: 7px;

    padding: 10px 20px;

    cursor: pointer;

    transition: background 0.2s;

}



.add-to-cart:hover {

    background: #076414;

}



.protection-section {

    max-width: 1100px;

    margin: 38px auto;

    display: flex;

    gap: 24px;

}



.protection-card {

    background: #fff;

    padding: 18px 22px;

    border-radius: 10px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);

    display: flex;

    align-items: center;

    gap: 16px;

    width: 340px;

    justify-content: space-between;

}



.protection-card img {

    width: 38px;

    height: 38px;

}



.protection-card .price {

    display: block;

    color: #222;

    font-weight: 600;

    font-size: 16px;

    margin-top: 4px;

}



.protection-card button {

    background: #2492ee;

    color: #fff;

    border: none;

    border-radius: 6px;

    padding: 8px 15px;

    font-size: 15px;

    cursor: pointer;

    margin-left: 10px;

}



@media (max-width: 900px) {



    .container,

    .protection-section {

        /* flex-direction: column; */

        align-items: center;

        padding: 14px;

        gap: 24px;

        box-sizing: border-box;

    }



    .product-info-section {

        padding-left: 0;

    }

}



/*-------------------------------------------------*/



/*-------------------------------------------------*/

.slideshow-items {

    width: 500px;

}



.slideshow-thumbnails {

    width: 100px;

}



#slideshow-items-container {

    display: inline-block;

    position: relative;

}



#lens {

    background-color: rgba(233, 233, 233, 0.4)
}



#lens,

#result {

    position: absolute;

    display: none;

    z-index: 1;

}



.slideshow-items {

    display: none;

}



.slideshow-items.active {

    display: block;

    width: 100%;

}



.slideshow-thumbnails {

    opacity: 0.5;

}



.slideshow-thumbnails.active {

    opacity: 1;

}



#lens,

.slideshow-items,

.slideshow-thumbnails,

#result {

    border: solid var(--light-grey-2) 1px;

}



/*-------------------------------------------------*/





/*-------------------------------------------------*/

/* -------------cart---------------- */

.address_title {

    /* background-color: #2c7c89; */

    color: #000000;

    padding: 6px 12px;

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 15px;

    display: flex;

    justify-content: space-between;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

}



.addnewaddress {

    color: #000000;

    font-size: 14px;

    vertical-align: text-bottom;

}



.step-indicator-responsive li {

    display: table-cell;

    float: none;

    width: 1%;

    padding: 0;

}



.step-indicator .active .step {

    background-color: #e11f27;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

}



.step-indicator .active .caption {

    color: #181617;

}



.step-indicator .step {

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    border-radius: 20px;

    margin: 0 auto;

    font-size: 16px;

    color: #888888;

    background-color: #ccc;

    font-weight: 700;

}



.step-indicator-responsive .caption {

    padding-top: 8px;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    color: #888888;

}



.step-indicator-responsive li::before {

    position: relative;

    top: 14px;

    z-index: 0;

    display: block;

    height: 1px;

    content: "";

    background-color: #ccc;

}



.step-indicator {

    z-index: 100;

    width: 100%;

}



.step-indicator-responsive li:first-child::before {

    left: 55%;

}



.step-indicator-responsive li:last-child::before {

    right: 50%;

}



@media (max-width: 575.98px) {

    .no-bg-xs {

        background-image: none !important;

    }



    .step-indicator-responsive .caption {

        font-size: 13px;

    }



    .card-describe {

        padding: 15px;

    }

}



.place-btn {

    background-color: #004689;

    color: white;

    border: none;

    padding: 10px;

    border-radius: 40px;

}



/* -------------cart---------------- */

/* -------------view cart---------------- */

.mt190 {

    padding: 6px 0 0 0 !important;

}



.pay-box {

    box-shadow: 1px 1px 12px 1px #dadada;

    border-radius: 8px;

    padding: 0;

    background-color: #f8f8f8;

    margin-top: 80px;

    padding-bottom: 15px;

}



.info-pay {

    padding: 20px;

}



.gr {

    color: grey;

    font-size: 13px;

    margin-bottom: 4px;

}



.sell {

    margin-bottom: 0 !important;

}



span.old_price {

    text-decoration: line-through;

    color: red;

    font-size: 16px;

}



.WMMwb0 {

    display: block;

    text-transform: uppercase;

    padding: 10px 24px;

    font-weight: 500;

    background-color: #e7e7e7;

    color: #353535;

    min-height: 47px;

    border-radius: 8px 8px 0 0;

}



.days span {

    font-size: 25px;

}



.days {

    padding: 10px 20px;

}



.ShoppingCart_title {

    /* background-color: #2c7c89; */

    color: #353535;

    margin-top: 15px;

    margin-bottom: 15px;

    font-family: sans-serif;

    padding: 8px 15px;

    font-size: 22px;

    font-weight: 600;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

}



._3j-e05 {

    padding: 0 24px;

}



.HRZecL {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 10px 0;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}



._6HMXbu {

    color: #388e3c;

}



.b5rp0W.WGN099 {

    margin-right: 5px;

}



.b5rp0W.qbuikV {

    color: #717478;

    text-decoration: line-through;

}



.uJ4ZKF {

    border-top: 1px dashed #e0e0e0;

    font-weight: 500;

    font-size: 18px;

    padding: 12px 0px;

}



.PWd9A7 {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    /* margin: 20px 0; */

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.IbVNxe,

.s0Of4y {

    border-radius: 2px;

}



.IbVNxe {

    border-top: 1px dashed #e0e0e0;

    padding: 12px 0;

    font-size: 16px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #388e3c;

    font-weight: 500;

}



.XNAVU4 {

    font-size: 13px;

    text-align: left;

    display: inline-block;

    color: #878787;

    padding: 5px 0 0px 35px;

    background-size: 25px 31px;

    font-weight: 500;

    padding-left: 20px;

}



.summary {

    text-align: right;

}



.summary h6 {

    font-size: 16px;

    color: #101010;

}



/* ----quantity---- */

button:focus,

input:focus {

    outline: none;

    box-shadow: none;

}



a,

a:hover {

    text-decoration: none;

}



/*--------------------------*/

.qty-container {

    display: flex;

    align-items: center;

    justify-content: center;

}



.qty-container .input-qty {

    text-align: center;

    padding: 6px 10px;

    border: 1px solid #ababab;

    max-width: 40px;

}



.qty-container .qty-btn-minus,

.qty-container .qty-btn-plus {

    background: #e1e1e1;

    color: #000000;

    border: 1px solid #ababab;

    padding: 10px 13px;

    font-size: 10px;

    height: 38px;

    width: 38px;

    transition: 0.3s;

}



.price_box {

    margin-bottom: 10px;

}



.qty-container .qty-btn-plus {

    margin-left: -1px;

}



.qty-container .qty-btn-minus {

    margin-right: -1px;

}



.later h6 {

    /* background: #d15f1c; */

    color: #000000;

    /* border: 1px solid #e79f6c; */

    border-radius: 4px;

    padding: 10px 13px;

    font-size: 14px;

    margin-top: 10px;

    margin-left: 10px;

}



/*-------------------------------------------------*/

span.current_price {

    font-size: 22px;

}

.benefits-title small {
    letter-spacing: 3px;
    color: #00b3ff;
    font-weight: 600;
}

.benefits-title h2 {
    font-weight: 700;
    margin-top: 10px;
}

.benefit-card {
    position: relative;
    height: 360px;
    border-radius: 18px;
    overflow: hidden;
    color: #fff;
}

.benefit-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.benefit-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), #26442a);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.benefit-overlay h4 {
    font-weight: 700;
    margin-bottom: 10px;
}

.benefit-overlay p {
    font-size: 15px;
    line-height: 1.6;
}

/* ------------------------------------ */

/* ------------------------------------ */
.section-title small {
    color: #173e2c;
    letter-spacing: 3px;
    font-weight: 600;
}

.section-title h2 {
    font-weight: 700;
    margin-top: 10px;
}

.section-title p {
    max-width: 650px;
    margin: 10px auto 0;
    color: #666;
    font-size: 15px;
}

.job-table {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.job-header {
    background: #032d07;
    color: #fff;
    font-weight: 600;
    padding: 12px 20px;
}

.job-row {
    padding: 14px 20px;
    border-bottom: 1px solid #e9eef5;
}

.job-row:last-child {
    border-bottom: none;
}

.job-title {
    color: #032d07;
    font-weight: 600;
}

.apply-btn {
    background: #fff;
    color: #032d07;
    border: 1px solid #032d07;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 13px;
    font-weight: 600;
}

.job-detail {
    padding: 25px 30px;
    background: #f9fbff;
}

.job-detail h6 {
    font-weight: 700;
    margin-top: 20px;
}

.job-detail ul {
    padding-left: 18px;
}

.job-detail ul li {
    margin-bottom: 8px;
    font-size: 14px;
    list-style-type: disc;
}

/* ------------------------------------ */
button.btn.btn-primary {
    padding: 13px 20px;
    background-color: green;
    font-weight: 600;
    letter-spacing: 1px;
}

button.btn.btn-primary:hover {
    border: 2px solid green;
}

.modal-body .form-select {
    display: block;
    width: 100%;
}