@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');



a:focus,a:hover,body {

    color: #393939

}



.noPadding,.table-space .col-md-8,ul {

    padding: 0

}



h5,ul {

    margin: 0 0 20px

}



.centerCol,.menuSec li:hover li {

    float: none

}



.footer-text.footer-lef:after,.footer-text.footer-lef:before {

    animation: 3s ease-in-out infinite alternate-reverse both slide-bottom

}



#book .cover,#book .turn-page {

    box-shadow: inset 0 0 140px 0 #cfbc8b

}



.add-to-cart .table>tbody>tr>td,.add-to-cart .table>tbody>tr>th,.add-to-cart .table>tfoot>tr>td,.add-to-cart .table>tfoot>tr>th,.add-to-cart .table>thead>tr>td,.add-to-cart .table>thead>tr>th,.content-inner {

    vertical-align: middle

}



.iconlist ul li,.menuSec ul,.ship-estimate ul,.total-section ul {

    list-style: none

}



.menuSec ul:after,.rate {

    clear: both

}



.add-to-cart a,.menuSec ul li a,.or-amazon a,.whatsapp-button a,a,a:focus,a:hover {

    text-decoration: none

}



body {

    word-break: break-word;

    font: 15px/25px Roboto,sans-serif;

    overflow-x: hidden;

    background: #000

}



.banner-text h2,.book-list ul li span,h1,h2,h3,h4,h5,h6 {

    font-family: Oswald,sans-serif;

}



h1,h2 {

    font-weight: 500;

    font-size: 55px

}



.book-list ul li span,h1,h2 {

    line-height: 60px

}



a {

    color: #28b16d;

    white-space: initial

}



.btn-flex>a:first-child,.btn10,.prd-box p,h1 {

    color: #fff

}



a:hover {

    transition: .5s ease-in-out;

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out

}



img {

    max-width: 100%

}



input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    outline: 0

}



input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



ul {

    list-style-type: none

}



@font-face {

    font-family: 'Fonts Awesome';

    src: url(../fonts/fontawesome-webfont.eot);

    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype"),url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

    font-weight: 400;

    font-style: normal

}



.noLeft {

    padding-left: 0

}



.menuSec ul li:last-child a,.noRight {

    padding-right: 0

}



.mt-5 {

    margin-top: 50px

}



.mb-5 {

    margin-bottom: 50px

}



.mt-8 {

    margin-top: 80px

}



.iconlist,.mt-4 {

    margin-top: 40px

}



.mt-3,.prdtr-slidr .bordr-style,.prdtr-slidr1 .bordr-style {

    margin-top: 30px

}



.banner-text a,.mt-2 {

    margin-top: 20px

}



.pt-5 {

    padding-top: 100px!important

}



.pb-1 {

    padding-bottom: 10px

}



.pb-2 {

    padding-bottom: 20px

}



.pb-3 {

    padding-bottom: 30px

}



.pb-4 {

    padding-bottom: 40px

}



.m-0 {

    margin: 0!important

}



.header-icon a,.p-0 {

    padding: 0!important

}



.pt-4 {

    padding-top: 40px

}



.pt-3 {

    padding-top: 30px

}



.bok-box .book-txt,.pt-2 {

    padding-top: 20px

}



.centerCol {

    margin: 0 auto

}



.book-wrap,.d-flex,.profile,.review-sec,.table-space h3 {

    display: flex;

    align-items: center

}



.btn10,.menuSec ul li,.menuSec ul li a {

    position: relative;

    display: inline-block

}



.over-flow-h {

    overflow: hidden

}



.btn10 {

    border: 1px solid #a30000!important;

    text-align: center;

    overflow: hidden!important;

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

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

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

    transition: .3s ease-in-out;

    background: #a30000!important;

    z-index: 10;

    padding: 20px;

    border-radius: 10px;

    font-size: 17px;

    font-family: Poppins;

    font-weight: 400

}



.btn10:hover {

    border: 1px solid #a30000!important;

    color: #fff!important

}



.btn10::after,.btn10::before {

    content: '';

    width: 0%;

    display: block;

    left: -10%;

    box-shadow: 2px 0 14px rgb(0 0 0 / .6);

    border-color: #a30000!important;

    position: absolute;

    height: 100%;

    top: 0

}



.btn10::before {

    background: #a30000;

    -ms-transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg);

    transform: skewX(-20deg);

    opacity: 1;

    z-index: -12;

    -moz-transition: .7s cubic-bezier(.77, 0, .175, 1);

    -o-transition: .7s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1);

    transition: .7s cubic-bezier(.77, 0, .175, 1)

}



.btn10::after {

    background: #fff;

    -ms-transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg);

    transform: skewX(-20deg);

    opacity: 0;

    z-index: -15;

    -webkit-transition: .94s cubic-bezier(.2, .95, .57, .99);

    -moz-transition: .4s cubic-bezier(.2, .95, .57, .99);

    -o-transition: .4s cubic-bezier(.2, .95, .57, .99);

    transition: .4s cubic-bezier(.2, .95, .57, .99)

}



.btn10:hover::before,.btn1O:hover::before {

    opacity: 1;

    width: 116%

}



.btn10:hover::after,.btn1O:hover::after {

    opacity: 1;

    width: 120%

}



.flexRow {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center

}



.flexCol {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    align-items: center

}



h1 {

    margin: 0 0 17px

}



h2 {

    margin: 0 0 30px

}



h3 {

    font-size: 30px;

    line-height: 34px;

    font-weight: 600;

    margin: 0 0 28px

}



.footer-text h3,.pagination a,h4,h5,h6 {

    font-weight: 500

}



h4 {

    font-size: 24px;

    line-height: 29px;

    margin: 0 0 13px

}



h5 {

    font-size: 20px;

    line-height: 25px

}



h6 {

    font-size: 18px;

    line-height: 23px;

    margin: 0 0 22px

}



#book .data,p {

    line-height: 30px

}



p {

    font-size: 16px;

    font-weight: 400;

    margin: 0

}



select {

    background: url(../images/arrow.png) right no-repeat #fff;

    padding: 0 40px 0 30px

}



::-webkit-input-placeholder {

    color: #575757

}



::-moz-placeholder {

    color: #575757;

    opacity: 1

}



:-ms-input-placeholder {

    color: #575757

}



:-moz-placeholder {

    color: #575757;

    opacity: 1

}



.menuSec {

    padding: 10px 0

}



.menuSec img {

    margin: 0;

    width: 50%

}



.menuSec ul {

    position: relative;

    padding: 0;

    margin: 0;

    text-align: right;

    text-transform: capitalize

}



.menuSec ul li {

    margin: 0;

    padding: 0

}



#get-number,.form-art i,.menuSec li ul,.menuSec li>ul>li>a:after,.menuSec li>ul>li>a:before,.menuSec ul li:last-child a:after,.table-space span br,.tabs-cst,li.mbl-search ul,span.my-number,ul.footer-copy.mbl-copy {

    display: none

}



.header-icon ul {

    display: flex;

    align-items: initial;

    justify-content: space-between

}



.menuSec ul li a {

    color: #d89603;

    padding: 12px 10px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 400

}



.menuSec ul li a.active,.menuSec ul li a:hover {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    color: #d89603;

    font-weight: 550

}



.menuSec li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #d89603;

    left: 0;

    width: 230px;

    text-align: left;

    top: 38px

}



.menuSec li>ul>li>a {

    border: none;

    padding: 13px 20px!important;

    color: #fff!important;

    overflow: hidden;

    line-height: 20px

}



.menuSec li>ul>li,.menuSec li>ul>li>a {

    display: block;

    margin: 0;

    font-size: 18px

}



.droopdwon li:hover li a:hover,.menuSec li ul li a:hover {

    background-color: #fff;

    color: #000!important

}



.menuSec ul ul ul {

    left: 100%;

    top: 0

}



.menuSec ul:after,.menuSec ul:before {

    content: " ";

    display: table

}



.menuSec li>ul>li:hover>ul {

    left: 230px;

    top: 0;

    width: 270px

}



.droopdwon li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000;

    left: 0;

    width: 230px;

    text-align: left;

    top: 40px

}



.droopdwon {

    float: left

}



.dropdown-menu {

    position: absolute!important;

    z-index: 1000;

    display: block;

    min-width: 10rem;

    padding: .5rem 0;

    margin: 0;

    font-size: 1rem;

    color: #212529;

    text-align: left!important;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid;

    border-radius: .25rem

}



#book .cover h1,#book .data,#controls,.about-img,.banner-img,.bok-box,.bok-box .book-txt h3,.btn-cnt,.content-inner,.countrr_wrpp input,.or-amazon a,.pages-content,.popup-display,.prd-box h4,.prdtr-slidr .item,section.review-sec h2 {

    text-align: center

}



section.banner .row {

    position: relative;

    flex-flow: nowrap;

    justify-content: center

}



#particles-js {

    position: absolute;

    height: 100%;

    width: 100%;

    background: #fff0;

    opacity: .3;

    top: 0

}



section.banner .row:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 85%;

    background: #00000094

}



.banner-text h2 {

    color: #fff;

    font-size: 45px;

    line-height: 55px;

    margin-bottom: 70px;

    font-weight: 700

}



.banner-text p {

    color: #000

}



.btn-1 {

    color: #fff;

    border: 1px solid;

    padding: 8px 15px;

    display: inline-block;

    position: relative

}



.banner-text,.banner-text h2 span,.bok-box .book-txt h3 span,.info-chat span,.popup-display.open,.tabs-cst.open {

    display: block

}



