/* Detava.lt unique design by Devmino team */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sen:wght@500&display=swap');

nav,
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    background-color: #F9F9F9D1 !important;
    
}
body {
    min-height: 100vh;
    box-sizing: inherit;
    display: flex;
    flex-direction: column;

}

html {
    height: 100%;
    box-sizing: border-box;
}
ul {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

input:focus {
    outline: none !important;
}

.navbar {
    width: fit-content !important;
    margin-bottom: 0px !important;
    min-height: 10px !important;
}

.navigation-bar {
    background-color: whitesmoke;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #F9F9F9;

}

.basket-logo {
    margin-right: 10px;
}

.detava-logo {
    width: 140px;
    margin-left: 100px;
    transition: margin-left 0.3s ease;
}

.cart-modal-img {
    max-width: 100%;
    margin-left: 15px;
}

.menu {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.menu-item {
    margin-right: 45px;
}

.menu-item:last-child {
    margin-right: 0;
}

.nav-link {
    white-space: nowrap;
    text-overflow: clip;
    text-decoration: none;
    color: #111827;



}

.search-cart {
    display: flex;
    align-items: center;
    max-width: 500px;
    width: 100%;
}

.search-input {
    display: flex;
    max-width: 100%;
    width: 100%;
    font-family: 'Inter', sans-serif;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    background-color: #E8E8E8;
    border-radius: 10px;
    border: none;
    flex: 1;
    box-sizing: border-box;

}

.tr {
    justify-content: space-between;
}

.search-box {

  
    width: 82%;
    height: 37px;
    display: flex;
    align-items: center;
    background-color: #E8E8E8;
    border-radius: 40px;
    padding: 5px 10px;
    box-shadow: 0px 3px 4px 0px #0000000D inset;
    margin-right: 20px;

}

.search-cart input[type="text"] {
    max-width: max-content;
    width: 100%;
    height: 25px;
    padding: 5px;
    border: none;
    border-radius: 20px;

}

.left-side {
    display: flex;
    align-items: center;
    gap: 20px;

}
.select2-dropdown {
    z-index: 200000 !important;
}
.carted-h1 {
 right: 0px !important;
}

.modal {
    z-index: 10000 !important;
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset,-2px) !important;

}
.swiper-button-next {
    right: var(--swiper-navigation-sides-offset,-2px) !important;
}
.right-side {
    margin-left: 10px;
    margin-right: 100px;
    max-width: 500px;
    width: 100%;
}

.search-cart img {
    max-width: 30px;
}

.second-nav {
    z-index: 9999 !important;
    width: 100%;
    backdrop-filter: blur(15px);
    background-color: rgba(249, 249, 249, 0.85);
    justify-content: space-between;
    position: absolute;
    align-items: center;
    box-shadow: 0px 3px 5px 0px #0000001F;

}

.center-menu {
    padding: 10px;
    justify-content: center;
}

.landing-img {
    width: 100%;
    /* height: 1230px; */
    height: 700px;
    object-fit: cover;
}

.centered-form {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 600px;


}


.search-form {
    position: relative;
    /* top: 900px; */
    top: -130px;
    align-items: center;
    width: 85%;
    max-width: 1200px;
    min-height: 200px;
    padding: 20px;
    background-color: #fff;
    border-radius: 55px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    font-family: Sen;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0px;
    text-align: center;

}

.order-summary-head {
    display: flex;
    justify-content: space-between;
}

.order-summary-head .title {
    margin-top: 5px;
}

.search-list {

    list-style: none;
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}

.search-list li {
    flex: 0 0 calc(33.33% - 10px);
    margin-bottom: 10px;
    width: 270px;
    padding: 10px;
    font-family: inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;

}

.search-list li label {
    display: block;
}

.select {
    border: none;
    background: #E8E8E870;
    width: 100%;
    height: 48px;
    max-width: 100%;
    /* Adjust maximum width */
    padding: 10px;
    margin-top: 5px;
    margin-bottom: -5px;
    border-radius: 5px;
    font-family: inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: #5E5E5E;
    ;

}

.name-size {
    width: 94%;
    height: 28px;
}


.search-button {

    width: 200px;
    padding: 15px;
    height: 55px;
    background-color: #2EA3F2;
    color: #fff;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-family: Sen;
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;

}

.search-button:hover {
    background-color: #0056b3;
    color: #F5F5F5;
}

.bottom-search {
    display: flex;
    margin: 0px 80px;
    justify-content: right;



}

.middle-search {
    display: flex;
    justify-content: center;

}

.landing-page-text {
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    margin: 0px auto;
    text-align: center;
    font-family: Inter;
    font-size: 25px !important;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.025em;
    text-align: center;


}

.small-text {
    font-family: Sen;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #374151;
    margin-bottom: 45px;

}

.landing-box {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
}

.category-container {
    position: relative;
    top: 0px;
    display: block;
    justify-content: center;
    align-items: center;

}

.fav-categorys {
    display: flex;
    justify-content: flex-start;

}

.color-box {
    position: relative;
    left: -5px;
    height: 35px;
}



.category-container {

    width: 1600px;
    max-width: 90%;
    margin: auto;
}
.voucher-form label {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -1px;
    text-align: left;
    color: #000000;
 

}
.voucher-form {
    padding: 10px 10px 10px 10px;
    gap: 10px;
}
.category-container h1 {
    position: relative;
    right: -70px;
    top: -10px;
    font-size: 32px;
    margin-top: 50px;
}







.review-showcase p {

    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -1px;
    text-align: left;
    color: #000000;


}

.review-showcase h5 {

    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -1px;
    text-align: left;
    color: #A6A6A6;



}

.review-showcase {
    display: flex;
    justify-content: space-between;
    max-width: 570px;
    width: 100%;
    height: 90px;
    border-radius: 6px;
    box-shadow: 0px 2px 4px -2px #1018280F;
    box-shadow: 0px 4px 8px -2px #1018281A;
    background-color: #ffffff;
    padding: 0px 10px 0px 10px;
    margin-top: 30px;

}

.product-review-container {

    margin-bottom: 5px;
    display: flex !important;

    justify-content: left;
    align-items: center;


}
.product-review-container p{
    margin: 0px;
} 

.product-review-container img {
    height: 100%;
    margin: 0px 1px 0px 1px;
}






.images-div {
    text-shadow: 2px 2px 2px #000000;
    margin-left: 30px;
    border-radius: 30px;
    width: 280px;
    height: 150px;
    background-size: cover;
    text-align: center;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFFFFF;
    font-family: inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.05992347374558449px;
    text-decoration: none;
    box-shadow: 0px 1.7170071601867676px 3.434014320373535px -1.7170071601867676px #1018280F;
    box-shadow: 0px 3.434014320373535px 6.86802864074707px -1.7170071601867676px #1018281A;
}


a {
    text-decoration: none;
}

.new-products {
    display: flex;
    justify-content: left;

}

.swp {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recommend {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-row-gap: 40px;
}

.new-products-boxes-img {
    object-fit: cover;
    width: 255px;
    height: 150px;
    max-height: 100%;
    max-width: 100%;
}


.new-products-boxes {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #FFFFFF;
    text-align: center;

    width: 255px;
    height: 320px;
    border-radius: 42px;
    box-shadow: 0px 1.7170071601867676px 3.434014320373535px -1.7170071601867676px #1018280F;

    box-shadow: 0px 3.434014320373535px 6.86802864074707px -1.7170071601867676px #1018281A;


}
.blapa {
    display: flex;
    flex-wrap: wrap;
}
.close-modal-btn {
    width: 130px;
    height: 38px;
    border-radius: 48px;
    background: #FAF9F6;
    border: none;
    color: black;
    font-family: Inter;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.new-products-boxes h2 {
    height: 60px;
    overflow: hidden;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.07726532220840454px;
    text-align: center;
    color: #000000;

}

.new-products-boxes h3 {
    /* height: 30px; */
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 6px;
    letter-spacing: -0.07726532220840454px;
    text-align: center;
    color: #FC6B6B;


}

.new-products-boxes p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 0px;
    letter-spacing: -0.07726532220840454px;
    text-align: center;
    color: #878787;
    text-decoration: line-through;
}

.category-tag {
    position: absolute;
    margin: 20px 0px 0px 20px;
}
.obcv {
    max-width: 320px;
    width: 100%;
} 

.swpMain {
    overflow: hidden;
}

.select2 {
   
    color: #5E5E5E !important;
    max-width: 220px !important;
    width: 100% !important;
    
}
.select2-selection {
    border: none !important;
    background: #E8E8E870 !important;
    width: 100% !important;
    height: 48px !important;
    width: 100%;
    max-width: 220px !important;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: -5px;
    border-radius: 5px;
    font-family: inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    max-width: 200px;
    letter-spacing: 0px;
    color: #5E5E5E !important;
}
.select2-selection__arrow {
   
    height: 48px !important;
  
    padding: 10px;
    margin-top: 5px;
    margin-bottom: -5px;
   
    font-family: inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: #5E5E5E !important;
    ;
}
.voucher-form input{
    padding: 10px;
    max-width: 200px;
    width: 100%;
    font-family: 'Inter', sans-serif;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    background-color: #E8E8E8;
    border-radius: 10px;
    border: none;


}
.voucher-use-button {
    margin-top: 10px;
    width: 90px;
    height: 30px;
    border-radius: 48px;
    background: #2EA3F2;
    border: none;
    color: white;
    font-family: Inter;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.voucher-use-button:hover {
    background: #1073b7;
    transition: 0.3s ease;
}
.product-add-button {
    width: 130px;
    height: 38px;
    border-radius: 48px;
    background: #2EA3F2;
    border: none;
    color: white;
    font-family: Inter;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.product-add-button:hover {
    background: #1073b7;
    transition: 0.3s ease;
}

.landing-pre-footer {
    display: flex;
    justify-content: center;
    text-align: center;



}

.pre-footer-container {
    margin-top: 90px;

    text-align: center;

}

.pre-footer-container h1 {
    margin-bottom: 40px;
    right: 0px;
}

.landing-pre-footer-box {
    width: 400px;
    margin: 0px 30px 0px 30px;

}

.footer-container {
    display: flex;
    flex-direction: column;
    padding: 60px 0px 40px 90px;
    background-color: #E8E8E870;
    margin-top: auto !important;
}



.footer-line a {
    margin-right: 20px;
    text-decoration: none;
    color: #000000;
    font-weight: 500;

}

.footer-line {
    margin-top: 10px;
}

.sml {
    color: #A6A6A6;
    font-weight: 300;
    font-size: 13px;
}

.logo-footer {
    margin-bottom: 30px;
}

.cart-modal-body-custom {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

.icon-custom {
    width: 200px;
    height: 200px;
    display: flex;
    margin: auto;
}

.landing-pre-footer-box p {
    font-family: inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;

}

.landing-pre-footer-box h2 {
    font-family: inter;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;

}

.pre-footer-container h1 {
    font-family: inter;
    font-size: 30px;
    font-weight: 800;
    line-height: 41px;
    letter-spacing: 0px;
    text-align: center;

}

.top-search h3 {
    font-family: inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0px;
    text-align: center;

}

.search-list p {
    margin-top: 15px;
    font-family: Inter;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #5E5E5E;
    margin-left: 10px;


}

.products-title {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-title {
    flex: 1;
    max-width: 500px;



}
.left-title h1 {
    font-weight: 600;
}
.right-title {
    margin-top: -10px;
    margin-right: 80px;

}

.category-container h1 {
    margin-bottom: 50px;
    line-height: 30px;
}

.rules-container {
    margin: 100px 10% 0 10%;
    font-family: inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #00000099;

}

.rules-container h2 {
    font-family: inter;
    font-size: 21px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #000000;

}

.rules-container h1 {
    font-family: inter;
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #000000;

}


.rules-header {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #0000001F;
    padding-bottom: 30px;
}

.rules-info {
    text-align: left;
    display: block;
    margin: 60px auto;
    max-width: 1000px;
}

.categories-blocks {
    display: flex;
    margin-top: 140px;
}

.products-categories {
    width: 320px;
    height: fit-content;
    background-color: #FFFFFF;
    border-radius: 20px;
    /* Apply border radius to all corners */
    box-shadow: 0px 1px 3px 0px #1018281A;
    overflow: hidden;
    /* Hide overflowing content */
}

.products-categories h2 {
    text-align: center;
    background-color: #0070B9;
    color: #FFFFFF;
    padding: 15px 0;
    /* Adjust padding to center the text vertically */
    margin: 0;
    /* Remove margin to ensure no extra space */
}

.products-categories-list {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.products-categories-list a {
    color: #1E1E1E99;
    font-family: inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.5px;
    text-align: left;
    border: 1px solid #00000008;
    padding: 5px 0px 5px 20px;
}

.products-categories-list a:last-child {
    border-bottom: none;
}

.products-categories-list a:first-child {
    border-top: none;
    padding: none;
}

.categories-blocks {
    display: flex;
    justify-content: center;
}

.categories-boxes-container {
    font-size: 12px;
    margin-left: 30px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px;
    height: fit-content;
}


.right-title a {
    color: #696969;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400 !important;
    letter-spacing: 0em;
    text-align: left;


    border-bottom: 1px solid #696969;


}

.categories-boxes {
    justify-content: space-evenly;
    color: #1E1E1E99;
    font-size: x-small;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5px 5px 1px 5px;
    font-size: 12px !important;
    width: 130px;
    height: 130px;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px 0.5384615659713745px 1.076923131942749px 0px #1018280F;
    box-shadow: 0px 0.5384615659713745px 1.6153846979141235px 0px #1018281A;

}

.small {
    font-size: 12px !important;
}



.categories-img {
    max-width: 75px;
    max-height: 75px;
    height: auto;
}

.box-img {
    max-width: 100px;
    max-height: 100px;
    margin: auto;
    object-fit: contain;
}

.wrap-txt {
    justify-content: end;
    margin-top: auto;
    max-height: 72px !important;
    overflow: hidden;
    width: 100%;
    font-size: 12px !important;
}

.products-listing {
    margin: 100px;
    display: flex;
    margin-left: 200px;
    margin-right: 200px;

    justify-content: space-between;

}

.products-listing h2 {
    margin-right: 10%;
    margin-left: 100px;
}

.products-listing-selector {
    margin-right: 100px;
}

.products-listing-selector ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.products-listing-selector li select {
    list-style-type: none;
    width: 149px;
    height: 42px;
    border-radius: 15px;
    background-position: right center;




}

.products-listing-selector li {
    list-style-type: none;



}

.products-listing-selector {

    display: flex;


}

.widget-icon {
    width: 30px;
    height: 30px;
}



.horizontal-products-box {
    width: 100%;
    height: fit-content;
    max-width: 1260px;
    background-color: #FFFFFF;

    border-radius: 29px;
}

.horizontal-products-box img {
    max-width: 110px;
    height: 110px;
}

.horizontal-products-box h1 {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.07707034051418304px;
    text-align: left;


}

.horizontal-products-box h2 {
    margin: 0px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0px;
    text-align: left;
    color: #0000008C;

}

.horizontal-products-box div {
    /* display: flex; */
    margin: 0px 20px 0px 20px;
}


    .horizontal-products-box div {
        display: flex;
        margin: 0px 20px 0px 20px;
    }


.horizontal-products-box .select-category {
    margin-top: 0px;
}

.second-product-layer-left {
    display: block !important;
    margin-top: -10px;


}

.second-product-layer-right {
    display: block !important;
    margin-top: 0px !important;


}


.second-product-layer-left p {
    max-width: 710px;
    font-family: Inter;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.07707034051418304px;
    text-align: left;
    color: #00000096;


}

.second-product-layer div h2 {
    margin-bottom: 10px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0px;
    text-align: left;
    color: #00000061;
    ;

}

.horizontal-container {
    margin: 23px auto;
    max-width: 1260px;
    min-width: 450px;
    height: fit-content;
    border: 1.01px solid #2EA3F2;
    border-radius: 29px;

}


.first-product-layer {
    display: flex !important;
    padding-top: 20px !important;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #0000000F;
    height: 135px;
}

.second-product-layer div h2 {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;

}

.second-product-layer-right {
    max-width: 365px;
    width: 100% !important;



}

.second-product-layer {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 0px 0px !important;
    padding: 10px;
}

.line {

    margin-left: 0px !important;
    padding-right: 0px;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.tbl-scroll {
    width: 100%;
    overflow-y: scroll;
}

.span-price {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.mt-0 {
    margin-top: 0;
}

.price-cut {
    color: #878787 !important;
    text-decoration: line-through !important;
}


.product-info-boxes {
    margin: 0px 0px 0px 0px !important;
    display: block !important;
    font-size: 13px;
    line-height: 20px;
    max-width: 400px;
    width: 100%;

}

.rup {
    position: absolute;
    width: 100px !important;
    height: auto !important;
    margin: -5px 0px 0px -5px;
}

.first-product-layer-right-top{
    max-width: 380px;
    width:100%;
    margin: 10px 0px 10px 0px !important;
    display: flex !important;
    justify-content: space-between !important;
}

.bac {
    background-color: #D9D9D942;
}

.start-text {
    flex: 1;
}

.end-text {
    text-align: right !important;
}



.first-product-layer-right-bottom>div:first-child {
    align-self: flex-start;
}

.select-category {
    display: flex;
    align-items: center;
    justify-content: end;
    max-width: 330px;
    width: 100%;
    margin: 0px !important;
}
.first-product-layer-right-bottom {
    display: flex !important;
    align-items: center;
    text-align: center;
    margin-left: 20px !important;
    margin-top: -10px !important;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-width: 360px;
    width: 100%;
}

.select-category .product-add-button {
    margin: 0px 0px 0px 20px;
}
.select-category-button {

    margin: 0px 12px 0px 0px;
    width: 55px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #A6A6A680;
    color: #0000007A;
    background-color: #FFFFFF;

}

.first-product-layer-right-bottom div p {
    margin: 4px 0px 0px 0px !important;
    text-align: center !important;
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0px;
    color: #2EA3F2;


}

.product-inspect-img {
    object-fit: contain !important;
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 600px;


}

.gallery {
    text-align: center;
    margin-top: 20px;
}

.main-image {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin-bottom: 10px;
}

.thumbnail-container {
    display: flex;
    justify-content: left;
    gap: 5px;

    max-width: 600px;
    width: 100%;
    flex-wrap: wrap;
    

}
.thumbnail img {

}
.thumbnail {
    max-height: 150px;
    width: 100%;
    height: auto;
    cursor: pointer;
    opacity: 0.8;
    max-width: 150px !important;
    margin-bottom: 5px !important;
}

.thumbnail:hover {
    opacity: 1;
}




.product-preview-top {
    display: flex;
    margin: 20px;
    justify-content: center;


}

.product-preview-top-left {
    width: 585px;

    overflow: hidden;

}

.product-preview-top-right {
    max-width: 500px;
    margin-left: 70px;
    width: 100%;
}

.product-pricing {
    font-family: Inter;
    font-size: 32px;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: 0px;
    text-align: left;
    color: #0070B9;
    border-bottom: 1px solid #0000001F;
    border-top: 1px solid #0000001F;

}

.product-preview-top-right button {
    margin-top: 25px;
    float: right;
    height: 53px !important;
    width: 160px !important;
}

.product-preview {

    max-width: 1250px;
    margin: 80px auto;

}

.product-preview-top-span {
    position: relative;
    left: 50px;
}

.product-preview-top-right h1 {
    font-family: inter;
    font-size: 32px;
    font-weight: 800;
    line-height: 44px;
    letter-spacing: -1px;
    text-align: left;

}

.product-preview-top-right p {
    margin: 10px 0px 10px;
    font-family: inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: #00000080;




}

.product-preview-bottom {

    border-top: 1px solid #0000001F;
    display: flex;

    padding-top: 50px;

}

.second-product-layer .second-product-layer-left {
    margin-right: 80px;
    margin-left: 20px;
    margin-top: 0px;
    
}

.second-product-layer-left img{
    width: 120px !important;
    height: auto !important;
}
.product-size-div {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.product-size-div select {
    width: 340px;
}

.my-cart-container {
    width: 100%;
    max-width: 1160px;
    margin: 100px auto;
}

.my-cart-container table {
    width: 100%;
    max-width: 1160px;
}
.order_summary table td {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -1px;

}
.p-title {
    max-width: 200px;
    margin-right: 20px;
}

.p-image {
    object-fit: cover;
    max-width: 80px;
    border-radius: 14px;
    max-height: 86px;
    border: 1px solid #33363F29;
    box-shadow: 0px 2px 4px -2px #1018280F;
    box-shadow: 0px 4px 8px -2px #1018281A;

}
.my-cart-container h3 {

    font-family: inter;
    font-size: 36px;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #000000;
    border-bottom: 2px solid #2EA3F2;
    width: 434px;
    padding-bottom: 10px;

}

.my-cart-container h3 span {

    color: #2EA3F2;
}


.my-cart-container th,
.my-cart-container td {
    padding: 10px;
    /* Add some padding for spacing */
}

.my-cart-container td:first-child,
.my-cart-container td:nth-child(2) {
    text-align: left;

}

.my-cart-container td:nth-child(2) {
    width: 250px;
    padding-right: 150px;


}

.my-cart-container table td {
    width: 140px;
    margin-right: 0px;
}

.po {
    margin-bottom: 120px;
}

.my-cart-container td:nth-child(3),
.my-cart-container td:nth-child(4),
.my-cart-container td:nth-child(5) {
    width: 100px;
}

.my-cart-container td p {
    margin-top: 0px;
    color: #9F9D9D;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.07706327736377716px;
    text-align: left;

}

.my-cart-container th {
    font-family: inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;

}

.delivery-options-div {
    display: flex;
    height: 45px;
    margin: 0 0 10px;
    /* Add some spacing between options */
    align-items: center;
}

.delivery-paying-method-container {
    background-color: #D9D9D952;

}

.delivery-options div img {
    height: 45px;
}


.delivery-options span {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -1px;
    text-align: left;
    color: #000000;

}

.delivery-options h3 {
    margin-top: 7px;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    color: #9F9D9D;

}

.delivery-options-div {
    height: fit-content;
    margin: 15px 10px 0px 10px;
}

.delivery-image {
    height: 45px;
    width: 45px;
    margin: 0px 10px 10px 10px;
}

.alignment-top-bar {
    align-items: center;
    display: flex;
}
.delivery-options-container {
    max-width: 620px;
    min-width: 340px;
}


.delivery-options select {
    background-color: #E8E8E8;
    max-width: 260px;
    width: 100%;
    margin-top: -5px;
}

.delivery-options-container>.delivery-options-div:nth-child(2) {
    margin-left: 47px;
    margin-top: -45px;
}

.paying-methods-container {
    margin-top: 20px;
    display: block;
    padding-bottom: 20px;
}

#minus-button {
    width: 29px;
    padding: 15px 10px 15px 10px
}

#plus-button {

    padding: 15px 10px 15px 10px
}

#count {
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: center;




}



.item-count-buttons {

    width: 138px;
    height: 48px;
    border-radius: 35px;
    background: #F5F5F5;
    display: flex;
    justify-content: space-evenly;

    gap: 15px;
    align-items: center;



}

.product-review-container {
    margin-top: 0px;
    margin-bottom: 5px;
    display: flex !important;
    justify-content: left;
    align-items: center;


}

.rating-in-number {
    margin: 0px 0px 0px 15px;
}

.product-preview-top-right h1 {
    margin-bottom: 0px;
}


.product-review-container img {
    height: 100%;
    margin: 0px 1px 0px 1px;
}

.position-adjustment {
    text-align: center !important;
}

.my-cart-buttons-position {
    max-width: 120px;
    width: 100%;
}


.item-count-container {
    margin-top: 35px;
    display: flex;
    align-items: center;
    gap: 15px;

}

.item-count-container h5 {
    width: 80px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;


}

.item-count-container h5 span {

    color: #276EF1;

}

.paying-methods-container div {
    display: flex;
    align-items: center;
    gap: 100px;
    height: 80px;
}

.paying-methods-container div p {
    margin-left: 80px;
    color: #2EA3F2;
    font-family: Inter;
    font-size: 32px;
    font-weight: 800;
    line-height: 44px;
    letter-spacing: -0.5px;
    text-align: center;

}

.delivery-paying-method-container {
    display: flex;
    justify-content: center;
    padding: 0px 250px 0px 250px;
    gap: 250px;
    margin-left: 0px;

}

.paying-methods-container button {
    margin-left: 280px;
    margin-top: 30px;
    width: 88px;
    height: 55px;
    border-radius: 56px;
    margin-right: auto;
}

.paying-method {
    border-bottom: 1px solid #0000001F;
    border-top: 1px solid #0000001F;

}

.payment-form {
    justify-content: center;
    margin-top: 100PX;
    display: flex;
    margin-bottom: 200px;



}

.payment-form-head {
    margin-top: 100px;
    font-family: inter;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: -0.5px;
    text-align: center;



}

.order_summary button {
    /* margin-left: 145px; */
    width: 163px;
    height: 38.63px;
    border: none;
    border-radius: 48.076202392578125px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    background-color: #E8E8E8;

}


.payment-country {
    height: 32px !important;
    width: 100% !important;
    padding: 8px 16px 8px 16px !important;
}

@media screen and (max-width: 567px) {
    .order_summary button {
        font-size: 12px;
        height: 50px;
        max-width: 163px;
        width: 100%;
    }
}
@media screen and (max-width: 1050px) {
    .first-product-layer-right-bottom{
        display: flex !important;
    }
}

@media screen and (max-width: 390px) {
    .select-category .product-add-button {
        margin: -8px 23px 0px 10px;
    }


}

@media screen and (max-width: 450px) {
    .select-category .product-add-button {
        margin: -8px 23px 0px 10px;
    }

    .horizontal-products-box h2 {
        margin-left: 0px;
    }

    .first-product-layer-right-bottom div p {
        margin: 15px 0px 0px 55px;
    }

    .select-category {
        flex-direction: column;
        gap: 20px;
        justify-content: left;
        align-items: start;
    }

    .select-category button{
        margin:0px !important;
        padding: 0px;
}
}

.customer-info-form-container {
    background-color: #D9D9D942;
    height: 100%;
    padding: 1%;
    max-width: 590px;
    border-radius: 30px;
    margin-left: 60px;
}

.customer-info-form {
    margin: 0px auto !important;
}

.form-group {
    display: flex;
    flex-direction: column;
    margin: 20px 20px 20px 20px;
}

.search-list select {
    max-width: 320px !important;
}



.form-group input,
select {
    width: 100%;
    max-width: 480px !important;
    height: 32px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    gap: 16px;
    border: none;
    background-color: #E8E8E8;


}


.form-group select {
    width: 550px;
    height: 50px;
    padding: 16px;
    border-radius: 8px;
    gap: 16px;

}

#salis {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #5E5E5E;
    max-width: 260px;
    width: 100% !important;
    max-width: inherit;
}

.form-group input {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #5E5E5E;

}

.form-group label {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;


}

.form-group-selection {
    margin-top: 17px;
    margin-bottom: 17px;
    margin-left: 20px;
    font-family: inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;

}

.custom-select input {
    margin-right: 15px;

}

.custom-select input[type=radio] {
    margin: -5px 7px 0 0 !important;

}

.paying-methods-images {
    margin-left: 25px;
}

.customer-info-form-container h1 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 800;
    line-height: 33px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #1E1E1E;
    margin-left: 25px;
}

.customer-info-form {
    display: block;
    margin: 0px auto !important;
}

.customer-info-form-container button {
    max-width: 497px;
    width: 100%;

}
.terms-accept {
    padding: 5%;
    
}

.checkout-button {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    flex-direction: column;
    align-items: center;
}

.mobile-opener-close {
    max-height: 20px;
}

.opened-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 7% 25px 5%;
}

.opened-nav-links {
    padding: 20px 5%;
}

.opened-nav-links a {
    display: block;
    font-size: 20px;
    color: #ffffff !important;
    margin-bottom: 25px;
}


.visible {
    display: block !important;
}

.square-2 {
    transition: left 4s ease-out;
}

.hidden {
    display: none;
    transition: 4s ease;
}


.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
    background: #276EF1;
    transition: opacity 2s ease;
    overflow: hidden;
    /* This line prevents scrolling */
}

.no-product {
    height: 30vh;
    margin-top: 150px;
    margin-bottom: 150px;
    text-align: center;
}

/* mobile nav */
.menu-opener {
    display: block;
    transform: rotate(130deg);
    z-index: 9999;
}

.payment-form-top-section {
    max-width: 542px !important;
    width: 100%;
    margin-bottom: 30px !important;
}

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

    .my-cart-buttons-position {
       
        margin-right: 15px !important;
    }
}

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

    .category-container h1 {
        font-size: 32px !important;
        }


    .h1,
    h1 {
        font-size: 17px !important;
    }

    .product-preview-top-right h1 {
        line-height: 25px;
    }

    .product-preview-top-right-desc {
        padding-bottom: 15px;
    }

    .lyka {
        flex-direction: column;
        margin-left: 0px !important;
    }

    .ela {
        margin-left: 20PX;
        max-width: 300px !important;
        width: 100%;
        height: auto !important;
        object-fit: contain;
    }

    .rup {
        position: absolute;
        width: 100px !important;
        height: auto !important;
        margin: 15px 0px 0px 0px;
    }
}

@media only screen and (max-width: 600px) {
    .desktop-navigation {
        display: none;
    }
}

.separated {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}

.cart-icon {
    max-height: 25px;
}

.mob-list {
    display: flex;
    gap: 25px;
}

.form-group span {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #5E5E5E;

}

.form-group div {
    display: flex;

    justify-content: space-between;

}

.form-group div div {
    display: block;

    justify-content: space-between;
    /* Space evenly between label and input */
    align-items: center;
    /* Align vertically in the middle */
    width: 100%;
    max-width: 500px;
    margin-bottom: 0px;
    margin-right:10px ;
    /* Add margin between form groups */
}

.paying-methods {
    border-top: 1px solid #0000001F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px;
    padding-top: 20px;


}

.paying-methods-images {
    display: block;
}

.paying-methods-text {
    margin-left: 20px;
    font-family: inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #33363F;
    margin-bottom: 15px;

}

.payment-form .order_information {
    margin-top: 30px;
    width: 500px;
}

.products-widgets-box {
    display: flex;
    text-align: center;
    height: 30px;
    align-items: center;
    align-self: center;
    margin-left: 30px;
    justify-content: center;
}

.products-widgets-box img{
    align-items: center;
    height: 30px;
    width: 30px;
    margin-right: 5px;
}

.products-listing h2 {
    margin-right: 0px;

}

@media screen and (max-width: 1050px) {
    .landing-page-text {
        max-width: 500px;
        width: 100%;
        top: 250px;
    }

    .landing-page-text h1 {
        font-size: 28px !important;
        line-height: 35px;

    }

    .landing-page-text .small-text {
        font-size: 18px;

    }
}




@media screen and (max-width: 1000px) {
    .desktop-navigation {
        display: none;
    }

    .mobile-navbar {
        display: block;
    }
    .first-product-layer-right-bottom {
        align-items:start !important;
    }
}
@media screen and (max-width: 1420px) {
    .desktop-navigation {
        display: none;
    }
    .mobile-navbar {
        display: block;
    }  
}
@media screen and (max-width: 1198px) {
    

    .content {
        margin-top: 40px !important;
    }


    .landing-pre-footer {
        flex-wrap: wrap;
        gap: 20px;
    }

    .categories-blocks {
        margin-top: 40px !important;
    }

    .product-preview {
        margin-top: 40px !important;
    }

    .rules-container {
        margin-top: 40px !important;
    }

    .my-cart-container {
        margin-top: 40px !important;
    }

    .products-listing {
        margin-top: 40px !important;
    }
    .landing-page-text{
        font-size: 21px !important;
        line-height: 50px;
    }
}


@media screen and (min-width: 1420px) {
    .desktop-navigation {
        display: block;
    }

    .mobile-navbar {
        display: none;
    }
}

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

.horizontal-products-box .second-product-layer {

    display: block !important;

}

.ko {
    margin: 0px !important;
}

.new-products-boxes {
    width: 49%;
}

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

    .first-product-layer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;

        margin-right: 0px;
        margin-left: 0px;
        height: fit-content;

    }

    .first-product-layer-right-top {
       flex-direction: column;
       text-align: left;

    }
    .select-category {
    justify-content: left;
    margin: 0px;
    }

    .first-product-layer-right-bottom div p{
        text-align: left !important;
    }
    .select-category button{
    
    margin: 0px !important;
    }




    .second-product-layer .second-product-layer-left {
        margin: 10px 10px 0px 0px;


    }

    .ko {
        position: static !important;
        display: flex !important;
        flex-direction: column;
        align-items: start;
        width: 100%;
        max-width: 450px;



    }

    .opl .line {
        padding: 0px;
        max-width: 250px !important;
        height: fit-content;

    }

    .first-product-layer-right-bottom {
        display: flex;
        flex-direction: column;


    }

    .horizontal-products-box {
        height: fit-content;
        min-width: 440px;
    }

    .horizontal-products-box .second-product-layer {
        display: flex;
        justify-content: space-between;
        margin-left: 30px !important;


    }
}


