@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

header {
    background: white;
    box-shadow: rgba(0,0,0,0.07) 0px 3px 2px 1px;
    position: relative;
}

.bg-1 {
    background: #f8fffd;
    border-bottom: 2px solid rgba(85,164,142,0.5);
}

.container {
    max-width: 1040px;
}

.n-price-table {
    background: white;
    border-top: 6px solid rgb(85,164,142) !important;
    box-shadow: rgba(0,0,0,0.15) 0px 10px 24px 0px;
}

.n-price-table-details {
    padding: 20px;
}

.n-price-bottom {
    background: rgba(85,164,142,0.15) !important;
    font-size: 22px;
    padding: 13px 4px 11px 4px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Open Sans" !important;
    overflow: hidden;
    width: 100%;
}

.n-price-table h3 {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: "Open Sans" !important;
    padding-bottom: 6px;
}

.n-product1 {
    width: 90%;
}

.n-price-table h4 {
    font-size: 22px;
    font-weight: 700;
    padding-top: 13px;
}

.red {
    color: rgb(209,64,59);
}

.n-price-table h5 {
    font-size: 23px;
}

.n-price-table .n-price1 {
    color: rgb(45,45,45) !important;
    font-family: "Open Sans" !important;
    font-size: 19px;
}

.n-btn1 {
    background-image: linear-gradient(180deg,rgb(236,138,41) 0%,rgb(249,115,0) 100%) !important;
    box-shadow: rgba(0,0,0,0.25) 0px 8px 12px 0px;
    color: white;
    line-height: 1.2em;
    font-size: 17px;
    text-transform: uppercase;
    font-family: "Open Sans" !important;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 15px 7px !important;
    display: inline-block;
}

    .n-btn1:hover {
        background-image: linear-gradient(180deg,rgb(249,115,0) 0%,rgb(249,115,0) 100%) !important;
        color: white;
    }

.n-btm {
    font-weight: 200;
    padding-top: 14px;
    font-family: "Open Sans" !important;
    margin-bottom: 0px;
}

.n-btm2 {
    padding-top: 17px;
    font-weight: 600;
    font-family: "Open Sans" !important;
    margin-bottom: 0px;
}

    .n-btm2 img {
        width: 28px;
        margin-right: 4px;
    }

.n-price-table-highlight {
    background: rgba(85,164,142,0.05) !important;
    border: 2px solid rgb(102,153,102) !important;
    margin-top: -40px;
}

.n-price-table-details h6 {
    color: white;
    background: #55a48e;
    font-size: 20px;
    font-family: "Open Sans" !important;
    font-weight: 600;
    padding: 13px 2px 15px 2px;
    margin: -20px -20px 26px -20px;
    position: relative;
}

    .n-price-table-details h6:after {
        width: 0;
        height: 0;
        border-left: 26px solid transparent;
        border-right: 26px solid transparent;
        border-top: 13px solid #55a48e;
        position: absolute;
        content: '';
        left: 50%;
        margin-left: -30px;
        bottom: -11px;
    }

.bg-green {
    background: #55a48e !important;
}

.n-product3 {
    width: 245px;
}

.message p {
    font-size: 15px;
}

.bg-2 {
    background-image: linear-gradient(rgb(248,255,253) 0%,rgb(255,255,255) 52%);
}

.seal-section {
    border: 2px solid rgba(85,164,142,0.2);
    border-radius: 3px;
    padding: 10px 45px;
}

    .seal-section img {
        width: 141px;
        margin-top: -81px;
    }

    .seal-section h4 {
        padding-top: 18px;
        font-size: 25px;
        padding-bottom: 12px;
    }

    .seal-section p {
        font-size: 19px;
        color: rgb(72,90,112) !important;
        padding-bottom: 10px;
    }
/*faqs*/
.bs-example {
    margin: 20px;
}

.accordion .fa {
    margin-right: 0.5rem;
    float: right;
    font-size: 13px;
    margin-top: 8px;
    margin-left: 10px;
    font-weight: 300;
}

.faqs-container .accordion {
}


.faqs-container .btn {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 18px;
    color: rgb(85,164,142);
    padding: 20px;
    font-weight: 400;
}


    .faqs-container .btn:hover {
        text-decoration: none !important;
    }

    .faqs-container .btn:active {
        text-decoration: none !important;
    }

    .faqs-container .btn:focus {
        text-decoration: none !important;
        box-shadow: none !important;
    }

.faqs-container .card-header {
    padding: 0px;
    margin: 0px;
    /*border: none !important;*/
    /*background: none !important;*/
    background: white;
    /*border-radius:10px !important;*/
}

.faqs-container .card {
    border: none !important;
    background: white;
    box-shadow: 0px 0px 10px 2px #efefef;
    margin-bottom: 15px;
}

.faqs-container p {
    color: rgb(85,85,85);
    line-height: 30px;
    font-size: 18px !important;
    font-family: "Open Sans" !important;
}

.card-header .btn[aria-expanded=true] {
    /*color: #777 !important;*/
}

/*video css*/
#youtube {
    position: relative;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    max-width: 1120px;
    margin: 0 auto;
    /*border:5px solid #fff;*/
}

.video_wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}

    .video_wrapper iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
    }

.video_layer img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 15;
    display: none;
}

.video_layer_2 img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 14;
    display: block;
}

.video_layer_3 img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 16;
    display: none;
}

.head2 {
    font-size: 32px;
}

.green {
    color: rgb(85,164,142);
}

.bg-3 {
    background: #eafff9;
}

.num-text {
    font-size: 19px;
    padding-top: 10px;
}

@media (min-width:768px) and (max-width:991px) {
    .n-product1 {
        width: 90%;
    }

    .n-price-bottom {
        font-size: 18px;
    }

    .n-price-table h5 {
        font-size: 21px;
    }

    .n-price-table .n-price1 {
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .n-price-table-highlight {
        margin-top: 0px;
    }

    .n-price-table h3 {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .n-price-left {
        width: 40%;
        float: left;
        margin-left: -8px;
    }

    .n-price-table h4 {
        font-size: 19px;
        font-weight: 700;
        padding-top: 2px;
    }

    .n-btm2 img {
        width: 18px;
        margin-right: 4px;
        margin-top: -3px;
    }

    .n-product1 {
        width: 90%;
    }

    .n-price-bottom {
        font-size: 15px;
    }

    .n-btm2 {
        padding-top: 11px;
        margin-bottom: 6px;
        font-size: 13px;
    }

    .n-price-right {
        width: 60%;
        float: left;
        margin-left: 6px;
    }

    .n-price-table h5 {
        font-size: 17px;
    }

    .n-btm {
        padding-top: 8px;
        margin-bottom: 6px;
        font-size: 14px;
    }


    .n-btn1 {
        font-size: 12px;
        text-transform: uppercase;
        font-family: "Open Sans" !important;
        font-weight: 600;
        letter-spacing: 0px;
        padding: 15px 0px !important;
        display: inline-block;
    }

    .seal-section p {
        font-size: 17px;
    }

    .head2 {
        font-size: 26px;
    }

    .seal-section {
        padding: 10px 20px;
    }

    .n-price-table .n-price1 {
        font-size: 16px;
    }

    .n-price-table h2 {
        font-size: 24px;
        margin-bottom: 4px;
    }


    .message h4 {
        padding-top: 15px;
    }

    .message {
        text-align: center;
    }
}