.btn-1:before {

    content: '';

    position: absolute;

    top: 0;

    left: -20%!important;

    width: 140%;

    height: 100%;

    background-image: url(../images/btn.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    z-index: -1

}



.banner-img {

    margin-top: 30px;

    position: relative;

    z-index: 1;

    transform: scale(.7) translateY(-100px)

}



.banner-img img {

    width: 75%;

    height: 650px;

    object-fit: cover

}



section.banner {

    padding-top: 145px;

    height: 100vh

}



.banner-img:before {

    content: '';

    position: absolute;

    top: -20px;

    right: 40px;

    width: 70%;

    height: 100%;

    border: 1px solid #fff

}



section.banner .row:after {

    content: '';

    position: absolute;

    top: -40px;

    left: 30px;

    width: 25%;

    height: 40%;

    background: radial-gradient(#d89603,#fc8553,#e0412d,#d89603);

    z-index: 0;

    opacity: 0

}



.banner-img:after {

    content: '';

    bottom: -50px;

    position: absolute;

    left: 20px;

    width: 40%;

    height: 71%;

    border: 20px solid #fff;

    box-shadow: 0 0 10px #00000026;

    z-index: -1

}



img.banner-righ {

    position: absolute;

    right: 0;

    z-index: -1;

    width: 100%;

    top: -23vh;

    height: 62vw;

    object-fit: cover

}



.about-img,.about-text,.about-text h3,.banner-text {

    position: relative;

    z-index: 1

}



header {

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 99

}



section.banner:before {

    content: '';

    position: absolute;

    top: -10vw;

    left: 0;

    width: 46%;

    height: 60vw;

    z-index: 0;

    clip-path: polygon(0 0,100% 0,100% 100%,0 85%)

}



.banner-text {

    top: -40px

}



section.about-wrap {

    background: #000;

    display: flex;

    align-items: center

}



.about-text h2 {

    color: #fff;

    font-size: 122px;

    line-height: 1

}



.about-text p {

    color: #fff;

    margin-bottom: 18px

}



.about-text h3 {

    color: #fff;

    font-size: 52px;

    margin-top: 15px;

    padding-top: 15px;

    margin-bottom: 40px

}



#book .data,.countrr_wrpp input {

    font-size: 15px

}



.about-text h3:before {

    content: '';

    position: absolute;

    left: -15vw;

    background: #d89603;

    width: 70vw;

    height: 85px;

    z-index: -1;

    top: -7px

}



section.add-to-cart:before,section.chfold1:after {

    background-image: url(../images/cart-bg.png);

    background-size: cover

}



.about-img img:nth-child(2) {

    position: absolute;

    top: 0;

    left: -28px;

    z-index: -1;

    width: 134%;

    height: 100%

}



.about-img img:nth-child(3) {

    position: absolute;

    bottom: 139px;

    right: -50px

}



img.about-shade {

    position: absolute;

    top: -25%;

    width: 100%;

    height: 100%

}



.book-list ul,.gallery-img img {

    margin-bottom: 0

}



section.gallery-wrap {

    display: flex;

    align-items: center;

    background-size: cover;

    justify-content: center

}



h2.gal-h2 {

    position: absolute;

    width: 100%

}



.bok-box,.book-list form,.book-sec,.book-wrapper,.bordr-style,.double-bgn,.footer-pera,.footer-text.footer-aft,.footer-text>div,.form-art,.info-avatar,.or-amazon,.prdtr-slidr .item>a,.review-b,.review-sec,.search-box-bokkk,.theme_btn,section.login {

    position: relative

}



.book-list {

    background: #d89603;

    padding: 30px 0

}



.book-list input {

    background-color: rgb(255 255 255 / 25%);

    border: unset;

    width: 100%;

    height: 50px;

    padding: 0 10px;

    color: #fff

}



.book-list form i {

    position: absolute;

    top: 17px;

    right: 20px;

    color: #fff;

    font-size: 20px

}



.book-list input::placeholder {

    color: #fff;

    font-style: italic

}



.book-list ul li span {

    font-size: 28px;

    color: #fff;

    font-weight: 300;

    cursor: pointer

}



.book-list ul li {

    border-bottom: 1px solid #ffffffbf!important;

    margin-bottom: 10px;

    padding: 0 30px

}



.book-wrapper {

    margin: 2% auto;

    width: 670px;

    user-select: none

}



.book-wrapper img {

    filter: drop-shadow(15px 5px 5px #494338)

}



.pages-container {

    position: absolute;

    top: 4%;

    left: 3%;

    right: 0;

    bottom: 0;

    width: 91.5%;

    height: 91%

}



.page-num-1 .pages-background,.pages-content {

    top: 0;

    width: 100%;

    height: 100%;

    position: absolute

}



section.book-wrap .col-lg-8 .row {

    flex-wrap: wrap

}



.checkbxx,.reviews-wrap form .row,section.book-wrap .row {

    align-items: center

}



.pages [class^=page-num-] {

    background-image: url(https://img00.deviantart.net/cbb9/i/2005/258/c/4/paper_texture_v5_by_bashcorpo.jpg);

    background-size: auto 100%;

    position: relative

}



.pages-content {

    display: table;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 10%

}



.content-inner {

    display: table-cell

}



.page-num-1 .pages-background {

    background: linear-gradient(rgb(255 255 255 / .1),rgb(255 255 255 / .1)) 0 0/cover,url(https://openclipart.org/image/2400px/svg_to_png/242093/Vintage-Floral-Texture-Background.png) 0 0/cover;

    opacity: .2;

    left: 0

}



.countrr_wrpp .counter {

    width: 120px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 3px 0

}



.countrr_wrpp .up,.down {

    display: block;

    color: #fff;

    font-size: 18px;

    padding: 0 7px;

    margin: 5px;

    box-sizing: border-box;

    cursor: pointer;

    border-radius: 20px;

    width: 24px;

    line-height: 24px;

    height: 24px;

    user-select: none

}



.countrr_wrpp .up:hover,.down:hover {

    color: #010200

}



.countrr_wrpp input {

    appearance: none;

    border: 0;

    background: #fff0;

    width: 42px;

    line-height: 24px;

    border-radius: 5px;

    color: #fff

}



.add_to_cart_secc {

    padding: 40px 0 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #620102

}



.add_to_cart_secc .addtocart_textt>h2 {

    font-family: Oswald;

    font-size: 48px;

    line-height: 60px;

    font-weight: 400;

    letter-spacing: 2px;

    color: #fff;

    margin-bottom: 0;

    text-transform: capitalize

}



.add_to_cart_secc .addtocart_textt>ul {

    justify-content: space-between;

    margin-bottom: 30px

}



.add_to_cart_secc .addtocart_textt>ul>li>ul {

    gap: 4px

}



.add_to_cart_secc .addtocart_textt>ul>li>ul>li>i {

    color: #ffae00;

    font-size: 30px

}



.add_to_cart_secc .addtocart_textt>ul>li>span {

    font-size: 55px;

    color: #fff;

    font-family: Oswald;

    font-weight: 300

}



.add_to_cart_secc .addtocart_textt>p {

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    font-weight: 300;

    font-family: Roboto;

    margin-bottom: 30px

}



.bok-box .book-txt h3,.bok-box .book-txt h6 {

    font-family: Montserrat,sans-serif;

    margin: 10px 0

}



.add_to_cart_secc .addtocart_textt>.countrr_wrpp {

    display: flex;

    align-items: center;

    gap: 50px;

    margin-top: 50px

}



.painting_img_wrp>img {

    width: 100%;

    height: 570px;

    object-fit: cover

}



.add_to_cart_secc:after {

    position: absolute;

    content: "";

    /*background-image: url(../images/vec1.png);*/

    width: 47%;

    height: 110%;

    right: 0;

    bottom: -70px;

    background-repeat: no-repeat;

    background-size: 100%;

    z-index: -1

}



.member_secc {

    padding-top: 60px;

    padding-bottom: 60px

}



.member_secc .member_boxx {

    background: #d89603;

    padding: 40px 0

}



.member_secc .member_boxx h2 {

    font-size: 62px;

    color: #fff;

    margin: 0;

    font-weight: 400

}



.member_secc .btn-1 {

    width: fit-content;

    display: flex;

    margin-inline-start:auto;height: 60px;

    align-items: center;

    padding: 0 40px;

    font-size: 25px;

    font-weight: 300;

    border: 1px solid #fff;

    z-index: 1;

    position: relative

}



.member_secc .btn-1:before {

    background-image: url(../images/vec2.png);

    width: 100%;

    height: 90px;

    background-size: contain;

    top: -10px;

    background-repeat: no-repeat;

    z-index: -2;

    left: 10px

}



section.add_to_cart_secc.inn-cart-paint {

    position: static!important;

    padding-top: 110px;

    padding-bottom: 60px

}



.last_height {

    height: 170px

}



footer.footer-sec {

    padding: 0;

    position: relative;

    height: 100vh;

    background: #d89603;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    justify-content: center

}



ul.footer-copy,ul.footer-list-link li {

    align-items: center;

    gap: 20px;

    display: flex

}



.double-bgn:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 30%;

    left: 0;

    top: auto;

    background-image: url(../images/footer-bg.png);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

    bottom: 0

}



footer.footer-sec:before {

    position: absolute;

    content: '';

    width: 80%;

    height: 80%;

    left: 7%;

    top: 13%;

    z-index: -1;

    border: 1px solid #828080;

    display: none

}



.footer-logo {

    margin-bottom: 10px;

    width: 50%

}



.footer-pera p {

    font-size: 13px;

    line-height: 23px;

    width: 70%;

    padding: 20px 10px;

    color: #fff

}



.footer-text h3,ul.footer-list li a {

    font-family: Roboto;

    line-height: 40px

}



.footer-pera:after {

    background: #d89603;

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    opacity: 1;

    z-index: -1;

    display: none;

    left: -33px

}



.footer-text.footer-lef:after,.review-b::before {

    background-size: contain;

    background-repeat: no-repeat;

    content: ''

}



.footer-pera:hover:after {

    opacity: 1;

    transition: 1s ease-in-out

}



ul.footer-copy {

    justify-content: flex-start;

    width: 70%;

    margin: 30px 70px 0 auto;

    color: #fff

}



ul.footer-copy p {

    line-height: 24px;

    color: #fff;

    font-family: Roboto;

    font-weight: 300

}



ul.footer-list li a {

    font-size: 14px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 300

}



ul.footer-list {

    column-count: 2;

    margin-bottom: 50px

}



ul.footer-list a:hover {

    color: #1e1930

}



ul.footer-list-link li {

    justify-content: flex-start;

    padding: 7px 0

}



ul.footer-list-link p {

    color: #ffffff8c

}



.footer-text h3 {

    font-size: 33px;

    text-transform: capitalize;

    margin-bottom: 20px;

    color: #fff

}



.add-to-cart thead tr th,.log-in-wrap h2,.or-amazon p,.proceed a,.table-space span,button.btn-black,li.color-change {

    text-transform: uppercase

}



.footer-text input::placeholder {

    color: #fff;

    text-transform: capitalize

}



.footer-text input {

    width: 100%;

    height: 60px;

    padding: 20px 150px 20px 20px;

    background: #fff0;

    border: 0;

    border-bottom: 1px solid #fff;

    color: #fff;

    transition: 1s ease-in-out

}



.footer-text input:hover {

    border-color: #b8a271;

    transition: 1s ease-in-out

}



.bok-box,.bok-box .book-img img,.review-b {

    transition: .3s ease-in-out

}



ul.footer-social li i {

    font-size: 20px;

    color: #fff;

    width: 50px;

    height: 50px;

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    transition: 1s ease-in-out

}



ul.footer-social li i:hover {

    box-shadow: inset 0 0 0 40px #d89603;

    border-color: #000;

    transition: 1s ease-in-out;

    transform: scale(1.2);

    animation: .6s cubic-bezier(.25,.46,.45,.94) both rotate-in-center

}



@-webkit-keyframes rotate-in-center {

    0% {

        -webkit-transform: rotate(-360deg);

        transform: rotate(-360deg);

        opacity: 0

    }



    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

        opacity: 1

    }

}



@keyframes rotate-in-center {

    0% {

        -webkit-transform: rotate(-360deg);

        transform: rotate(-360deg);

        opacity: 0

    }



    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

        opacity: 1

    }

}



ul.footer-social {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    margin-top: 40px

}



.footer-text.footer-lef:after {

    position: absolute;

    width: 10%;

    height: 10%;

    left: -18.1%;

    top: -12%;

    background-image: url(../images/ft-after.png);

    background-position: center

}



@-webkit-keyframes slide-bottom {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        -webkit-transform: translateY(300px);

        transform: translateY(400px)

    }

}



@keyframes slide-bottom {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        -webkit-transform: translateY(400px);

        transform: translateY(400px)

    }

}



.footer-text.footer-lef {

    position: relative;

    margin-left: 40px

}



.footer-text.footer-lef:before {

    position: absolute;

    content: '';

    width: 1px;

    height: 165%;

    left: -13%;

    top: -38.5%;

    background: #d89603

}



@-webkit-keyframes slide-bottom {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        -webkit-transform: translateY(300px);

        transform: translateY(300px)

    }

}



@keyframes slide-bottom {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        -webkit-transform: translateY(300px);

        transform: translateY(300px)

    }

}



.footer-text.footer-aft:after {

    position: absolute;

    content: '';

    width: 1px;

    height: 136%;

    right: -16px;

    top: -12%;

    background: #fff

}



ul.footer-list-link>li>i {

    color: #fff;

    font-size: 19px

}



.footer-text>div>form>button {

    background: #fff0;

    padding: 8px 30px;

    position: absolute;

    right: 0;

    bottom: 10px

}



section.gallery-wrap h2,section.product-sec h2 {

    color: #fff;

    font-size: 82px;

    text-align: center

}



.prd-box h4 {

    color: #fff;

    font-size: 30px;

    line-height: 52px

}



.prd-box h4 span {

    color: #d89603;

    display: block

}



section.product-sec {

    padding: 30px 0

}



#book {

    margin: auto;

    width: 900px;

    height: 620px

}



#book .turn-page {

    background-color: #e4dece

}



#book .cover {

    background: #e4dece

}



#book .cover h1 {

    color: #fff;

    font-size: 50px;

    line-height: 500px;

    margin: 0

}



#book .loader {

    background-image: url(loader.gif);

    width: 24px;

    height: 24px;

    display: block;

    position: absolute;

    top: 238px;

    left: 188px

}



#book .data {

    color: #999;

    padding: 40px

}



#controls,#controls input,#controls label {

    font: 30px arial

}



#controls {

    width: 800px;

    margin: 20px 0

}