@media screen and (max-width: 760px) {
    .fav-categorys {
        margin-right: 20px;
        display: flex !important;
        justify-content: center;

    }

}

@media screen and (max-width: 760px) {
    .first-product-layer-right-bottom {
        display: flex;
        justify-content: start !important;
        align-items: start;
        margin-right: 0px !important;

    }

}

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

    .products-listing {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 0px;
        margin-left: 0px;
        padding: 0px;
    }

    .products-listing-selector {
        margin: 0px;
    }

    .products-listing h2 {
        margin: 0px;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 925px) {
    .categories-boxes-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 925px) {
    .categories-boxes {
        width: 110px;
        height: 110px;
        font-size: 11px;




    }

    .categories-boxes img {
        width: 50px;
        margin-bottom: 0px;
    }

    .categories-boxes-container {
        justify-content: center;


    }

}

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

    .products-categories {
        display: none;
    }

    .categories-boxes-container {
        justify-content: center;
        margin-left: 0px;

    }
}

@media screen and (max-width: 1135px) {
    .payment-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 0PX;

    }

    .payment-form-head {
        display: flex;
        justify-content: center;
        margin: 100px 0px 0px 30px;
    }

    .customer-info-form-container {
        margin-left: 0px;
        margin: 0px 20px 0px 20px;

    }


}