#book .odd {

    background-image: -webkit-linear-gradient(left,#fff 95%,#ddd 100%);

    background-image: -moz-linear-gradient(left,#fff 95%,#ddd 100%);

    background-image: -o-linear-gradient(left,#fff 95%,#ddd 100%);

    background-image: -ms-linear-gradient(left,#fff 95%,#ddd 100%)

}



#book .even {

    background-image: -webkit-linear-gradient(right,#fff 95%,#ddd 100%);

    background-image: -moz-linear-gradient(right,#fff 95%,#ddd 100%);

    background-image: -o-linear-gradient(right,#fff 95%,#ddd 100%);

    background-image: -ms-linear-gradient(right,#fff 95%,#ddd 100%)

}



.book-arres {

    position: absolute;

    width: 104%;

    top: 0;

    height: 100px;

    bottom: 0;

    left: -2%;

    right: 0;

    margin: auto;

    z-index: 999;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.book-arres>a:last-child {

    transform: rotate(180deg)

}



.spacerr,.spacerr2,.spacerr3,.spacerr4,.spacerr5 {

    width: 0;

    max-width: initial

}



.about-wrap,.add_to_cart_secc,.book-wrap,.footer-sec,.gallery-wrap,.product-sec,.review-sec {

    position: absolute!important;

    width: 100%;

    top: 0;

    height: 100vh;

    z-index: 0

}



.about-wrap .row,.add_to_cart_secc .row,.book-wrap .row,.gallery-wrap .row {

    flex-flow: nowrap;

    justify-content: center

}



section.gallery-wrap.sec1 .row {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    align-items: center;

    height: 100%

}



section.book-wrap.all-section.position-relative {

    background: #d5c086

}



footer.footer-sec>.container {

    border: 2px solid #fff;

    padding: 31px

}



.row>div,section.productdetailsec .row {

    transform: scale(.7)

}



section.book-wrap .row>div,section.contact-page-main .row>div,section.get-touch {

    transform: scale(.8)

}



section.product-sec .prd-box {

    transform: translateY(-80px) scale(1.1)

}



.banner .row>div,.footer-sec .row>div,.termsec .row div {

    transform: none

}



.popup-display {

    position: fixed;

    height: 100%;

    width: 100%;

    background: #000000f2;

    z-index: 999;

    top: 0;

    padding: 100px 0;

    display: none;

    overflow-y: scroll

}



.form-art,.popup-display>.lg-pic {

    width: 45%

}



.popup-display>img {

    width: 20%;

    margin: 0 0 30px

}



.btn-flex {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 100px;

    flex-direction: row-reverse

}



.forgot-pass,.log-in-page-main .form-check,.rev-btn,.theme_btn {

    display: inline-block

}



.btn-flex>a:first-child::before,.btn-flexs>a:nth-child(2)::before {

    filter: invert(8%) sepia(7%) saturate(10960%) hue-rotate(210deg) brightness(57%) contrast(92%)

}



.btn-flex>a:before {

    left: -30px

}



span.close-this {

    position: absolute;

    font-size: 50px;

    color: #fff;

    z-index: 99;

    right: 100px;

    cursor: pointer

}



.btn-flexs>a {

    display: flex;

    width: 150px;

    align-items: center;

    justify-content: center;

    margin: 20px auto

}



.btn-flexs>a:nth-child(3)::before {

    filter: brightness(127)

}



.btn-flexs>a:nth-child(3) {

    color: #000;

    border-color: #fff

}



.popup-display h3 {

    color: #fff;

    font-size: 40px

}



.form-art {

    margin: 10px auto

}



.form-art>button,.form-art>input,.form-art>select {

    height: 50px;

    width: 100%;

    background: #fff0;

    border: 1px solid #fff;

    margin: 0 0 20px;

    color: #fff;

    padding: 0 20px

}



.pagination a,ul.pagination li span {

    width: 50px;

    display: flex;

    height: 50px

}



.form-art>select+i {

    position: absolute;

    right: 20px;

    color: #fff;

    z-index: 1;

    margin-top: -55px;

    font-size: 20px

}



::placeholder {

    color: #fff

}



.book-sec {

    padding-top: 0

}



.book-sec h2 {

    font-size: 80px;

    margin-bottom: 50px

}



.bok-box:hover {

    box-shadow: 0 0 5px 0 #cd4253;

    border-radius: 5px;

    transform: scale(1.05)

}



.review-sli .slick-slide.slick-current.slick-active.slick-center .review-b,.review-sli-con .review-b {

    box-shadow: 0 0 10px 0 #0002;

    background-color: #fff

}



.bok-box {

    margin: 20px 0;

    padding: 10px;

    border: 1px solid #d89603;

    background: #fff0;

    height: 580px

}



section.description .bok-box {

    height: 450px

}



.bok-box .book-img img {

    filter: drop-shadow(2px 2px 10px #00000066);

    width: 360px;

    height: 370px;

    object-fit: contain

}



.bok-box .book-txt .d-flex {

    justify-content: center;

    margin: 10px 0

}



.bok-box .book-txt .d-flex i {

    color: #fcbf18;

    padding-right: 5px

}



.bok-box .book-txt .d-flex i:last-child {

    color: #e1e1e1;

    padding-right: 0

}



.bok-box .book-txt h3 {

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    line-height: 28px

}



.bok-box .book-txt h6 {

    color: #1b16ff;

    font-size: 25px;

    font-weight: 400

}



.pt-8,section.galley-wrap {

    padding-top: 80px

}



.pb-8 {

    padding-bottom: 80px

}



.pagination {

    justify-content: center;

    gap: 10px

}



.page-item:first-child .page-link {

    font-size: 22px;

    font-weight: 900;

    color: #fff

}



.pagination a {

    align-items: center;

    justify-content: center;

    margin: 0 10px;

    color: #fff;

    background: unset;

    border-radius: 50px!important;

    font-size: 22px

}



ul.pagination li span {

    background: unset!important;

    border: 1px solid #fff;

    border-radius: 50px!important;

    align-items: center;

    justify-content: center;

    font-size: 23px

}



.page-item.active .page-link {

    border-color: #d89603;

    background: #d89603!important

}



.pagination a.active,.pagination a:hover {

    background-color: #d89603;

    color: #fff

}



.search-box-bokkk {

    width: 50%;

    margin: auto

}



.search-box-bokkk>input {

    width: 100%;

    height: 40px;

    border-radius: 6px;

    background: #fff0;

    border: 1px solid #fff;

    padding: 0 70px 0 20px;

    color: #fff

}



.search-box-bokkk>button {

    height: 40px;

    width: 40px;

    right: 0;

    position: absolute;

    border: 0;

    background: #d89603;

    color: #fff

}



.review-box-container .slick-active,.review-sli .slick-slide {

    opacity: 1

}



.review-sec {

    padding: 80px 0

}



.review-b::before {

    position: absolute;

    right: 50px;

    bottom: 45px;

    height: 40px;

    width: 40px;

    background-image: url(../images/review-b-icon.png)

}



.review-b {

    background: #f9fafb;

    border-radius: 15px;

    margin: 20px 50px 20px 0;

    padding: 10px 20px

}



.review-b .d-flex {

    align-items: center;

    margin-bottom: 10px

}



.art-fram-sz,.review-b ul {

    display: flex;

    align-items: center

}



.prdtc-rvw i:hover,.review-b .d-flex i {

    color: #ffc107

}



.review-b .d-flex span {

    margin-left: 10px

}



.review-b ul {

    margin: 0

}



.review-b ul li img {

    height: 50px;

    width: 43px;

    object-fit: cover;

    margin-right: 10px;

    border-radius: 50%

}



.review-b ul li h5 {

    color: #161616;

    font-size: 15px;

    line-height: 20px;

    margin: 0

}



.review-b ul li h5 span {

    display: block;

    font-size: 13px;

    color: #8a8a8a

}



.review-sli-con .review-b {

    padding: 50px 30px;

    margin: 20px 10px

}



#whatsapp-chat,.hide,.show,section.contact-page-main .row .col-md-6 .row>div,section.get-touch .row.for-trns>div,section.review-sec .row>div {

    transform: scale(1)

}



section.review-sec h2 {

    color: #fff

}



section.review-sec .slick-slide {

    opacity: 1;

    margin: 0

}



.header-icon img,ul.product-detail-heading li:first-child {

    width: auto

}



.header-icon ul li a i {

    font-size: 30px

}



.popup-display.load .btn-1 {

    background: #d89603;

    border: 5px inset #dbb150;

    border-radius: 5px;

    padding: 8px 40px;

    text-transform: uppercase

}



.popup-display.load .btn-1:before {

    opacity: 0

}



.popup-display.load .btn-1:hover {

    color: #fff;

    border-color: #d89603;

    transition: none!important

}



.col-md-6 .form-art {

    width: 100%;

    background: #d89603;

    padding: 20px;

    border-radius: 5px

}



.d-flex.gap-5 {

    width: 80%;

    margin: 60px auto 0;

    align-items: self-start

}



section.login {

    padding: 80px 0 40px

}



.log-in-bg {

    background-image: url(../images/log-in-bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat

}



.text-blue {

    color: #100c6c

}



.art-fram-sz span,.text-black {

    color: #000!important

}



.log-in-wrap {

    padding: 60px 35px;

    border: 1px solid #e1e1e1;

    background-color: #fdfdfd;

    border-radius: 4px

}



.log-in-wrap h2 {

    margin: 0 0 40px;

    color: #000;

    font-size: 36px;

    line-height: 1;

    font-weight: 700;

    text-align: inherit;

    padding-left: 25px

}



.add-to-cart a,.add-to-cart h4,.add-to-cart input,.table-space h3 {

    font-weight: 500;

    text-align: center

}



.width-100 {

    width: 100%!important

}



.log-in-page-main .form-check label.form-check-label {

    font-size: 14px;

    font-weight: 500;

    color: #000

}



.forgot-pass {

    width: 72%;

    text-align: right

}



.forgot-pass a {

    font-size: 14px;

    margin: 20px 0;

    font-weight: 500;

    color: #000

}



.agree-text {

    font-size: 16px;

    margin: 20px 0;

    font-weight: 500;

    color: #000

}



.term-condition {

    font-weight: 500;

    margin-left: 10px;

    border-bottom: 2px solid #d89603;

    color: #d89603!important

}



.pt-80 {

    padding-top: 80px!important

}



.inner-ser-img img {

    height: 400px;

    object-fit: cover

}



.account-form input[type=email],.account-form input[type=number],.account-form input[type=password],.account-form input[type=tel],.account-form input[type=text],.account-form input[type=url],.account-form select,.account-form textarea {

    border: 1px solid #eaeaea;

    background-color: #fff;

    font-size: 14px;

    line-height: 20px;

    height: 55px;

    margin-bottom: 20px;

    width: 100%;

    padding: 0 15px;

    border-radius: 0;

    box-shadow: none;

    font-family: Poppins

}



.account-form textarea {

    padding: 10px;

    height: 167px

}



.account-form input[type=email]::placeholder,.account-form input[type=number]::placeholder,.account-form input[type=password]::placeholder,.account-form input[type=tel]::placeholder,.account-form input[type=text]::placeholder,.account-form input[type=url]::placeholder,.account-form textarea::placeholder {

    font-family: MyRiadRegular,sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #c1c1c1!important

}



.form-check-input[type=checkbox] {

    border-radius: 0;

    border: 2px solid #d89603!important

}



section.login button.theme_btn {

    margin-bottom: 10px;

    font-size: 23px;

    border-radius: 0

}



section.login .theme_btn::before {

    border-radius: 0

}



.theme_btn {

    padding: 15px 30px;

    border: unset;

    border-radius: 35px;

    color: #fff;

    z-index: 1;

    background: #d89603;

    font-size: 25px;

    -webkit-box-shadow: 4px 8px 19px -3px rgb(0 0 0 / .27);

    box-shadow: 4px 8px 19px -3px rgb(0 0 0 / .27);

    transition: 250ms;

    overflow: hidden

}



.theme_btn:hover {

    background: #000

}



.add-to-cart thead {

    background: #000;

    font-family: Poppins

}



.add-to-cart .table>thead>tr>th {

    border-bottom: 0;

    padding-bottom: 25px;

    padding-top: 25px

}



.add-to-cart thead tr th {

    font-size: 16px;

    font-weight: 400;

    line-height: 18px

}



.table-space h3 {

    font-size: 25px;

    color: #fff;

    margin-bottom: 0;

    margin-top: 0;

    line-height: 37px

}



.art-fram-sz {

    gap: 20px;

    border-radius: 8px

}



.table-space h3 spa {

    max-height: 130px;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    line-height: 1.3

}



.table-space span {

    font-size: 15px;

    font-weight: 500;

    color: #fff!important;

    margin-top: 10px

}



.table-space {

    margin-top: 18px;

    margin-bottom: 10px;

    display: inline-block

}



tr.space {

    border-bottom: 1px solid #ccc

}



section.add-to-cart {

    position: relative;

    padding: 8% 0 5%

}



section.add-to-cart:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    z-index: -1;

    top: 0

}



.add-to-cart input {

    width: 100%;

    height: 49px;

    border-radius: 6px;

    border: 1px solid #ebebeb;

    font-size: 23px;

    color: #000;

    margin-top: 24px

}



.add-to-cart a {

    font-size: 16px;

    display: block;

    padding-top: 9px;

    color: #fff

}



.add-to-cart h4 {

    font-size: 25px;

    color: #fff;

    margin: 0

}



a.remove {

    color: #fff;

    font-size: 29px;

    padding: 9px 17px;

    border: 1px solid #e6e5e5;

    background: #d89603

}



.ship-estimate .grey-style,.ship-estimate li,.total-section li,li.color-change {

    color: #000;

    font-weight: 500

}



.total-section {

    border: 1px solid #e5e5e5;

    padding: 27px 20px;

    background: #f9f9f9

}



.total-section li {

    font-size: 19px;

    padding-bottom: 20px

}



li.color-change {

    font-size: 19.96px

}



.total-section li.color-change span {

    font-weight: 500;

    font-size: 23.96px;

    color: #000

}



.total-section li span {

    float: right

}



.ship-estimate {

    background-color: #f9f9f9;

    padding: 10px 20px;

    border: 1px solid #e5e5e5;

    margin-top: 168px

}



.ship-estimate li {

    font-size: 23px;

    margin-bottom: 5px

}



.ship-estimate ul {

    margin-top: 20px;

    margin-bottom: 50px

}



.ship-estimate .grey-style {

    font-size: 20px

}



.proceed a {

    color: #fff;

    text-align: left;

    font-size: 16px;

    font-weight: 500;

    font-family: avenirLTStd-Black

}



.col-7.no-space {

    align-self: start;

    margin-top: 20px

}



.proceed .checkout-btn {

    border: none;

    padding: 20px;

    width: 100%;

    font-size: 16px;

    margin-top: 4px;

    border-radius: 0;

    text-align: center;

    color: #000;

    background: #fff

}



.or-amazon {

    margin-top: 50px;

    border: 1px solid #000;

    padding: 30px 50px;

    border-radius: 5px;

    background: #f9f9f9

}



.checkout-box,.order-det-box {

    padding: 50px 50px 20px;

    height: 100%

}



.or-amazon p {

    font-size: 12px;

    position: absolute;

    background: #f9f9f9;

    top: -18px;

    left: 0;

    right: 0;

    margin: 0 auto;

    padding: 5px 20px;

    color: #000;

    display: block;

    border: 1px solid #000;

    width: 90%

}



.product-img {

    display: inline-block;

    width: 100%;

    border-radius: 10px;

    text-align: center

}



.product-img img {

    width: 160px;

    height: 150px;

    object-fit: contain

}



.table>:not(:last-child)>:last-child>* {

    border-bottom-color: currentColor;

    font-size: 17px;

    font-weight: 600;

    color: #fff;

    text-align: center;

    font-family: Roboto

}



section.add-to-cart.padding-80 span i {

    color: #008081

}



section.add-to-cart .row>div,section.description .row>div,section.reviews-wrap .row>div {

    transform: scale(.9)

}



section.chfold1 {

    padding: 130px 0 80px;

    position: relative

}



section.chfold1:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    z-index: -1;

    left: 0;

    top: 0

}



.checkout-box {

    border: 1px solid #d9d9d9;

    margin-top: 0;

    background: #fff

}



.bx-title {

    font-size: 19.87px;

    margin: 0 0 20px;

    font-weight: 600;

    color: #000

}



.checkbxx,.under-product {

    margin: 10px 0;

    display: flex

}



.checkout-box input:not(input[type=check]) {

    height: 40px;

    padding: 0 10px;

    width: 100%;

    border: 1px solid #d9d9d9;

    border-radius: 0;

    outline: 0;

    color: #000;

    font-size: 16px;

    margin-bottom: 27px;

    background: #fff0

}



.checkout-box input:not(input[type=check])::placeholder {

    color: #000

}



.order-headins,.order-headins2 {

    font-size: 15.91px

}



.bank-det,.checkbxx {

    font-size: 13.92px;

    color: #7c7c7c

}



.order-det-box hr {

    opacity: .5;

    width: 110%;

    position: relative;

    left: -5%

}



.order-det-box {

    border: 1px solid #b1afaf;

    background: #fff

}



.under-product {

    align-items: center;

    justify-content: space-between

}



.under-product.sub-total>div {

    font-weight: 700

}



.checkbxx input {

    margin-right: 20px;

    height: 20px;

    width: 20px

}



.under-product.bdr-po {

    border-top: 1px solid #8d8d8d;

    border-bottom: 1px solid #8d8d8d;

    padding: 10px 25px;

    margin: 40px 0;

    width: 110%;

    position: relative;

    left: -5%

}



.radiobtn {

    display: flex;

    align-items: flex-start;

    margin-top: 20px;

    justify-content: flex-start

}



.bank-det {

    font-family: Roboto

}



.radiobtn input {

    height: 20px;

    position: relative;

    top: 2px;

    margin-right: 10px;

    outline: 0

}



.radiobtn input:before {

    position: absolute;

    background: #fff;

    content: '';

    border-radius: 50%;

    top: 2px;

    left: -1px;

    border: 4px solid #d3d3d3;

    height: 15px;

    width: 15px

}



.radiobtn input:checked::before {

    background: #008081;

    border-color: #e9e9e9

}



button.btn-black {

    width: 100%;

    height: 50px;

    font-size: 19px;

    background: #000;

    color: #fff;

    outline: 0;

    border: none;

    font-weight: 600

}



.checkout-box label {

    margin-bottom: 10px;

    color: #8d8d8d

}



.checkout-box input::placeholder {

    color: #8d8d8d!important

}



section.chfold1 .row>div,section.productdetailsec .row>div,section.reviews-wrap form .row>div {

    transform: unset

}



.productdetailsec {

    padding: 80px 0 50px;

    position: relative

}



.productdetailtext h3 {

    font-size: 48px;

    line-height: 60px;

    font-weight: 400;

    letter-spacing: 2px;

    color: #fff;

    margin-bottom: 0;

    text-transform: capitalize

}



.productdetailtext span {

    color: #d89603;

    font-size: 24px!important;

    line-height: 1.3;

    font-weight: 600;

    margin: 10px 0 0;

    display: block

}



ul.d-flex {

    padding: 0;

    margin: 25px 0 0

}



.productdetailtext ul li {

    list-style: none;

    display: inline-block;

    color: #fff;

    font-size: 26px;

    font-weight: 700

}



.productdetailtext ul li a i {

    color: #ecd547;

    font-size: 22px;

    margin-right: 5px

}



.productdetailtext ul li:last-child a i,.productdetailtext ul li:nth-child(4) a i {

    color: #dadada

}



.productdetailtext p {

    color: #fff;

    font-size: 18px;

    line-height: 28px;

    padding: 30px 0 0;

    font-weight: 400

}



.productdetailtext .input-group span.glyphicon.glyphicon-plus {

    font-size: 13px;

    margin: 0;

    top: -15px;

    right: 3px

}



.productdetailtext .input-group input.form-control.input-number {

    width: 100%;

    margin: 0 auto;

    display: table;

    height: 50px;

    text-align: center

}



.productdetailtext .input-group button.btn.btn-default.btn-number {

    border-radius: 50px;

    width: 30px;

    height: 30px;

    margin: 0 15px

}



.productdetailtext .input-group span.glyphicon.glyphicon-minus {

    font-size: 13px;

    margin: 0;

    top: -13px;

    right: 5px

}



.productdetailtext .input-group {

    width: 50%;

    margin: 0 0 34px

}



.iconlist ul {

    padding: 0;

    margin: 0 0 40px

}



.iconlist ul li {

    line-height: 30px;

    color: #fff;

    font-size: 16px

}



.iconlist ul li i {

    margin: 0 17px 15px 0;

    font-size: 30px;

    color: #fff

}



.productdetailtext .input-group span.input-group-btn {

    font-size: 16px;

    line-height: 20px;

    font-weight: 600

}



.productdetailsmallportion {

    position: relative;

    top: 0;

    z-index: 99

}



.productdetailsmallportion img {

    margin: auto;

    background: #fff;

    box-shadow: 0 0 10px #0000001f

}



.productdetailsec .productdetailportion {

    height: 630px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #eaeaea

}



.productdetailnav .slick-slide {

    opacity: 1;

    z-index: 9999;

    position: relative

}



.product-detail .num-in {

    background: #fff0

}



.product-detail input.in-num {

    border: 1px solid #dadada;

    background-color: #fff0

}



.product-detail span {

    width: 30px!important;

    border-radius: 50px;

    height: 30px!important;

    margin: 5px

}



.product-detail .skin-2 .num-in span:after,.product-detail .skin-2 .num-in span:before {

    background-color: #000

}



.product-detail span:hover:after,.product-detail span:hover:before {

    background-color: #fff!important

}



.product-details-btn.btn10 {

    background-color: #cfa55a!important;

    color: #000;

    border-color: #cfa55a;

    font-size: 17px

}



.prdtr-slidr1:before,.prdtr-slidr:before {

    text-transform: uppercase;

    font-size: 19px;

    font-weight: 700

}



.quanity.product-detail {

    margin-left: 20px

}



.product-detail span:hover {

    background-color: #d8960369!important

}



ul.product-detail-heading {

    display: flex;

    align-items: start;

    justify-content: space-between;

    color: #d89603;

    margin-top: 25px;

}



section.product-sec .text-center a {

    display: block;

    width: 190px;

    margin: -110px auto 0

}



.product-details-btn {

    height: 60px;

    border: 0;

    width: 180px;

    margin-left: 10px;

    font-size: 17px;

    font-weight: 600;

    text-transform: uppercase;

    background-color: #cfa55a;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    cursor: pointer

}



a.cat-sub-btn {

    background: #fff;

    color: #000;

    padding: 15px 40px;

    font-weight: 500

}



.btn-cnt button,a.cat-sub-btn:hover {

    background: #d89603

}



.productdetailfor .slick-slide img {

    width: 270px;

    height: 430px;

    object-fit: contain

}



.productdetailsmallportion img {

    padding: 12px 20px;

    position: relative;

    z-index: 999999999999999;

    width: 140px;

    height: 140px;

    object-fit: contain

}



.productdetailnav .slick-list.draggable,section.reviews-wrap {

    margin-top: -60px

}



.skin-2 .num-in {

    background: #f0f0f0;

    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);

    height: 40px;

    width: 110px;

    float: left;

    border-radius: 12px;

    cursor: pointer

}



.skin-2 .num-in span {

    width: 40%;

    display: block;

    height: 40px;

    float: left;

    position: relative

}



.skin-2 .num-in span:after,.skin-2 .num-in span:before {

    content: '';

    position: absolute;

    background-color: #667780;

    height: 2px;

    width: 10px;

    top: 50%;

    left: 50%;

    margin-top: -1px;

    margin-left: -5px

}



.skin-2 .num-in span.plus:after {

    transform: rotate(90deg)

}



.skin-2 .num-in input {

    float: left;

    width: 20%;

    height: 37px;

    border: none;

    text-align: center;

    background-color: #f0f0f0;

    font-family: Roboto

}



.product-detail .num-in {

    background: #fff0;

    box-shadow: none;

    width: 75%;

    display: flex;

    align-items: center

}



.product-detail input.in-num {

    border: 1px solid #898989a3;

    background-color: #fff;

    width: 40%;

    margin: 0 5px;

    color: #000;

    padding: 30px 0

}



#get-label,#get-nama,.member_secc .btn-1:hover,.productdetailsec .btn10,.termsec span,h3.des,section.reviews-wrap h2 {

    color: #fff

}



.product-detail span.minus,.product-detail span.plus {

    border: 1px solid #fff;

    background: #fff

}



.description li.nav-item {

    margin-right: 12px

}



.prdtr-slidr .item img,.prdtr-slidr1 img {

    margin: 0 auto 30px;

    object-fit: cover;

    height: 250px

}



.description li.nav-item button {

    width: 200px;

    height: 60px;

    background-color: #fff;

    border-radius: 0;

    font-size: 20px;

    font-weight: 700;

    color: #000

}



.description li.nav-item .nav-link.active {

    border: 0;

    background-color: #d89603;

    color: #fff

}



.description .nav-tabs {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 20px;

    margin-bottom: 30px

}



.description {

    padding: 120px 0 20px

}



section.description .bok-box .book-img img {

    height: 250px;

    object-fit: contain;

    width: 100%

}



footer.footer-sec.inner-ftr {

    position: static!important

}



footer.footer-sec.inner-ftr .member_secc {

    padding: 0 0 40px

}



section.get-touch {

    padding: 140px 0 70px;

    position: relative

}



section.get-touch h2 {

    text-align: center;

    font-size: 62px;

    margin-bottom: 40px;

    color: #d89603;

    font-weight: 700

}



section.get-touch h2 span {

    color: #fff;

    display: unset;

    font-size: 62px;

    text-transform: uppercase;

    font-weight: 700

}



section.get-touch input,section.get-touch textarea {

    padding: 15px;

    width: 100%;

    margin-bottom: 20px;

    border: 1px solid #cccccc9e;

    background: #f4f4f4

}



section.get-touch input::placeholder,section.get-touch textarea::placeholder {

    color: #000;

    font-size: 15px

}



.btn-cnt button {

    color: #fff;

    font-size: 16px;

    padding: 14px 40px;

    border: unset;

    text-transform: uppercase

}



.gallery-img.wow.bounceInUp img {

    width: 568px!important;

    height: 728px!important;

    object-fit: cover

}



.prdtr-slidr {

    width: 50%;

    float: left;

    position: relative

}



.bordr-style:before,.prdtr-slidr1:before,.prdtr-slidr:before,.rate:not(:checked)>input,.searchbtn,a.btn-viewll {

    position: absolute

}



.prdtr-slidr1 {

    width: 50%;

    float: right

}



.prdtr-slidr .item img,.prdtr-slidr1 img {

    width: 60%

}



.table-bordered>:not(caption)>*>* {

    border-width: 1px;

    color: #fff!important

}



table.dataTable tbody tr {

    background-color: unset!important

}



.prdtr-slidr .item h3,.prdtr-slidr1 .item h3 {

    text-align: center;

    color: #fff;

    font-size: 25px;

    display: none

}



.prdtr-slidr .bordr-style:before {

    top: -20px!important;

    left: 20px!important;

    right: auto!important

}



.prdtr-slidr1 .bordr-style:before {

    top: -20px!important

}



.bordr-style:before {

    background: hsl(40.91deg 97.06% 73.33%);

    content: '';

    top: 1px;

    right: 20px;

    width: 60%;

    height: 100%;

    border: 1px solid #fff;

    z-index: -1

}



.prdtr-slidr:before {

    content: 'Demand For';

    left: 11%;

    top: -35px;

    color: #fff

}



.prdtr-slidr1:before {

    content: 'For Sale';

    right: 40px;

    top: -30px;

    color: #fff

}



a.btn-viewll {

    background: #000;

    color: #fff;

    padding: 12px 40px;

    font-size: 24px;

    border-radius: 4px

}



a.checkout-btn,html ul.sidebar_child li.active {

    background: #fff

}



.veg-detail li:last-child {

    background: #fff0;

    border: 0;

    margin-top: 32px

}



ul.search-box li form {

    display: flex;

    align-items: center;

    width: 140%;

    position: relative

}



.searchbtn {

    background-color: #d89603;

    color: #fff;

    top: 0;

    right: 0;

    height: 100%;

    width: 20%

}



li.nav-item.search input {

    height: 55px

}



html ul.sidebar_child li {

    padding-left: 16px!important;

    position: relative;

    padding-bottom: 5px!important;

    padding-top: 5px!important

}



html ul.sidebar_child li.active a {

    color: #000

}



ul.sidebar_child li:before {

    content: '';

    position: absolute;

    top: 15px;

    left: 0;

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 50%

}



.book-txt h4 {

    color: #fff;

    font-size: 35px;

    line-height: 46px;

    text-transform: capitalize

}



.book-txt h2 {

    font-size: 35px!important;

    color: #d89603

}



.prd-box {

    position: relative;

    margin: 20px 0;

    text-align: center;

    padding: 10px;

    border: 1px solid #d89603;

    transition: .3s ease-in-out;

    background: #fff0;

    height: 430px

}



.counter.btn-2 input {

    border: unset;

    height: 40px

}



.add_to_cart_secc .addtocart_textt>ul span {

    color: #d89603!important;

    font-size: 48px!important;

    line-height: 45px;

    font-weight: 600!important

}



tr.space h2 {

    color: #d89603;

    font-size: 30px;

    text-align: center;

    margin: 0

}



.order-headins2.oder-pera {

    width: 80%

}



.veg-detail .sidebar_child {

    background: #d89603!important

}



tr.get_order_number.text-center.odd {

    background: unset

}



tr.get_order_number.odd td {

    color: #fff;

    font-size: 18px!important

}



.tracking-box,div#myTable_wrapper {

    border: 1px solid;

    padding: 20px

}



table.dataTable.no-footer {

    border: 1px solid #fff!important;

    margin: 14px 0

}



div#myTable_length {

    margin-bottom: 15px

}



a.btn.btn-primary {

    background: #d89603;

    border: unset;

    width: 15%;

    height: 45px;

    display: flex;

    align-items: center;

    font-size: 22px;

    justify-content: center;

    margin: 0 auto

}



section.all-section.text-center h5,section.reviews-wrap h6 {

    color: #fff;

    font-size: 25px

}



section.all-section h1 {

    font-size: 80px;

    margin-bottom: 25px

}



.prd-box img {

    height: 250px;

    object-fit: contain

}



a.checkout-btn {

    color: #000;

    height: 50px;

    margin-top: 40px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0

}



.reviews-wrap input,.reviews-wrap textarea {

    background-color: unset;

    padding: 10px;

    font-family: Roboto;

    font-weight: 500;

    border: 1px solid #fff

}



a.btn-viewll {

    position: inherit!important;

    margin-top: 50px!important;

    display: inline-block!important;

    margin-left: 15px!important

}



.fancybox-caption {

    background: linear-gradient(to top,rgb(0 0 0 / .85) 0,rgb(0 0 0 / .3) 50%,rgb(0 0 0 / .15) 65%,rgb(0 0 0 / .075) 75.5%,rgb(0 0 0 / .037) 82.85%,rgb(0 0 0 / .019) 88%,#fff0 100%);

    bottom: auto;

    color: #eee;

    font-size: 14px;

    font-weight: 400;

    left: auto;

    line-height: 1.5;

    padding: 75px 44px 25px;

    pointer-events: none;

    right: 7%;

    text-align: center;

    z-index: 99996;

    top: 10%;

    width: 55%

}



.fancybox-content {

    transform: translate(270px,6px)!important;

    width: 346.019px!important;

    height: 391.909px!important

}



.fancybox-caption__body p {

    color: #fff!important

}



.fancybox-image,.fancybox-spaceball {

    top: 20%!important;

    width: 400px;

    height: 400px;

    object-fit: contain

}



.fancybox-slide--image .fancybox-content {

    left: -80px

}



@media only screen and (min-width: 1200px) and (max-width:1399px) {

    .menuSec ul li a {

        padding:10px 6px;

        font-size: 17px

    }



    .fancybox-slide--image .fancybox-content {

        left: -170px!important

    }



    tr.space h2 {

        font-size: 22px

    }



    .footer-text.footer-lef:after {

        left: -21.1%

    }



    .about-text h2 {

        font-size: 100px

    }



    .bok-box {

        margin: 0;

        height: 550px

    }



    .member_secc .member_boxx h2 {

        font-size: 50px

    }

}



.box-top {

    justify-content: space-between;

    align-items: center

}



.reviews-wrap input {

    width: 100%;

    height: 50px;

    margin-bottom: 20px;

    color: #fff

}



.prdtc-rvw ul {

    display: flex;

    align-items: center;

    margin-bottom: 0

}



.prdtc-rvw i {

    font-size: 25px;

    margin-right: 10px

}



.reviews-wrap textarea {

    width: 100%;

    margin-bottom: 20px;

    color: #fff;

    resize: none

}



.rev-btn buuton {

    background: tan

}



section.reviews-wrap button {

    background: #d89603;

    color: #fff;

    border: unset;

    width: 60%;

    height: 40px

}



.productdetailportion img {

    width: 100%;

    object-fit: none

}



.rate {

    height: 46px;

    float: left;

    display: block

}



.rate input {

    top: 0;

    visibility: hidden

}



.rate:not(:checked)>label {

    float: right;

    width: .8em;

    overflow: hidden;

    white-space: nowrap;

    cursor: pointer;

    font-size: 35px;

    color: #ccc;

    margin: 0 3px

}



.rate:not(:checked)>label:before {

    content: '\f005';

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    font-size: 26px

}



.rate>input:checked~label,.reviews {

    color: #f9d71c

}



.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover~label {

    color: #deb217

}



.rate>input:checked+label:hover,.rate>input:checked+label:hover~label,.rate>input:checked~label:hover,.rate>input:checked~label:hover~label,.rate>label:hover~input:checked~label {

    color: #c59b08

}



.review-box-container {

    display: block;

    margin-top: 40px

}



.review-box {

    width: 100%;

    box-shadow: 2px 2px 30px rgb(0 0 0 / .1);

    padding: 20px;

    margin: 15px;

    cursor: pointer;

    border: 1px solid #fff

}



.profile-img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    margin-right: 10px

}



.profile-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center

}



.name-user {

    display: flex;

    flex-direction: column

}



.name-user strong {

    color: #fff;

    font-size: 1.1rem;

    letter-spacing: .5px

}



.name-user span {

    color: #fff;

    font-size: .8rem

}



.box-top {

    justify-content: space-between;

    align-items: center;

    margin-bottom: 0

}



.client-comment {

    margin: 8px 0

}



.client-comment p {

    font-size: .9rem;

    color: #fff

}



section.reviews-wrap.art-rev {

    background: #620102

}



table.dataTable tbody td img,table.dataTable tbody th {

    margin: 0 12px

}



.tracking-order p {

    line-height: 40px

}



.tracking-box p {

    border-bottom: 1px solid #fff;

    line-height: 50px

}



.col-lg-12.rel {

    transform: scale(.87)

}



tr.get_order_number {

    text-align: start!important

}



@media only screen and (min-width: 1366px) and (max-width:1590px) {

    .bok-box {

        height:520px

    }



    .bok-box .book-img img {

        height: 330px

    }

}



@media only screen and (min-width: 992px) and (max-width:1199px) {

    .menuSec ul li a {

        padding:10px 7px;

        font-size: 18px

    }



    .bok-box {

        margin: 0;

        height: 480px

    }



    .log-in-wrap {

        padding: 40px 15px

    }



    .member_secc .member_boxx h2 {

        font-size: 45px;

        line-height: 50px

    }



    section.description .bok-box .book-img img {

        height: 220px

    }



    tr.space h2 {

        font-size: 19px

    }



    .about-text h2 {

        font-size: 85px

    }



    .table>:not(:last-child)>:last-child>* {

        font-size: 13px

    }



    .painting_img_wrp img {

        height: 400px!important

    }



    img.banner-righ {

        top: 0

    }



    .gallery-img.wow.bounceInUp img {

        width: 568px!important;

        height: 548px!important;

        object-fit: contain

    }



    .bok-box .book-img img {

        width: 300px;

        height: 220px

    }

}



@media only screen and (min-width: 768px) and (max-width:991px) {

    .col-lg-2.col-md-1.col-sm-6.col-xs-6.text-right {

        padding:0;

        margin-left: -6px

    }



    .menuSec img,section.add_to_cart_secc.inn-cart-paint.position-relative .table {

        width: 100%

    }



    li.nav-item.search input {

        height: 45px

    }



    li.nav-item.search input::placeholder {

        font-size: 12px

    }



    .searchbtn {

        width: 30%

    }



    .header-icon img {

        width: 10px!important

    }



    .menuSec .col-md-1 {

        width: 8.3333333333%!important

    }



    .menuSec .col-md-2 {

        width: 16.6666666667%!important

    }



    .menuSec .col-md-7 {

        width: 58.3333333333%!important

    }



    .counter.btn-2 input {

        width: 65%!important

    }



    ul.footer-list {

        margin-bottom: 0

    }



    footer.footer-sec {

        padding-bottom: 10px

    }



    .footer-text.footer-aft:after {

        height: 194%!important;

        top: -33px!important

    }



    .footer-text.footer-lef:after {

        left: -28px

    }



    img.about-shade {

        top: 0;

        width: 450px

    }



    section.banner .row:before {

        top: -220px;

        left: 0;

        width: 100%;

        height: 120%

    }



    section.banner .row {

        position: inherit

    }



    section.about-wrap.all-section.position-relative {

        position: relative!important

    }



    section.chfold1 {

        padding-top: 34%

    }



    .order-det-box {

        padding: 10px

    }



    .order-headins2 {

        font-size: 12px

    }



    .checkout-box {

        padding: 15px

    }



    table.table {

        width: 1110px

    }



    section.add-to-cart.padding-80 {

        padding-top: 20%

    }



    section.add-to-cart.padding-80 form.d-flex.align-items-center {

        display: block!important

    }



    .proceed .col-md-5.col-sm-12 {

        width: 70%

    }



    .painting_img_wrp img {

        height: 400px!important

    }



    section.add_to_cart_secc.inn-cart-paint.position-relative .row>div,section.description .row>div {

        transform: scale(1)

    }



    ul.search-box li form {

        width: auto;

        margin-left: 0!important

    }



    .description .nav-tabs {

        justify-content: center;

        margin-top: 40px

    }



    section.description {

        padding-top: 180px

    }



    .menuSec .row>div {

        width: 33%

    }



    .footer-text>div>form>button {

        position: inherit;

        margin-top: 10px

    }



    .footer-text input {

        padding: 20px 0 20px 20px

    }



    ul.footer-copy {

        gap: 10px

    }



    ul.footer-copy p {

        font-size: 10px;

        line-height: 20px

    }



    .footer-text.footer-lef {

        margin-left: 10px

    }



    img.banner-righ {

        top: -15px

    }



    section.about-wrap .col-lg-6 {

        width: 50%

    }



    .about-text h2 {

        font-size: 90px

    }



    .banner-img img {

        height: 450px!important;

        width: 100%

    }



    .prdtr-slidr .item img,.prdtr-slidr1 .item img {

        width: 200px!important;

        height: 250px!important;

        object-fit: contain

    }



    .menuSec ul li a {

        padding: 0 5px 0 0;

        font-size: 13px

    }



    .menuSec .col-md-3 {

        width: 25%!important

    }



    .menuSec .col-md-6.d-none.d-md-block {

        width: 80%!important;

        order: -2!important;

        margin: 0 auto!important

    }



    .row .col-md-2.col-sm-6.col-xs-6:first-child {

        order: -2;

        width: 20%

    }



    .menuSec {

        padding: 20px 0

    }



    .menuSec .row {

        justify-content: center

    }



    ul.footer-social li i {

        width: 40px;

        height: 40px

    }



    section.add_to_cart_secc.inn-cart-paint.position-relative {

        height: auto;

        padding-top: 190px

    }



    section.reviews-wrap.art-rev {

        margin-top: 0;

        padding-top: 40px

    }



    .painting_img_box img {

        object-fit: contain!important

    }



    section.reviews-wrap button {

        display: none

    }

}



@media only screen and (min-width: 520px) and (max-width:767px) {

div#myTable_length {
    width: 100%;
    text-align: left;
}

div#myTable_filter {
    display: block;
    width: fit-content;
    float: left;
    margin: 0 0 20px 0;
}
 .table-responsive   .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left !important;
        text-align: center;
    }

  .table-responsive    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: left !important;
        text-align: center;
    }

    .table-responsive {
    /* width: 1000px !important; */
    max-width: 100%;
    overflow-x: scroll;
}
.tracking-order {
    margin-top: 50px;
    color: #fff;
}
    .top-title {
    margin-top: 0 !important;
    color: #fff;
    font-size: 42px;
    margin-bottom: 10px;
}
.tracking-order p {
    line-height: 33px;
    color: #fff;
    font-size: 18px !important;
}
.tracking-box, div#myTable_wrapper {
    border: 1px solid;
    padding: 20px;
    margin: 20px 0;
    border-right: none !important;
}