@media screen and (max-width: 1115px) {
    .delivery-paying-method-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 0px 0px 30px 0px;
        gap: 0px;
    }
}

@media screen and (max-width: 1540px) {
    .fav-categorys {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

}

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

    .new-products {
        display: flex;
        flex-wrap: wrap;


    }

    .new-products-boxes {
        margin: 0 auto;
    }

}

@media screen and (max-width: 700px) {
    .products-title {
        display: block;
        margin-left: -20px;



    }
    .category-container h1 {
        right: -25px;
    }

    .right-title {
        position: relative;
        top: -40px;
        left: 30px;
    }

}

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

    .search-list {
        display: block;
        list-style: none;
        padding: 0;

    }

    .search-list li {
        width: 300px;
    }

    .search-list .select {
        max-width: 300px !important;
    }
    .io {
        margin-top: 100px;
    }
}

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


    .search-list li {
        width: 240px;
    }

    .search-list .select {
        max-width: 240px !important;
    }
}

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


    .search-list li {
        width: 200px;
    }

    .search-list .select {
        max-width: 200px !important;
    }
}

/* @media screen and (max-width: 700px) {
    .cart-modal-body-custom{
        margin-left:120px !important;
    }
    .modal-size{
        max-width: 100% !important;
    }

    .icon-custom{
        width:200px;
        height:200px;
        display:flex;
        margin-bottom:90px;
        margin-left:90px;
    }

}
@media screen and (min-width: 850px) {
    .cart-modal-body-custom{
        margin-left:102px !important;
    }
    .modal-size{
        max-width: 100% !important;
    }

    .icon-custom{
        width:200px;
        height:200px;
        display:flex;
        margin-bottom:90px;
        margin-left:60px;
    }

}
@media screen and (min-width: 950px) {
    .cart-modal-body-custom{
    display: flex;
    align-items:center;
    justify-content: center;
    }
    .modal-size{
        max-width: 100% !important;
    }

    .icon-custom{
        width:200px;
        height:200px;
        display:flex;
        align-items:center;
        margin-bottom:90px;

    }

} */
@media (max-width: 1200px) {


    .my-cart-container-h3div {
        display: flex;
        justify-content: center;
        margin-top: -40px;

    }

    .my-cart-container h3 {

        font-family: inter;
        font-size: 30px;
        font-weight: 500;
        line-height: 49px;
        letter-spacing: -0.5px;
        text-align: center;
        color: #000000;
        border-bottom: 2px solid #2EA3F2;
        width: 364px;
        padding-bottom: 10px;

    }

    .my-cart-container h3 span {

        color: #2EA3F2;
    }


    .my-cart-container th,
    .my-cart-container td {
        padding: 10px;
    }

    .my-cart-container td:first-child,
    .my-cart-container td:nth-child(2) {
        text-align: left;


    }

    .my-cart-container td:nth-child(2) {
        max-width: 200px;
        width: fit-content;
        padding-right: 10px;



    }

    .my-cart-container th {
        width: 30px !important;

    }

    .my-cart-container table td {
        width: 100px;
        margin-right: 0px;
    }

    .po {
        margin-bottom: 120px;
    }

    .my-cart-container td {
        max-width: 100px !important;
        height: 101px;
    }

    .my-cart-container td p {
        margin-top: 0px;
        color: #9F9D9D;
        font-family: Inter;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: -0.07706327736377716px;
        text-align: left;

    }

    .my-cart-container th {
        font-family: inter;
        font-size: 12px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 0px;
        text-align: left;

    }

    .my-cart-container table {
        margin-left: 15px;
    }
}