.table-responsive div#myTable_length label{
    color: #fff;
}


.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-family: Roboto;
    width: -webkit-fill-available !important;
    padding: 10px 2px;
}

table.table {
        width: 1210px;
        width: 1000px !important;
        overflow-x: scroll;
        max-width: 1000px;
    }

    .row.gallery-slider,section.about-wrap.all-section.position-relative {

        position:relative!important

    }



    .checkout-box,.log-in-wrap {

        padding: 20px

    }



    .order-det-box {

        padding: 15px

    }



    .product-img img {

        width: 100px

    }



    .prd-box,.proceed {

        margin: 10px 0

    }



    .d-flex.gap-5,li.mbl-search ul,section.add-to-cart.padding-80 form.d-flex.align-items-center {

        display: block!important

    }



    .rate input {

        left: 0

    }



    .addtocart_textt {

        text-align: center;

        margin-top: 20px

    }



    .about-img,.prdtr-slidr,.prdtr-slidr1 {

        margin-top: 30px

    }



    section.add_to_cart_secc.inn-cart-paint .countrr_wrpp,section.add_to_cart_secc.inn-cart-paint.position-relative .addtocart_textt>ul {

        justify-content: center

    }



    section.add_to_cart_secc.inn-cart-paint.position-relative {

        padding-top: 30px;

        height: auto

    }



    section.add_to_cart_secc.inn-cart-paint.position-relative .row {

        flex-flow: column-reverse

    }



    .counter.btn-2 input {

        width: 50%!important

    }



    .member_secc .btn-1 {

        margin-left: 40px

    }



    .d-flex.gap-5 .col-md-6,.description li.nav-item button,.iconlist ul li,section.add_to_cart_secc.inn-cart-paint.position-relative .table,ul.search-box li form {

        width: 100%

    }



    section.reviews-wrap {

        margin-top: -3px

    }



    .productdetailtext span {

        font-size: 18px!important

    }



    .productdetailtext p {

        padding: 10px 0 0

    }



    .productdetailsec .productdetailportion {

        height: 330px

    }



    section.productdetailsec .row {

        transform: scale(1)!important

    }



    .painting_img_box img {

        width: 100px!important;

        height: 100px!important;

        object-fit: contain

    }



    .painting_img_wrp img {

        height: 250px!important

    }



    .member_secc .member_boxx h2 {

        font-size: 55px;

        margin-bottom: 20px

    }



    .footer-text>div>form>button {

        right: 20px

    }



    footer.footer-sec.inner-ftr {

        height: auto

    }



    .prdtr-slidr img,html .gallery-img.wow.bounceInUp img {

        height: 200px!important

    }



    .prdtr-slidr1 img {

        height: 240px!important

    }



    .banner-img img {

        height: 300px!important;

        width: 100%

    }



    .prdtr-slidr .bordr-style:before {

        left: -60px!important;

        width: 120%

    }



    .log-in-page-main .form-check label.form-check-label {

        font-size: 13px

    }



    .forgot-pass {

        width: 50%

    }



    .log-in-wrap.account-form {

        margin-top: 20px

    }



    .log-in-wrap h2 {

        font-size: 25px

    }



    .agree-text {

        font-size: 11px

    }



    .prdtr-slidr1 .bordr-style:before {

        right: -18px;

        width: 100%

    }



    .about-text h5 span {

        color: #fff!important

    }



    .bok-box .book-img img {

        width: 100%;

        height: 250px

    }



    .about-text h5 {

        text-align: center!important

    }



    .slicknav_nav a:hover,ul.slicknav_nav {

        background: #d89603

    }



    header {

        position: relative;

        z-index: 9

    }



    .menuSec {

        padding: 15px 0

    }



    .add_to_cart_secc:after,.header-icon,.row.gallery-slider .spacerr3,ul.search-box {

        display: none

    }



    .about-img {

        margin-bottom: 60px

    }



    li.mbl-search .slicknav_arrow,section.banner:before {

        display: none!important

    }



    .slicknav_menu {

        background: #d89603!important

    }



    .menuSec ul {

        text-align: center;

        justify-content: center;

        gap: 10px

    }



    img.banner-righ {

        top: -46vh;

        height: 145%!important

    }



    section.banner .row:before {

        top: -50%;

        height: 150%

    }



    .prdtr-slidr .item img {

        width: 100%;

        height: 240px!important

    }



    .prdtr-slidr:before {

        left: 1%;

        font-size: 18px

    }



    section.banner .row:after {

        top: 20px;

        left: 30px;

        width: 25%;

        height: 30%

    }



    .banner-text h2 {

        font-size: 25px;

        line-height: 35px;

        margin-bottom: 40px

    }



    section.banner {

        padding-top: 25px

    }



    .book-list ul li span {

        font-size: 22px

    }



    .book-list ul .vef-detail_main>a,.bundle_last a,footer.footer-sec.inner-ftr .member_secc {

        padding: 0!important

    }



    .description {

        padding: 30px 0 0!important

    }



    .description .nav-tabs {

        margin-bottom: 0!important;

        justify-content: center!important;

        margin-top: 20px

    }



    .book-list ul li {

        padding: 0 5px

    }



    section.description .bok-box .book-img img {

        height: 230px

    }



    .bok-box {

        height: 450px;

        margin: 10px 0

    }



    .book-txt h2,.footer-logo {

        margin-bottom: 0

    }



    .bok-box .book-txt h3 {

        font-size: 20px;

        margin-bottom: 0

    }



    .prd-box,section.description .bok-box {

        height: 400px!important

    }



    .menuSec .col-md-2.col-sm-6.col-xs-6.text-right {

        position: inherit;

        width: 100%;

        top: 0

    }



    .book-txt h2 {

        font-size: 25px!important

    }



    .about-text h2,section.get-touch h2 span {

        font-size: 45px

    }



    html {

        overflow-x: hidden

    }



    .about-text h3,.about-text p,.product-img {

        margin-bottom: 20px

    }



    .about-text h3:before {

        left: 0;

        width: 100%;

        height: 55px;

        top: 7px

    }



    p {

        font-size: 12px;

        line-height: 20px

    }



    .about-text {

        text-align: center;

        margin-top: 50px

    }



    .about-text h2,.table-space h3,section.get-touch input,section.get-touch textarea {

        margin-bottom: 15px

    }



    .about-img img {

        width: 70%

    }



    .row>div {

        transform: inherit!important

    }



    footer.footer-sec>.container {

        border: none;

        padding: 0 0 0 10px

    }



    .book-list,section.get-touch {

        padding: 0

    }



    section.get-touch h2 {

        font-size: 45px;

        margin-bottom: 20px

    }



    .veg-detail li:last-child {

        margin-top: 0!important

    }



    .prd-box h4 {

        font-size: 25px;

        line-height: 40px

    }



    ul.footer-list {

        margin-bottom: 10px

    }



    .footer-text.footer-lef {

        margin-left: 0;

        margin-top: 10px

    }



    ul.footer-copy {

        width: 100%;

        margin: 5px 0 0 auto;

        display: none

    }



    .footer-pera p {

        width: 100%;

        padding: 10px

    }



    .about-text h3 {

        font-size: 30px

    }



    .header-logo {

        text-align: center;

        margin-top: 0

    }



    .product-img,.table>:not(:last-child)>:last-child>* {

        text-align: start

    }



    .menuSec img {

        margin: 0 0 10px;

        width: 40%

    }



    span.close-this {

        top: 18.5%;

        right: 45px;

        font-size: 30px

    }



    table.table {

        width: 1210px

    }



    .table-space span {

        padding: 10px

    }



    .table-space {

        width: 340px

    }



    .number-item {

        width: 170px

    }



    li.mbl-search .header-icon {

        display: block;

        margin-top: 20px

    }



    li.mbl-search .header-icon img {

        width: 20px

    }



    li.mbl-search .header-icon ul li {

        display: inline-block

    }



    section.gallery-wrap .col-lg-6 {

        margin: 0 20px!important;

        opacity: 1;

        width: 40%!important

    }



    .row.gallery-slider {

        margin-top: 50px!important

    }



    .slick-next:before,.slick-prev:before {

        font-family: 'Font Awesome 5 Free';

        font-weight: 900;

        position: absolute;

        background: #fff;

        width: 40px;

        height: 40px;

        display: flex;

        border-radius: 50%

    }



    .slick-next:before {

        content: "\f105";

        align-items: center;

        justify-content: center

    }



    .slick-next {

        right: 40px;

        top: 43%;

        width: auto

    }



    .gallery-slider .row {

        flex-flow: inherit!important;

        display: flex

    }



    .slick-prev:before {

        content: "\f104";

        align-items: center;

        justify-content: center

    }



    .slick-prev {

        left: 0;

        z-index: 99;

        top: 43%

    }



    ul.footer-copy.mbl-copy {

        display: flex!important;

        margin-bottom: 10px

    }



    .gallery-slider {

        margin-top: 60px!important

    }



    section.about-fold.all-section {

        padding-top: 0!important

    }



    .about-text h4 {

        margin-left: 0!important

    }

}


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

div#myTable_length {
    width: 100%;
    text-align: left;
}

div#myTable_filter {
    display: block;
    width: fit-content;
    float: left;
    margin: 0 0 20px 0;
}
 .table-responsive   .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left !important;
        text-align: center;
    }

  .table-responsive    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: left !important;
        text-align: center;
    }

    .table-responsive {
    /* width: 1000px !important; */
    max-width: 100%;
    overflow-x: scroll;
}
.tracking-order {
    margin-top: 50px;
    color: #fff;
}
    .top-title {
    margin-top: 0 !important;
    color: #fff;
    font-size: 42px;
    margin-bottom: 10px;
}
.tracking-order p {
    line-height: 33px;
    color: #fff;
    font-size: 18px !important;
}
.tracking-box, div#myTable_wrapper {
    border: 1px solid;
    padding: 20px;
    margin: 20px 0;
    border-right: none !important;
}

.table-responsive div#myTable_length label{
    color: #fff;
}


.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-family: Roboto;
    width: -webkit-fill-available !important;
    padding: 10px 2px;
}
tr.get_order_number.odd td {
    color: #fff;
    font-size: 14px!important;
    line-height: normal;
}
/*    .productdetailsec iframe#your-iframe-id {*/

/*    overflow-y: scroll;*/

/*    min-height: 400px !important;*/