@media screen and (max-width: 1595px) {
    .second-nav {
        display: none !important;
    }
}
@media screen and (max-width: 1050px) {

    .product-preview-top {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;

    }

    .product-preview-top-left-img {
        max-width: 500px !important;
        width: 100%;
    }

    .product-preview-top-left {
        max-width: 500px !important;
        margin: 0px 20px 0px 20px;
    }

    .product-preview-top-right {
        margin-left: 50px !important;

    }

    .product-preview-top-right p {
        max-width: 480px;
    }

    .product-preview-top-span {
        max-width: 280px !important;
        width: 100% !important;
        left:20px;
        overflow: hidden;
        margin-right: 50px;


    }

    .product-preview-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 0px 0px 0px 0px !important;
        max-width: 1050px !important;
    }

    .product-preview-bottom .second-product-layer-left {
        margin: 0px auto 0px 0px !important;
    }

    .product-preview-bottom .second-product-layer-right {
        width: 100%;
        max-width: 700px !important;
        display: flex;
        flex-direction: column;







    }

    .product-preview {
        margin-top: 100px;
    }
}

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

.text-primary {
    color: #276EF1 !important;
}

.content {
    margin-top: 80px;
}

.success_title {
    display: block;
    text-align: center;
    padding-top: 3%;
    font-weight: 600;
    max-width: 350px;
    line-height: 45px;
    margin: 0 auto;
}