/*    height: 800px;*/

/*}*/

    .fancybox-content,.row.gallery-slider,section.about-wrap.all-section.position-relative {

        position:relative!important

    }



    .gallery-slider .slick-arrow,.product-slider .slick-arrow {

        margin: 0 -30px

    }



    .banner-text>div,.d-flex.gap-5 .col-md-6,.description li.nav-item button,.iconlist ul li,section.add_to_cart_secc.inn-cart-paint.position-relative .table,ul.search-box li form {

        width: 100%

    }



    .fancybox-caption {

        right: 0!important;

        text-align: center;

        z-index: 99996;

        top: 47%!important;

        width: 100%!important

    }



    .fancybox-content {

        transform: translate(-10px,-34px)!important;

        width: 100%!important;

        height: 100%!important;

        left: 0!important

    }



    .fancybox-image,.fancybox-spaceball {

        top: 20%!important;

        width: 100%!important;

        height: 100%!important;

        object-fit: contain;

        left: 17px!important

    }



    .d-flex.gap-5,li.mbl-search ul,section.add-to-cart.padding-80 form.d-flex.align-items-center {

        display: block!important

    }



    .add_to_cart_secc: after {

        display: none

    }



    .banner-img {

        transform: inherit

    }



    .banner-text {

        top: 0;

        margin-top: 70px

    }



    .slick-next,.slick-prev {

        top: inherit;

        bottom: -30px

    }

    

    .productdetailsec li h3 {

    width: 250px;

}



.product-detail-heading li span.pull-right {

    font-size: 35px;

}

ul.product-detail-heading{

    align-items: center;

}



    div#particles-js {

        top: -170px;

        height: 150vh

    }



    .checkout-box,.log-in-wrap {

        padding: 20px

    }



    .order-det-box {

        padding: 15px

    }



    .product-img img {

        width: 100px

    }



    .prd-box,.proceed {

        margin: 10px 0

    }



    .rate input {

        left: 0

    }



    .addtocart_textt,.log-in-wrap.account-form {

        margin-top: 20px

    }



    .about-img,.prdtr-slidr,.prdtr-slidr1 {

        margin-top: 30px

    }



    section.add_to_cart_secc.inn-cart-paint.position-relative {

        padding-top: 30px;

        height: auto

    }



    section.add_to_cart_secc.inn-cart-paint.position-relative .row {

        flex-flow: column-reverse

    }



    .counter.btn-2 input {

        width: 50%!important

    }



    .member_secc .btn-1 {

        margin-left: 40px

    }



    section.reviews-wrap {

        margin-top: -3px

    }



    .productdetailtext span {

        font-size: 18px!important

    }



    .productdetailtext p {

        padding: 10px 0 0

    }



    .productdetailsec .productdetailportion {

        height: 330px

    }



    section.productdetailsec .row {

        transform: scale(1)!important

    }



    .painting_img_box img {

        width: 100px!important;

        height: 100px!important;

        object-fit: contain

    }



    .painting_img_wrp img {

        height: 250px!important

    }



    .member_secc .member_boxx h2 {font-size: 45px;margin-bottom: 20px}



    .footer-text>div>form>button {

        right: 20px

    }



    footer.footer-sec.inner-ftr {

        height: auto

    }



    .prdtr-slidr img,html .gallery-img.wow.bounceInUp img {

        height: 200px!important

    }



    .prdtr-slidr1 img {

        height: auto!important

    }



    .banner-img img {

        height: 300px!important;

        width: 100%

    }



    .prdtr-slidr .bordr-style:before {

        left: 20px !important;

        width: 100%;

    }



    .log-in-page-main .form-check label.form-check-label {

        font-size: 13px

    }



    .forgot-pass {

        width: 50%

    }



    .log-in-wrap h2 {

        font-size: 25px

    }



    .agree-text {

        font-size: 11px

    }



    .prdtr-slidr1 .bordr-style:before {

        right: -18px;

        width: 100%

    }



    .about-text h5 span {

        color: #fff!important

    }



    .bok-box .book-img img {

        width: 100%;

        height: 250px

    }



    .about-text h5 {

        text-align: center!important

    }



    .slicknav_nav a:hover,ul.slicknav_nav {

        background: #d89603

    }



    header {

        position: relative;

        z-index: 9

    }



    .menuSec {

        padding: 15px 0

    }



    .header-icon,.row.gallery-slider .spacerr3 {

        display: none

    }



    .about-img {

        margin-bottom: 60px

    }



    li.mbl-search .slicknav_arrow,section.banner:before {

        display: none!important

    }



    .slicknav_menu {

        background: #d89603!important

    }



    .menuSec ul {

        text-align: center;

        justify-content: center;

        gap: 10px

    }



    img.banner-righ {

        top: -46vh;

        height: 145%!important

    }



    section.banner .row:before {

        top: -50%;

        height: 150%

    }



    .prdtr-slidr .item img {

        width: 100%;

        height: 240px!important

    }



    .prdtr-slidr:before {

        left: 1%;

        font-size: 18px

    }



    section.banner .row:after {

        top: 20px;

        left: 30px;

        width: 25%;

        height: 30%

    }



    .banner-text h2 {

        font-size: 25px;

        line-height: 35px;

        margin-bottom: 40px

    }



    section.banner {

        padding-top: 25px

    }



    .book-list ul li span {

        font-size: 22px

    }



    .book-list ul .vef-detail_main>a,.bundle_last a,footer.footer-sec.inner-ftr .member_secc {

        padding: 0!important

    }



    .description {

        padding: 30px 0 0!important

    }



    .description .nav-tabs {

        margin-bottom: 0!important;

        justify-content: center!important;

        margin-top: 20px;

        gap: 20px

    }



    .book-list ul li {

        padding: 0 5px

    }



    section.description .bok-box .book-img img {

        height: 230px

    }



    .bok-box {

        height: 450px;

        margin: 70px 0 10px

    }



    .book-txt h2,.footer-logo {

        margin-bottom: 0

    }



    .bok-box .book-txt h3 {

        font-size: 20px;

        margin-bottom: 0

    }



    .prd-box,section.description .bok-box {

        height: 400px!important

    }



    .menuSec .col-md-2.col-sm-6.col-xs-6.text-right {

        position: inherit;

        width: 100%;

        top: 0

    }



    .book-txt h2 {

        font-size: 25px!important

    }



    .about-text h2,section.get-touch h2 span {

        font-size: 45px

    }



    html {

        overflow-x: hidden

    }



    .about-text h3,.about-text p,.product-img {

        margin-bottom: 20px

    }



    .about-text h3:before {

        left: 0;

        width: 100%;

        height: 55px;

        top: 7px

    }



    p {

        font-size: 12px;

        line-height: 20px

    }



    .about-text {

        margin-top: 50px

    }



    .about-text h2,.table-space h3,section.get-touch input,section.get-touch textarea {

        margin-bottom: 15px

    }



    .about-img img {

        width: 70%

    }



    .row>div {

        transform: inherit!important

    }



    footer.footer-sec>.container {

        border: none;

        padding: 0 0 0 10px

    }



    .book-list,section.get-touch {

        padding: 0

    }



    section.get-touch h2 {

        font-size: 45px;

        margin-bottom: 20px

    }



    .veg-detail li:last-child {

        margin-top: 0!important

    }



    .prd-box h4 {

        font-size: 25px;

        line-height: 40px

    }



    ul.footer-list {

        margin-bottom: 10px

    }



    .footer-text.footer-lef {

        margin-left: 0;

        margin-top: 10px

    }



    ul.footer-copy {

        width: 100%;

        margin: 5px 0 0 auto;

        display: none

    }



    .footer-pera p {

        width: 100%;

        padding: 10px

    }



    .about-text h3 {

        font-size: 30px

    }



    .header-logo {

        text-align: center;

        margin-top: 0

    }



    .product-img,.table>:not(:last-child)>:last-child>* {

        text-align: start

    }



    .menuSec img {

        margin: 0 0 10px;

        width: 40%

    }



    span.close-this {

        top: 18.5%;

        right: 45px;

        font-size: 30px

    }



    table.table {width: 1210px;width: 1000px !important;!i;!;overflow-x: scroll;max-width: 1000px;}



    .table-space span {

        padding: 10px

    }



    .table-space {

        width: 340px;

        padding-left: 17px

    }



    .number-item {

        width: 170px

    }



    li.mbl-search ul {

        margin-left: 0

    }



    ul.search-box {

        display: none;

        padding-left: 17px

    }



    li.mbl-search .header-icon {

        display: block;

        margin-top: 20px

    }



    li.mbl-search .header-icon img {

        width: 20px

    }



    li.mbl-search .header-icon ul li {

        display: inline-block

    }



    .row.gallery-slider {

        margin-top: 50px!important

    }



    .slick-next:before,.slick-prev:before {

        font-family: 'Font Awesome 5 Free';

        font-weight: 900;

        position: absolute;

        background: #ffffff9e;

        width: 40px;

        height: 40px;

        display: flex;

        border-radius: 50%

    }



    .slick-next:before {

        content: "\f105";

        align-items: center;

        justify-content: center

    }



    .slick-next {

        right: 160px;

        width: auto

    }



    html section.book-wrap.all-section.position-relative {

        padding: 20px 0 70px

    }



    html section.gallery-wrap {

        padding: 50px 0 80px!important

    }



    .gallery-slider .row {

        flex-flow: inherit!important;

        display: flex

    }



    .slick-prev:before {

        content: "\f104";

        align-items: center;

        justify-content: center

    }



    .slick-prev {

        z-index: 99;

        left: 120px

    }



    ul.footer-copy.mbl-copy {

        display: flex!important;

        margin-bottom: 10px

    }



    .gallery-slider {

        margin-top: 60px!important

    }



    section.about-fold.all-section {

        padding-top: 0!important

    }



    .about-text h4 {

        margin-left: 0!important

    }

}