.success_description {
    font-weight: 500;
    width: 90%;
    max-width: 750px;
    text-align: center;
    margin: 3% auto;
}

a {
    text-decoration: none;
    color: #276EF1;
}

a:hover {
    color: #2EA3F2;
    transition: 0.3s ease;
}

.order_flex {
    display: flex;
    width: 90%;
    max-width: 1100px;
    justify-content: center;
    gap: 20px;
    margin: 0 auto;
}

.order_summary {
    border: 1px solid #2EA3F2;
    padding: 20px;
    border-radius: 20px;
    width: 100%;
}

.order_summary table {
    margin-top: 20px;
}

.order_summary table th {
    font-weight: 500;
    font-size: 12px;
}

.max-w-500 {
    max-width: 500px;
}

.shipping_info {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.shipping_info .header {
    display: block;
    font-weight: 500;
}

.shipping_info .description {
    font-weight: 500;
    color: #9F9D9D;
}

.order_summary table td {
    font-weight: 500;
}

.order_summary table {
    border-spacing: 20px 0;
    max-width: 100%;
    width: 95%;
}

.option {
    display: flex;
    font-weight: 500;
    margin-bottom: 5px;
}

.info_block {
    margin-top: 20px;
}

.option .mainTitle {
    width: 150px;
    display: block;
}

.order_summary .title {
    font-size: 18px;
    font-weight: 500;
    color: #2EA3F2;
}

@media screen and (max-width: 1100px) {
    .order_flex {
        display: block;
        margin: 15px auto;
    }

    .order_flex .order_summary {
        width: 90%;
        max-width: 650px;
        margin: 0 auto 30px auto;
    }
}

@media screen and (max-width: 1500px) {
    .detava-logo {
        margin-left: 20px;
    }
}

.my-cart-container .p-image {
    width: 100px;
    height: 86px;
}

.attribute-detailer {
    display: block;
    font-size: 13px !important;
    font-weight: normal;
}

.loader {
    width: 24px;
    width: 24px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.product-max-w {
    width: 100%;
    display: block;
}

.ml-80 {
    margin-left: 115px !important;
}

@media screen and (max-width: 768px) {
    .product-preview-bottom {
        padding: 5%;
    }
    .p-image {
        max-width: 40px !important;
    }

    .my-cart-container .p-image {

        height: 44px;
    }

    .success_description {
        margin-bottom: 35px !important;
    }

    .p-title {
        text-align: left !important;
    }
    
    .payment-form {
        display: block;
        margin: 0 auto !important;
        max-width: 90% !important;
    }

    .payment-form-top-section {
        display: block;
        margin: 0 auto 30px !important;
    }

    .order_summary {
        display: block;
      
        margin: 0 auto;
    }

    .payment-form-head {
        margin: 35px !important;
    }

    .payment-form .order_information {
        width: auto !important;
    }

    .order_summary button {
        margin-left: 0px !important;
        /* margin-top: 15px !important; */

    }

    .customer-info-form .form-group div {
        display: block;
    }

    .customer-info-form .form-group div label {
        display: block;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .customer-info-form-container {
        padding: 2%;
        margin-top: 30px;
    }

    .customer-info-form-container h1 {
        text-align: center;
        margin-left: 0px !important;
    }

    .my-cart-container {
        margin: 100px auto 50px auto;
    }

    .my-cart-container table {
        max-width: 90% !important;
        margin: 0 auto !important;
    }

    .category-container h1 {

        line-height: 45px;
        display: block;
        padding-right: 40px;
    }

    .right-title {
        display: block;
        margin: 0px !important;
    }

    .horizontal-container {
        width: 95%;
        min-width: 95%;
        display: block;
        margin: 10px auto;

    }

    .horizontal-products-box {
        min-width: 100% !important;
    }

    .asl {
        display: block !important;
        width: 100% !important;
    }

    .asl li select {
        width: 100% !important;
        display: block;
        margin: 0 auto 15px auto;
    }

    .products-listing-selector {
        width: 80% !important;
        display: block;
    }

    .products-listing {
        margin-bottom: 35px !important;
    }

    .product-preview-top-right {
        max-width: 95% !important;
        margin: 0 auto !important;
        display: block;
    }

    .product-preview-top-left {
        width: auto;
        height: auto;
        max-width: 95% !important;
        margin: 0 auto !important;
        display: block;
    }

    .product-preview-top-left-img {
        max-width: 85%;
    }

    .product-preview-bottom .second-product-layer-right {
        
        display: block;
    }

    .footer-container {
        padding: 5% !important;
    }

    .new-products {
        display: flex;
        justify-content: center;
    }
}




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

.thumbnail-container {
   zoom: 0.8;
    

}
}

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

.thumbnail-container {
   zoom: 0.6;
    

}
}

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

.thumbnail-container {
   zoom: 0.5;
    

}
}