#whatsapp-chat,a.blantershow-chat {

    position: fixed;

    right: 30px;

    box-shadow: 0 1px 15px rgb(32 33 36 / .28)

}



section.about-fold.all-section {

    padding-top: 100px

}



ul.sidebar_child.d-none.active {

    display: block!important

}



.blantershow-chat {

    position: fixed;

    bottom: 15px;

    right: 15px;

    animation: 1.5s infinite shadow

}



.hide,.show,a.informasi {

    animation-name: showhide;

    animation-duration: .5s

}



@keyframes shadow {

    0% {

        box-shadow: #52891d 0 0 0 0

    }



    100% {

        box-shadow: #00000017 0 0 0 15px

    }

}



.whatsapp-name {

    font-size: 16px;

    font-weight: 600;

    padding-bottom: 0;

    margin-bottom: 0;

    line-height: .5

}



#whatsapp-chat {

    box-sizing: border-box!important;

    outline: 0!important;

    width: 350px;

    border-radius: 10px;

    bottom: 125px;

    overflow: hidden;

    z-index: 99;

    animation-name: showchat;

    animation-duration: 1s

}



a.blantershow-chat {

    background: #fff;

    color: #404040;

    display: flex;

    font-weight: 400;

    justify-content: space-between;

    z-index: 98;

    bottom: 55px;

    font-size: 15px;

    padding: 10px 20px;

    border-radius: 30px

}



a.blantershow-chat svg {

    transform: scale(1.2);

    margin: 0 10px 0 0

}



.header-chat {

    background: #095e54;

    color: #fff;

    padding: 20px

}



.header-chat h3 {

    margin: 0 0 10px

}



.header-chat p {

    font-size: 14px;

    line-height: 1.7;

    margin: 0

}



.info-avatar img {

    border-radius: 100%;

    width: 50px;

    float: left;

    margin: 0 10px 0 0

}



a.informasi {

    padding: 20px;

    display: block;

    overflow: hidden

}



a.informasi:hover {

    background: #f1f1f1

}



#get-label,span.chat-label {

    font-size: 12px;

    color: #888

}



#get-nama,span.chat-nama {

    margin: 5px 0 0;

    font-size: 15px;

    font-weight: 700;

    color: #222

}



textarea#chat-input {

    border: none;

    font-family: Arial,sans-serif;

    width: 100%;

    height: 40px;

    outline: 0;

    resize: none;

    padding: 10px 0 0 10px;

    font-size: 14px

}



a#send-it {

    font-weight: 700;

    padding: 10px 10px 0;

    background: #eee;

    height: 24px;

    width: 24px

}



a.close-chat {

    position: absolute;

    top: 5px;

    right: 15px;

    color: #fff;

    font-size: 30px

}



@keyframes ZpjSY {

    0%,25% {

        background-color: #b6b5ba

    }



    15% {

        background-color: #111

    }

}



@keyframes hPhMsj {

    15%,35% {

        background-color: #b6b5ba

    }



    25% {

        background-color: #111

    }

}



@keyframes iUMejp {

    25%,45% {

        background-color: #b6b5ba

    }



    35% {

        background-color: #111

    }

}



@keyframes showhide {

    from {

        transform: scale(.5);

        opacity: 0

    }

}



@keyframes showchat {

    from {

        transform: scale(0);

        opacity: 0

    }

}



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

    #whatsapp-chat {

        width:auto;

        left: 5%;

        right: 5%;

        font-size: 80%

    }

}



.hide {

    display: none;

    opacity: 1

}



.show {

    display: block;

    opacity: 1

}



.eJJEeC,.kAZgZq,.whatsapp-message {

    opacity: 0;

    box-shadow: rgb(0 0 0 / .13) 0 1px .5px

}



.dAbFpq,.whatsapp-message-container {

    display: flex;

    z-index: 1

}



.kAZgZq,.whatsapp-message {

    padding: 7px 14px 6px;

    background-color: #fff;

    border-radius: 0 8px 8px;

    position: relative;

    transition: .3s;

    transform-origin: center top 0;

    z-index: 2;

    margin-top: 4px;

    margin-left: -54px;

    max-width: calc(100% - 66px)

}



.whatsapp-chat-body {

    padding: 20px 20px 20px 10px;

    background-color: #e6ddd4;

    position: relative

}



.eJJEeC {

    background-color: #fff;

    width: 52.5px;

    height: 32px;

    border-radius: 16px;

    display: flex;

    -moz-box-pack: center;

    justify-content: center;

    -moz-box-align: center;

    align-items: center;

    margin-left: 10px;

    transition: .1s;

    z-index: 1

}



.hFENyl {

    position: relative;

    display: flex

}



.dRvxoz,.ixsrax {

    height: 5px;

    width: 5px;

    margin: 0 2px;

    display: inline-block;

    position: relative;

    animation-duration: 1.2s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    top: 0;

    border-radius: 50%

}



.ixsrax {

    background-color: #9e9da2;

    animation-name: ZpjSY

}



.dRvxoz {

    background-color: #b6b5ba;

    animation-name: hPhMsj

}



.bMIBDo {

    font-size: 13px;

    font-weight: 700;

    line-height: 18px;

    color: rgb(0 0 0 / .4)

}



.iSpIQi {

    font-size: 14px;

    line-height: 19px;

    margin-top: 4px;

    color: #111

}



.cqCDVm {

    text-align: right;

    margin-top: 4px;

    font-size: 12px;

    line-height: 16px;

    color: rgb(17 17 17 / .5);

    margin-right: -8px;

    margin-bottom: -4px

}



.whatsapp-button {

    position: fixed;

    bottom: 20px;

    right: 20px;

    width: 60px;

    height: 60px;

    z-index: 999

}



.whatsapp-button a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    background-color: #25d366;

    color: #fff;

    border-radius: 50%;

    font-size: 24px;

    box-shadow: 2px 2px 5px rgb(0 0 0 / .2)

}



.whatsapp-button a:hover {

    background-color: #128c7e

}



.ribin {

    position: absolute;

    left: 10px;

    background: #d89603;

    top: 10px;

    color: #fff;

    width: fit-content;

    padding: 2px 5px;

    z-index: 999

}



.description #myTab {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.description #myTab select {

    border: 0;

    background: #fff0;

    color: #fff;

    border-bottom: 2px solid #d89603;

    box-shadow: none;

    outline: 0;

    padding: 4px 0 0 10px;

    border-top: 0;

    font-size: 20px;

    width: 65%;

    margin: 0 auto;

    display: block

}



.description #myTab select option {

    color: #000;

    padding-left: 0;

    font-size: 13px

}



.stylgal .stylgal1 img {

    width: 394px;

    height: 454px

}



.stylgal .stylgal1 {

    height: 480px

}



.productdetailtext,.productdetailtext2 {

    max-height: 600px;

    overflow-y: scroll;

    padding-right: 30px

}



.productdetailtext::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);

    background-color: #f5f5f5

}



.productdetailtext::-webkit-scrollbar {

    width: 6px;

    background-color: #f5f5f5

}



.productdetailtext::-webkit-scrollbar-thumb {

    background-color: #d89603

}



.termsec p {

    margin-left: 0;

    margin-bottom: 20px;

    margin-top: 20px

}



.termsec ol {

    padding-left: 20px

}



.productdetailtext2::-webkit-scrollbar-thumb {

    background-color: #d89603

}



.productdetailtext2::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);

    background-color: #f5f5f5

}



.productdetailtext2::-webkit-scrollbar {

    width: 6px;

    background-color: #f5f5f5

}



ul.product-detail-heading h3 {

    color: #d89603!important

}



.product-detail-heading span.pull-right {

    font-size: 48px;

    font-weight: 700

}



.addtocart_texttt {

    height: 240px;

    overflow-y: auto;

    color: #fff

}



.addtocart_texttt * {

    scrollbar-width: auto;

    scrollbar-color: #d89603 #fff

}



.addtocart_texttt::-webkit-scrollbar {

    width: 16px

}



.addtocart_texttt::-webkit-scrollbar-track {

    background: #fff

}



.addtocart_texttt::-webkit-scrollbar-thumb {

    background-color: #d89603;

    border-radius: 10px;

    border: 3px solid #fff

}





/*.productdetailsec #your-iframe-id {*/

/*    width: 100%;*/

/*    height: 900px;*/

/*    overflow: auto;*/

/*    -webkit-overflow-scrolling: touch;*/

/*}*/



#your-iframe-id {

  width: 100%;

  height: 900px;  /* Desired height */

  border: none;   /* Optional: Border ko remove karein */

  -webkit-overflow-scrolling: touch; /* Safari (iOS) ke liye smooth scrolling enable karein */

  overflow: auto; /* Ensure scrolling */

}


/*Blog Sec CSS Starts*/
h5 {
    color: #000;

    
}
 h6 {
    color: #000;
    /* font-family: 'Montserrat'; */
}
p {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 0px;
}
section.news-sec {
    padding: 150px 0 80px 0;
}

.news-heading {
    margin: 0 0 50px 0;
}

.news-heading p {
    width: 51%;
}

.news_slider .slick-active, .news_slider .slick-slide {
    opacity: 1;
}



.news-card-main {
    position: relative;
    transition: ease-in;
    transition-duration: 0.5s;
    margin: 10px 0;
}

.news-card-main:hover {
    transition: ease-out;
    transform-origin: 0.5s;
}

.news-card-img img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 497px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.news-card-main:hover .news-card-img img {
    filter: blur(3px) grayscale(1);
    transition: ease-out;
    transition-duration: 0.5s;
}

.news-card-img .news1 {
    object-position: 100% 0;
}

.news-card-img .news2 {
    object-position: 46% 0;
}

.news-card-img .news3 {
    object-position: 100% 0;
}

.news-card-txt-box {
    position: absolute;
    bottom: 5%;
    z-index: 999;
}

.news-card-txt {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 10px;
}

.news-card-txt h5 {
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    transition: ease-out;
    transition-duration: 0.5s;
}



.news-card-main:hover .news-card-txt h5 {
    color: #d89603;
    transition: ease-in;
    transition-duration: 0.5s;
}

.news-card-txt p {
    margin: 0;
}

.news-card-user-main {
    padding: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    width: 100%;
    border-top: 1px solid #00000030;
}

.news-card-user-img {
    width: 17%;
}

.news-card-user-img img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 100px;
}

.news-card-user-txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.news-card-txt-main {
    padding: 30px 30px 20px 30px;
    background-color: #fff;
    border-radius: 10px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 20px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.news-card-main:hover .news-card-txt-main {
    scale: 1.05;
    transition: ease-out;
    transition-duration: 0.5s;
}

.news-card-user-txt h5 {
    color: #d89603;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}

.news-card-user-txt h6 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
}

.slick-dots li button:before {
    color: #fff;
    opacity: 1;
}

.news_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    font-size: 7px;
    color: #d89603;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_slider .slick-dots li.slick-active button:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #d89603;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-dots li button:hover:before {
    color: #d89603;
}

section.news-sec .row>div {
    transform: unset !important;
}


/*Blog Details Sec CSS Starts*/

section.news-details-sec .news-card-txt-main {
    width: 100% !i;
}

section.news-details-sec .news-card-txt-box {
    position: relative;
    bottom: unset;
}

section.news-details-sec .news-card-main:hover .news-card-img img {
    filter: unset;
}

section.news-details-sec .news-card-main:hover .news-card-txt-main {
    scale: unset;
}

section.news-details-sec .news-card-txt-main {
    background-color: #0000;
}

section.news-details-sec .news-card-txt * {
    color: #fff;
}

.news-card-txt p a {
    color: #ffc107 !important;
    text-decoration: underline;
}

.news-card-bottom-main .news-card-txt-main {
    padding: 20px 0 0 0;
}

/*Blog Details Sec CSS Ends*/