*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter';}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-Bold.woff2') format('woff2'), url('Inter-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-ExtraBold.woff2') format('woff2'), url('Inter-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-Black.woff2') format('woff2'), url('Inter-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-Medium.woff2') format('woff2'), url('Inter-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-Light.woff2') format('woff2'), url('Inter-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-ExtraLight.woff2') format('woff2'),url('Inter-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-Thin.woff2') format('woff2'), url('Inter-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-SemiBold.woff2') format('woff2'), url('Inter-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face { font-family: 'Inter'; src: url('/public/css/frontend/fonts/Inter-Regular.woff2') format('woff2'), url('Inter-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

h1 {font-family: 'Inter'; font-size: 26px; color: #333; line-height: 50px; font-weight: bold; }
h2, h3, h4, h5, h6 { color: #333; font-size: 24px; line-height: 45px; font-weight: bold; }
p { font-size: 20px; font-weight: 500; line-height: 34px;}
.custom-width {max-width: 1600px;} 
.logo img { width: 100%; max-width: 78%;}
.navbar{ height: 100%;  width: 100%;  padding: 0 50px;}
.navbar .logo a{ font-size: 30px; color: #000; text-decoration: none; font-weight: 600;}
.navbar .nav-links{ line-height: 70px; height: 100%;}
.navbar .links{ display: flex; margin-bottom: 0px; }
.more { display: none !important;}
.navbar .links li{ position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 7px 14px;}
.map iframe { height: 650px; }
.navbar .links li a{ text-decoration: none; white-space: nowrap; color: #000; font-size: 18px; font-weight: 500; text-transform: capitalize; padding: 3px 5px;}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{ transform: rotate(180deg);}
.navbar .links li .arrow{ /* background: red; */ cursor: pointer; height: 100%; width: 30px; line-height: 70px; text-align: center; display: inline-block; color: #000; transition: all 0.3s ease;}
.navbar .links li .sub-menu{ position: absolute; top: 70px; left: 0; line-height: 40px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px; display: none; z-index: 2;}
.navbar .links li:hover .htmlCss-sub-menu,
.navbar .links li:hover .js-sub-menu{ display: block;}
.navbar .links li .sub-menu li { padding: 0 0px; border-bottom: 1px solid rgba(255,255,255,0.1); width: 274px;}
.navbar .links li .sub-menu a{ color: #000; font-size: 19px; font-weight: bold;  line-height: 30px; }
.navbar .links li .sub-menu .more-arrow{ line-height: 40px;}
.navbar .links li .htmlCss-more-sub-menu{ /* line-height: 40px; */}
.navbar .links li .sub-menu .more-sub-menu{ position: absolute; top: 0; left: 100%; border-radius: 0 4px 4px 4px; z-index: 1; display: none;}
.links li .sub-menu .more:hover .more-sub-menu{ display: block;}
.navbar .search-box{ position: relative; height: 40px; }
.navbar .search-box i{ height: 100%;  line-height: 40px; text-align: center; font-size: 22px; color: #333; font-weight: 600; cursor: pointer; transition: all 0.3s ease;}
.navbar .search-box .input-box{ position: absolute; right: calc(12% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; border-radius: 6px; opacity: 0; pointer-events: none; transition: all 0.4s ease;}
.navbar.showInput .search-box .input-box{ top: 65px; opacity: 1; pointer-events: auto; background: #336699;}
.search-box .input-box::before{ content: ''; position: absolute; height: 20px; width: 20px; background: #336699; right: 10px; top: -6px; transform: rotate(45deg);}
.search-box .input-box input{ display: none; position: absolute; top: 50%; font-weight: 600; left: 50%; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 14px; border: none;}
.navbar .nav-links .sidebar-logo{ display: none;}
.navbar input[type="text"]::placeholder { color: #000;}
.navbar .bx-menu{ display: none;}
/*.logo { background: url(public/images/main-logo.png); background-repeat: no-repeat; width: 300px; height: 41px; background-size: cover; transition: background-image 0.5s ease;}
.logo:hover{ background: url(public/images/main-logo-hover.png); background-repeat: no-repeat; background-size: cover;}*/
.navbar { padding: 0 0px; justify-content: end;}
.navbar .nav-links { line-height: 30px; height: 100%; display: flex; justify-content: end;}
.header-sticky.fixed { position: sticky; top: -22px; z-index: 9; background: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15); padding-bottom: 1px;}
.row.custom-menu { margin-top: 10px; margin-bottom: 25px;}
.search-box i.bx.bx-search { display: none;}
.info-menu li a { color: #333; text-decoration: none; font-size: 16px;}
.info-menu ul { margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: end; gap: 14px;}
.info-menu li a:hover { color: #e06b30; text-decoration: underline;}
.custom-slider .carousel-indicators [data-bs-target] {width: 20px; height: 20px; border-radius: 100px; border-top:0px; border-bottom: 0px;}
.custom-slider .carousel-indicators .active { opacity: 1; background: #6995b1;}
.custom-slider .carousel-caption { position: absolute;right: 15%; top: 25%; left: 11%; text-align: left;}
.custom-slider .heading-slider span { font-size: 38px; font-weight: bold;}
.custom-slider .heading-slider { font-size: 38px;}
.custom-slider .heading-slider { width: 100%; padding: 15px; background: linear-gradient(to right, #000000ba 50px, #00000036 200px, #00000012);}
.col-lg-12.padding-space { padding-right: 42px; padding-bottom: 10px;}
.info-menu li i { font-size: 19px;}
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px;}
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3);}
.topbar-bg p { margin-bottom: 0px; line-height: 26px; text-align: center; font-size: 16px; color: #fff; font-weight: 400;}
.topbar-bg { background: #6995b1;}
.modal-body form.search-form input#search-form { width: 100%; border: 2px solid #ccc; transition: ease-in; transition-duration: 0.2s; border-radius: 50px; padding: 10px 23px; float: left;}
.modal-body button.search-submit { border: none; font-size: 23px; position: absolute; right: 27px; top: 25px; background: transparent; color: #6995b1;}
.modal-body  button.search-submit a { color: #333;}
#exampleModalLabel { font-size: 16px; font-weight: 700; padding-top: 20px;}
.modal-body input:focus-visible { outline: none!important;}
.cat-list-Categories li a { color: #333; text-decoration: none; }
.cat-list-Categories { margin: 24px 0px; padding: 0px; list-style: none; display: inline-flex; gap: 19px;}
.bg-color .modal-dialog { max-width: max-content !important; margin: 1.75rem auto;}
.cat-list-Categories li { border: 1px dashed; padding: 5px 17px; border-radius: 50px; border-color: #6995b1;}
h2.banner-title { text-transform: uppercase; font-size: 89px; color: #000; line-height: 100px;}
.btn.btn-lg.btn-primary {padding: 14px 35px; border-radius: 0px; background: #000; border: none; color: #fff !important; text-transform: uppercase; font-size: 17px;}
.btn.btn-lg.btn-primary:hover { background: #6995B1;}
.carousel-control-next, .carousel-control-prev { opacity: 1;}
.right-arrow i { font-size: 40px; color: #fff;}
.right-arrow { width: 70px; height: 70px; background: #6995b1; line-height: 90px;}
.right-arrow:hover { background: #000;}
.info-menu li a:hover { color: #6995b1; text-decoration: none;}
.navbar .links li a:hover { color: #6995b1; text-decoration: none;}
.catgory-section {margin-top: 100px; margin-bottom: 50px;}
.cat1 { overflow: hidden;}
.cat1 img { width: 100%; cursor: pointer;}
.cat1-heading a { color: #fff; text-decoration: none; font-size: 19px;}
.cat1-heading { position: relative; text-align: center; margin: auto; display: table; bottom: 71px; background: #6995b1; width: 100%; padding: 10px;}
.cat1 img:hover { transform: scale(1.1); transition: 0.3s;}
.custom-slider a { text-decoration: none;}
.btn:focus {box-shadow: none !important;}
.bg-color-delivery { background: #6995b1; padding: 10px;     margin-bottom: 100px;}
.bg-color-delivery p strong { color: #000;}
.bg-color-delivery p { text-align: center; margin-bottom: 0px; color: #fff;}
.delivery-van { text-align: center; font-size: 30px; color: #fff;}
.bg-color-delivery p strong { color: #fff; background: #40677f; padding: 3px 20px; border-radius: 6px; font-weight: 600; font-size: 15px;}
.favorites-section {margin-top: 100px; margin-bottom: 100px;}
.favorites-section p {  font-weight: 700; font-size: 45px; margin-bottom: 50px;}
.favorites-section .single-product .part-1 { position: relative; height: 290px; max-height: 290px; margin-bottom: 20px; overflow: hidden;}
.single-product img { box-shadow: 2px 9px 12px #ccc; border: 1px solid #6995b1; border-radius: 12px; height: 350px; object-fit: cover; object-position: center; width: 100%;}
.prd-space {margin-bottom: 40px;}
.product-title-prd {position: relative;}
/* .price-list-product {position: absolute;top: 46px;left: 50px;} */
.product-tilte a {color: #333;font-size: 15px;text-decoration: none;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: center;}
.price { margin-bottom: 0px; line-height: 0px; font-size: 30px; color: #6995b1; font-weight: 600;}
.product-tilte { margin-bottom: 18px;}
p.product-tilte { margin-bottom: 21px; margin-top: 18px;}
p.price { font-size: 20px; line-height: 0px; margin-bottom: 0px;}
.single-pro { position: relative;}
/* .single-pro .image {  opacity: 1; display: block; transition: .5s ease; backface-visibility: hidden; height: 350px; object-fit: cover; object-position: center; box-shadow: 2px 2px 12px #ccc; border: 1px solid #6995b1; border-radius: 12px;} */
.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.single-pro:hover .middle { opacity: 1;}
.text { background-color: #04AA6D; color: white; font-size: 16px; padding: 16px 32px;}
.text i { font-size: 24px; position: relative; top: 2px;}
.text a { color: #fff; text-decoration: none; text-transform: uppercase;}
.text { background-color: #6995b1; color: white; font-size: 16px; padding: 11px 20px;}
.favorites-section .slick-slide { margin: 15px; height: auto;}
.favorites-section li.slick-active { background-color: #6995b1 !important; width: 15px; border-radius: 100%; height: 15px; outline: 1px;}
.favorites-section  .slick-dots li { background-color: #E0EAF0; border-radius: 100%; height: 15px; width: 15px;}
.favorites-section .slick-dots li button::before { font-size: 0px; color: #000; opacity: 0.9;}
.btn-wrap a { color: #ffffff; text-decoration: none; font-weight: 600; text-transform: uppercase; font-size: 18px; background: #6995b1; padding: 10px 24px; border-radius: 9px;}
.btn-wrap { text-align: center; display: flex; justify-content: center; margin-top: 65px;}
.bg-image-youtube { background: url(/public/images/video-image.jpg); background-repeat: no-repeat; background-size: cover; height: 660px; background-position: top;}
.pattern { text-align: center; padding-top: 198px; position: relative;}
.pattern i.bx.bx-play { color: #fff; font-size: 72px; position: absolute; left: 0px; right: 0px; top: 63%;}
.bg-image-youtube .modal-dialog { max-width: 720px; margin: 1.75rem auto;}
.shop-selection {margin-top: 100px; margin-bottom: 100px;}
.shop-selection .slick-slide { margin: 15px; height: auto;}
.shop-selection li.slick-active { background-color: #6995b1 !important; width: 15px; border-radius: 100%; height: 15px; outline: 1px;}
.shop-selection .slick-dots li { background-color: #E0EAF0; border-radius: 100%; height: 15px; width: 15px;}
.shop-selection .slick-dots li button::before { font-size: 0px; color: #000; opacity: 0.9;}
.shop-selection  p { font-weight: 700; font-size: 45px; margin-bottom: 18px; margin-top: 8px;}
.shop-selection .product-tilte a { color: #333; font-size: 20px; text-decoration: none;}
.shop-selection p.price { font-size: 20px; line-height: 0px; margin-bottom: 0px;}
/* .shop-selection .single-pro .image {  opacity: 1; display: block; transition: .5s ease; height: auto; backface-visibility: hidden;  object-fit: cover; object-position: center; box-shadow: 2px 2px 12px #ccc;  border: 1px solid #6995b1; border-radius: 12px;} */
.sea-side-bg  { background: url(/public/images/seasideimage.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 200px;}
.sea-side-bg p { font-weight: 700; font-size: 75px; line-height: 88px; text-transform: uppercase; padding-top: 111px; color: #000;}
.inner-text { font-size: 19px; line-height: 34px; font-family: 'Inter'; margin-bottom: 50px;}
.bg-white-box { display: flex; gap: 33px; background: #fff; padding: 31px; border-radius: 12px; border: 3px solid #6995b1;  align-items: center;}
.profie-pic img { width: 300px; height: auto; border-radius: 100px;}
.inner-text-profile p { text-align: left; font-size: 17px; line-height: 34px;}
.name { text-align: center; font-weight: 700; font-size: 24px; padding-top: 8px; color: #6995b1;}
.bg-black { background: #6995b1; padding-top: 100px; padding-bottom: 100px;}
.customnav a.right-side { float: right;}
.customnav .form-control:focus {box-shadow: none !important;}
.customnav .btn-success:hover { color: #fff; background-color: #000000; border-color: #000000;}
.customnav i.bx.bx-menu-alt-right { font-size: 34px; color: #6995b1;}
.customnav .btn-success { color: #fff; background-color: #6995b1; border-color: #6995b1; border-radius: 0px; padding: 5px 17px; position: relative; left: -4px;}
.customnav input.form-control.me-1 { border-width: 0px; border-radius: 0px; height: 46px; padding-left: 20px; font-size: 13px; background-color: #f4f4f4; color: #424242; border: 1px solid #5c585845;}
.faq-section .accordion .accordion-item { border-bottom: 1px solid #e5e5e5;}
.faq-section .accordion .accordion-item button[aria-expanded='true'] { border-bottom: 1px solid #6995b1;}
.faq-section .accordion button { position: relative; display: block; text-align: left; width: 100%; padding: 8px 10px; color: #333; font-size: 22px; font-weight: 600; border: none; background: none; outline: none;}
.faq-section .accordion button:hover,
.faq-section .accordion button:focus { cursor: pointer; color: #6995b1;}
.faq-section .accordion button:hover::after,
.faq-section .accordion button:focus::after { cursor: pointer; color: #03b5d2; border: 1px solid #03b5d2;}
.faq-section .accordion button .accordion-title { padding: 1em 1.5em 1em 0; font-size: 18px; font-weight: 500;}
.faq-section .accordion button .icon { display: inline-block; position: absolute; top: 18px; right: 0; width: 22px; height: 22px; border: 1px solid; border-radius: 22px;}
.faq-section .accordion button .icon::before { display: block; position: absolute; content: ''; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor;}
.faq-section .accordion button .icon::after { display: block; position: absolute; content: ''; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor;}
.faq-section .accordion button[aria-expanded='true'] { color: #6995b1;}
.faq-section .accordion button[aria-expanded='true'] .icon::after { width: 0;}
.faq-section .accordion button[aria-expanded='true'] + .accordion-content { opacity: 1; max-height: max-content; transition: all 200ms linear; will-change: opacity, max-height;}
/* .faq-section .accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;} */
.faq-section .accordion .accordion-content p { font-size: 17px; padding-top: 10px;}
.faq-section  .accordion-item { background-color: transparent; border: 0px solid rgba(0, 0, 0, .125);}
.faq-section h3 { font-weight: bold;}
.faq-section .accordion-content li a { font-size: 16px; line-height: 30px; color: #333; text-decoration: none;}
.faq-section .accordion-content ul { margin: 0px; padding-left: 18px; list-style: none;}
.faq-section i.bx.bxs-chevrons-right { padding-right: 8px;}
.testmonial .slick-slide { margin: 15px; height: auto;}
.blog-section {margin-top: 100px; margin-bottom: 100px;}
.blog-section p { font-weight: 700; font-size: 45px; margin-bottom: 11px; margin-top: 12px;}
.circle-blog { position: absolute; top: 50%; right: 0px; background: #6995b1; text-align: center; padding: 0px 24px; font-size: 30px; font-weight: 700; color: #fff;}
p.year { font-size: 22px; text-align: center; margin-bottom: 0px; line-height: 52px; color: #fff; margin-top: 0px;}
.blog-image { position: relative;}
.inner-title a { color: #333; font-size: 23px; text-decoration: none;}
.inner-title a:hover { color: #6995b1;}
.blog-section li a { color: #6995b1; text-decoration: none; position: relative; top: 12px; font-weight: 600; font-size: 16px;}
.blog-section ul { margin: 0px; padding: 0px; list-style: none;}
.read-more-btn a { color: #333; text-decoration: none; font-weight: 600; font-size: 16px; align-items: center; display: flex;}
span.read-more-btn a:hover { color: #6995b1;}
.blog-image img:hover { transform: scale(1.2); transition: 0.9s;}
.blog-inner-img { overflow: hidden;}
.client-logo img { margin: auto; display: table;}
.client-logo { background: #f3f3f3; padding: 50px;}
.client-logo .slick-dotted.slick-slider { margin-bottom: 0px;}
.info-menu li strong { color: #6995b1; text-transform: uppercase;}
.test-heading { text-align: center; color: #fff; margin: auto; display: table; padding-top: 63px; font-weight: 600; font-size: 26px;}
.heading-testmonial { color: #fff; text-align: center; font-size: 50px; font-weight: bold;}
.testmonial p { text-align: center; color: #fff; width: 76%; margin: auto; display: table; font-weight: 400; font-size: 19px;}
.round-circle { width: 70px; height: 70px; background: #fff; border-radius: 100px; line-height: 89px;}
.client { margin-top: 30px; margin-bottom: 30px;}
.client img { width: 60px; height: 60px; margin: auto; border-radius: 100%; outline: 3px solid #fff;}
.client-name { text-align: center; color: #000; font-weight: 600; font-size: 25px;}
.company-name { text-align: center; color: #fff; font-weight: 500; font-size:20px;}
.img-fluid.quote { margin: auto; display: table; margin-bottom: 30px;}
.testmonial i.bx.bx-arrow-back.bx-flip-horizontal { color: #6995b1; font-size: 40px;}
.testmonial i.bx.bx-arrow-back.bx-flip-vertical  { color: #6995b1; font-size: 40px;}
.image-play img { height: 700px; object-fit: cover; object-position: center;}
.testmonial { margin-bottom: 100px;}
.testmonial .carousel-control-next, .testmonial .carousel-control-prev {top:85px !important; bottom: inherit;}
.footer-section { background-color: #fff; padding: 100px;     padding-top: 0px;}
.footer-title p { color: #000; font-weight: bold; font-size: 25px; text-align: center; text-transform: uppercase;}
p.inner-text-foter { color: #505050; font-weight: 400; line-height: 30px; font-size: 18px; text-align: center;}
p.widget-title { color: #000; font-weight: bold; font-size: 20px; margin-top: 50px; border-left: 6px solid #6995b1; padding-left: 7px; text-transform: uppercase;}
.footer-section ul { margin: 0px; padding: 0px; list-style: none;}
.footer-section li { line-height: 43px; font-weight: 500;}
.footer-section li a { color: #000; text-decoration: none;}
.footer-section li a:hover{ color: #6995b1; padding-left: 15px; transition: 0.9s}
.add-info a { color: #333; text-decoration: none;}
.add-info p { font-size: 18px; color: #333; margin-bottom: 6px; font-weight: 700;}
.foter-bottom { background-color: #3b3b3b; padding: 14px;}
.copyright { color: #fff; font-size: 17px; text-transform: capitalize;}
.copyright a { color: #6995b1; text-decoration: none;}
.payment-title img { padding-left: 18px;}
.payment-title { float: right; color: #fff;}
span.follow { text-align: center; margin: auto; display: table; font-size: 25px; color: #fff; font-weight: 600;}
.social-media ul { display: flex; margin: 0; padding: 0px; list-style: none; justify-content: center; align-items: center; gap: 15px; margin-top: 10px;}
.social-media li a { color: #fff;}
.social-media li { width: 37px; height: 37px; background: #6995b1; text-align: center; line-height: 40px; font-size: 23px; color: #fff; border-radius: 100%; border-bottom: dashed 0px !important;}
.footer-section i.bx.bxs-chevrons-right { color: #6995b1; padding-right: 8px; font-size: 19px;}
.Instagram {margin-top: 100px; margin-bottom: 100px;}
.Instagram p { font-weight: 700; font-size: 45px;}
p.offical-account a { color: #6995b1; text-decoration: none;}
p.offical-account { font-size: 20px; font-weight: 500; text-align: center;}
.snip1205 { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 220px; max-width: 310px; width: 100%; background: #000000; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
.snip1205 img { max-width: 100%; vertical-align: top;}
.snip1205 i { position: absolute; top: 50%; left: 50%; border-radius: 50%; font-size: 34px; color: #000000; width: 60px; height: 60px; line-height: 60px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);}
.snip1205.green img:hover { transform: scale(1.2); transition: 0.9s;}
.snip1205.green { background-color: #6995b1; border-radius: 12px;}
.snip1205.green i { color: #6995b1;}
.snip1205:hover img,
.snip1205.hover img { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.snip1205:hover i,
.snip1205.hover i { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.bg-about-header { background-image: url(public/images/hero-image.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 150px; padding-bottom: 150px; background-attachment: fixed;}
.bg-blog-header { background-image: url(public/images/hero-image-blog.jpg); background-repeat: no-repeat; background-size: cover; padding-top:150px; padding-bottom: 150px; background-attachment: fixed;}
.bg-blog-header .breadcrumb { gap: 4px; justify-content: center;}
.bg-blog-header  .breadcrumb li.active a { color: #6995b1;}
.page-link { padding: 8px 20px; font-size: 17px; margin: 1px; background-color: #6995b1; color: #fff; font-weight: 700;}
.page-link:hover { z-index: 2; color: #333; background-color: #e9ecef; border-color: #dee2e6;}
.page-link:focus {box-shadow: none !important;}
.sub-heading-header { font-weight: 700; color: #fff; font-size: 70px; justify-content: center; align-items: center; display: flex; text-transform: capitalize;line-height: 1.5;text-align: center;}
.bg-about-header .breadcrumb { gap: 4px; justify-content: center;}
.bg-about-header .breadcrumb li a { color: #fff; text-decoration: none; font-size: 21px; font-weight: 500;}
.bg-about-header .breadcrumb li.active a { color: #6995b1;}
.about-us-section { margin-top: 100px; margin-bottom: 100px;}
.about-us-section img { margin: auto; display: table;}
.highlight { background: #6995b1; padding: 3px 0; color: #fff;}
.about-us-section h1 { font-size: 40px;}
.blog-detail-image { overflow: hidden;}
.blog-detail-image img { width: 100%; object-fit: fill; border-radius: 16px;}
.blog-detail-image img:hover { transform: scale(1.1); transition: 0.3s;}
.blog-detail {margin-top: 100px;}
.inner-heading-blog { margin-top: -22px; background: #fff; position: relative; margin-left: 20px; margin-right: 20px; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 16px;}
.inner-heading-blog .list ul { margin: 0px; padding: 0px; list-style: none; display: flex; gap: 13px;}
.inner-heading-blog .list li { line-height: 30px; color: #333333; font-size: 16px;}
.inner-heading-blog .list li i { position: relative; color: #463f6b; top: 4px; font-size: 22px;}
.blog-detail ul li { font-size: 20px; line-height: 40px;}
.block-tag ul {gap: 9px;}
ul.d-flex.list-unstyled.share { margin-top: 33px; float: left;}
ul.d-flex.list-unstyled.share li a { color: #333; font-size: 22px;}
ul.d-flex.list-unstyled.share li { padding: 3px 9px; border: 1px solid #ccc; margin-left: 15px; line-height: 25px; padding-top: 6px;}
.element-title { display: flex; align-items: center; font-weight: 600; font-size: 18px;}
.inner-heading-blog h1 { font-size: 35px;}
p.text-center.faq-heading { font-weight: 700; font-size: 45px; margin-bottom: 50px;}
.faq-sections { margin-top: 100px; margin-bottom: 100px;}
.faq-sections h3 { margin-top: 0px; font-size: 21px; font-weight: 700;}
.accordion-button { padding: 3px 10px;}
.accordion-button:focus {box-shadow: none !important;}
.accordion-button:not(.collapsed) { color: #fff !important; background-color: #6995b1; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);}
.accordion-button:not(.collapsed) h3 { color: #fff;}
.accordion-button:not(.collapsed)::after { background-image: url(public/images/download.svg); transform: rotate(-180deg);}
.btncolor { background: #6995b1; padding-left: 34px !important; padding-right: 34px !important; color: #fff;}
.btncolor h2 { color: #fff; font-size: 50px; padding-top: 85px;}
textarea.u-full-width.bg-light { width: 100%; padding: 10px 12px;}
input.u-full-width.bg-light { width: 100%; margin-bottom: 10px; padding: 10px 12px; border: 1px solid #ccc; border-radius: 6px;}
input:focus-visible { outline: none !important;}
textarea:focus-visible { outline: none !important;}
.btn.btn-dark.btn-full.btn-medium { width: 100%; padding: 10px 12px; font-size: 19px; margin-top: 11px; margin-bottom: 60px;}
.label-body a { color: #071928;}
.contact-custom {margin-top: 100px; margin-bottom: 100px;}
.bg-color-contact { background: #fff; border: 1px solid #cccccc47; padding: 50px; margin-bottom: 50px;}
.address { background-color: #f7f7f7; padding: 25px; border: 1px solid #cccccc73; box-shadow: -1px 1px 5px 6px #cccccc26; margin-bottom: 30px;}
.address-icon { width: 50px; height: 50px; background-color: transparent; border: 2px solid #6995b1; border-radius: 100px; text-align: center; line-height: 50px; font-size: 22px; margin-bottom: 12px;}
.address-icon:hover { background: #000; color: #fff !important; cursor: pointer;}
.address p a { text-decoration: none; color: #333;}
.address h4 { font-size: 18px; margin-bottom: 0px; line-height: 35px;}
.address input { margin-bottom:32px; padding: 10px; margin-top: 18px;}
.address { background-color: #f7f7f7; padding: 25px; border: 1px solid #cccccc73; box-shadow: -1px 1px 5px 6px #cccccc26; margin-bottom: 30px;}
.address .btn-primary { width: 100%; margin-top: 20px; background: #6995b1; border-color: #6995b1; border: none; padding: 14px;}
.form-control:focus {box-shadow: none !important;}
input:focus-visible { outline: none !important; border-color: #ccc !important;}
.bg-color-contact h2 { font-size: 30px;}
.lost-btn a { color: #fff; text-decoration: none; display: block;}
.lost-btn { background: #6995b1; text-align: center; padding: 13px 12px; font-size: 20px; font-weight: 300; text-transform: uppercase;}
.lost-btn:hover{background: #000;}
p.lost {text-align: center;}
.order-confirmation {margin-top: 100px; margin-bottom: 100px;}
p.thank { text-align: center; font-size: 17px; line-height: 28px;}
.chek h2 { font-size: 40px; padding-top: 25px; margin-bottom: 6px;}
.chek i { font-size: 78px; color: #4CAF50;}
/* .chek { text-align: center;} */
.filter_cat .main-cat-item .main-cat{display:none;}
.main-cat-item.parent_cat .main-cat{display:contents;}
.order-confirmation img { width: 100%; max-width: 70%; margin: auto; display: table;}
.bglights-bg { background: #FFFFFF; padding-left: 20px; padding-right: 19px; padding-top: 40px; padding-bottom: 25px; max-height: 560px; overflow-y: auto; height: 100%; border-radius: 10px; box-shadow: 0px 4px 11px #aaaaaa6b;}
.cartcss h5 { font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #000000; }
.cartcss .minus, .cartcss .plus { width: 39px; height: 32px; padding: 8px 5px 8px 5px; border: 1px solid #ddd; display: inline-block; vertical-align: middle; text-align: center; line-height: 9px; font-size: 25px; background: #6995b1; color: #fff;}
.cartcss input { height: 32px; width: 39px; text-align: center; border: 1px solid #c9c7c7; border-radius: 0px; display: inline-block; vertical-align: middle; font-style: normal; font-weight: 400; text-transform: uppercase; color: #191919;
line-height: 7px; font-size: 17px;}
.cartcss span.plus { background: #6995b1; border: 1px solid #6995b1; color: #fff;}
.numbers { cursor: pointer;}
.cartcss p { font-style: normal; font-weight: 600; font-size: 15px; line-height: 21px; color: #333;}
span.delete { float: right;}
p.prod-text { font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; color: #9F9F9F; padding-left: 21px;}
.cart-content p.price { text-align: right; font-size: 16px; color: #333;}
.cart-content p.prices { text-align: right; font-size: 16px; color: #333;}
.shop-cart ul { margin: 0px; padding: 0px; list-style: none; display: flex;}
.shop-cart li { font-size: 15px; padding-left: 11px;}
.product-image-cart img { width: 100px; height: 139px; object-fit: fill; object-position: center;}
.cartcss { border-bottom: 1px solid #cccccc69;}
.cart-bg { max-height: 641px; overflow-y: auto; height: 100%;}
.inner-tags { float: left; width: 30px; height: 30px; background: #6995b1; border-radius: 100px; margin-right: 18px;}
.inner-tags i { text-align: center; font-size: 20px; margin: auto; display: table; line-height: 30px;}
.cart-bg-summary input.form-control { padding: 10px 10px; border-radius: 10px; font-weight: 600; color: #333;}
.cart-bg-summary button.btn.btn-default { background: #6995b1; padding: 10px 19px; color: #fff; font-size: 19px; border-radius: 0px 10px 10px 0px;}
.right-side-price p { text-align: right; color: #787878; font-size: 17px;}
.order-summary-title h5 { font-size: 16px;}
.proceed-button a.btn.btn-primary.shop-women { width: 100%; padding: 4px 40px; border-radius: 10px; line-height: 39px; font-size: 23px; background: #6995b1; border-color: #6995b1; margin-top: 50px;}
.row.order-summary-border { border-top: 1px solid #cccccc80; border-bottom: 1px solid #cccccc80; display: flex; align-items: center;}
.cart-bg-summary { background-color: #fff; height: 100%;  border: 1px solid #3b3b3b21; border-radius: 10px; box-shadow: 0px 4px 11px #aaaaaa6b; padding: 25px; margin-bottom: 100px; padding-top: 20px;}
.coupon-code span { font-weight: 600; font-size: 18px; color:#6995b1;}
.cart-bg-summary .input-group { margin-top: 30px;}
.row.order-summary-space { margin-top: 20px;}
p.cart-title-inner { font-weight: 700; font-size: 24px;}
.shop-cart li a { color: #333; text-decoration: none;}
.proceed-button a.btn.btn-success { width: 49%; margin-left: 5px; background: #000; border-color: #000; border-radius: 0px; padding: 10px 15px; text-transform: uppercase;}
.proceed-button a.btn.btn-primary { width: 50%; background: #000; border-color: #000; border-radius: 0px; padding: 10px 15px; text-transform: uppercase; float: left;}
.proceed-button { margin-top: 20px; margin-bottom: 30px;}
.shop-cart { margin-top: 100px;}
.accordion-item { background-color: #fff; border: 0px solid rgba(0, 0, 0, .125);}
.filter-title { float: left; width: 70%; margin-bottom: 30px;}
.products-list { margin-top: 100px; margin-bottom: 100px;}
.row.selling-products .text { background-color: #6995b1; color: white; font-size: 16px; padding: 14px 20px; width: 190px;}
.row.selling-products p.product-tilte { font-weight: 700; margin-top: 17px; margin-bottom: 13px; line-height: 21px;}
.row.selling-products p.price { font-size: 20px; line-height: 0px; margin-bottom: 30px;}
.select select.form-select { width: auto; border: 1px solid #ccc; height: 44px; border-radius: 8px; margin-right: 15px; display: flex; float: right; margin-bottom: 30px;}
.form-select:focus {box-shadow: none !important;}
.btn-primary { color: #fff; background-color: #6995b1; border-color: #6995b1;}
.btn-primary:hover { background: #000; border-color: #000;}
.sidebar .accordion-button::after { background-image: url("public/images/plus.svg"); transition: all 0.5s;}
.sidebar .accordion-button:not(.collapsed)::after { background-image: url("public/images/minus.svg");}
.sidebar .accordion-button::after { transition: all 0.5s;}
.sidebar .accordion-button { padding: 3px 0px; font-weight: 600; font-size: 20px;  line-height: 58px;}
.sidebar .accordion-button:not(.collapsed) { color: #282626 !important; background-color: transparent; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);}
.btn-primary:focus { background-color: #6995b1; border-color: #6995b1;}
.sidebar .accordion { background-color:transparent; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; padding-left: 0px; padding-right: 0px;}
.sidebar button.accordion { display: contents;}
.accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px;}
.sidebar label { display: inline-block; font-size: 15px; line-height: 38px; font-weight: 500; padding-left: 4px;}
/* .sidebar .active:after { content: "\2212";} */
/* .sidebar .panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} */
.filter_cat .main-cat-item .panel{display: none;}
li.checks label { line-height: 26px;}
.price-range-slider .range-value input { width: 100%; background: none; color: #000; font-size: 16px; font-weight: initial; box-shadow: none; border: none; margin: 0px 0px 0px 0;}
.price-range-slider .range-bar .ui-slider-range { background: #6995b1;}
.price-range-slider .range-bar .ui-slider-handle + span { background: #6995b1;}
.price-range-slider .range-bar .ui-slider-handle { border-radius: 100%; background: #fff; border: 2px solid #6995b1; height: 20px; width: 20px; top: -7px; cursor: pointer;}
.price-range-slider .range-bar { border: none; background: #dddddd; height: 9px; width: 96%; margin-left: 8px;}
.form-check-input:checked { background-color: #463f6b; border-color: #463f6b;}
div#accordionExample::after{display: none;}
.panel ul { list-style: none;}
.sidebar .accordion-body { padding: 1rem 1.25rem; padding-left: 0px; padding-right: 0px;}
.sidebar input.form-control.me-1 { margin-bottom: 15px;}
.slider.slider-nav.thumb img { margin-left: 6px; height: 137px; object-fit: fill;   object-position: left top; border-radius: 5px; width: 100%;}
.slider .slick-slide { padding: 8px;}
.slider .slick-slide img { display: block; width: 100%; height: 650px; object-fit: cover; border-radius: 6px; object-position: top;}
.product-detail {margin-top: 100px;}
.slider .slick-prev:before, .slider .slick-next:before {color: #333; font-size: 18px; display: none;}
.slider.slider-nav.thumb button.slick-next.slick-arrow { background-image: url(/public/images/black-arrow-right.png); margin-right: 7px; left: unset; right: -32px; background-repeat: no-repeat; background-position: center; width: 15px; z-index: 1; height: 32px; top: 71px;}
.slider.slider-nav.thumb button.slick-prev.slick-arrow { background-image: url(/public/images/black-arrow-left.png); margin-left: 15px; left: -32px; right: unset; background-repeat: no-repeat; background-position: center; width: 15px; z-index: 1; height: 32px; top: 71px;}
.slider.slider-nav.thumb .slick-current img { border: 4px solid #6995b1;}
.product-title-detail h2 { font-size: 41px; padding-top: 16px; padding-left: 30px;}
.star-rateing li { color: #f49f0b !important;}
 span.review-text { color: #333; padding-left: 15px;}
.star-rateing ul { margin: 0px; padding: 0px; list-style: none; display: flex; gap: 4px; margin-left: 0;}
.star-rateing li i { color: #f49f0b;}
.star-rateing { padding-left: 30px;}
.product-price strong { color: #6995b1;}
.product-price { padding-left: 30px; font-size: 20px; padding-top: 10px;}
p.pro-des { padding-left: 30px; font-size: 17px; line-height: 30px; padding-top: 13px;}
.product-detail .minus, .product-detail .cartcss .plus { width: 58px; height: 39px; padding: 8px 5px 8px 5px; border: 1px solid #ddd !important; display: inline-block; vertical-align: middle; text-align: center; line-height: 17px; font-size: 25px; background: #fff !important; color: #333 !important;}
.product-detail input { height: 39px; width: 58px; text-align: center; border: 1px solid #c9c7c7; border-radius: 0px; display: inline-block; vertical-align: middle; font-style: normal; font-weight: 400; text-transform: uppercase; color: #191919; line-height: 7px; font-size: 17px; position: relative; right: 6px;}
.product-detail span.plus { width: 58px; height: 39px; padding: 8px 5px 8px 5px; border: 1px solid #ddd ! IMPORTANT; display: inline-block; vertical-align: middle; text-align: center; line-height: 17px; font-size: 25px; background: #fff !important; color: #333 !important; position: relative; right: 11px;}
.product-detail span.plus { background: #6995b1; border: 1px solid #6995b1; color: #fff;}
.product-detail .numbers { cursor: pointer; padding-left: 30px;}
.tag-list  {padding-left: 30px; padding-top: 25px;}
.tag-list ul { margin: 0px; padding: 0px; list-style: none;}
.tag-list li { line-height: 32px;}
.br-widget a:hover, .br-widget .shop-nav ul li.is--active a, .shop-nav ul li.is--active .br-widget a,
.br-widget a.br-active,
.br-widget a.br-selected {background-position: 0 24px; }
.br-widget a {background: url(/public/images/review_star.png);width: 24px;height: 24px;display: block;float: left;transition: none;}
.tag-list li .tag-bold { font-weight: 700;}
.action-buttons {padding-left: 30px; padding-top: 30px;}
.btn-dark { color: #fff; background-color: #212529; border-color: #212529; padding: 10px 36px; font-size: 20px; text-transform: uppercase; font-weight: 500; margin-right: 10px;}
.btn-dark:hover {background-color: #6995b1; border-color:#6995b1; }
.secure-payment ul { margin: 0px; padding: 0px; list-style: none; display: flex; gap: 0px;}
.secure-payment li { font-weight: 600; font-size: 20px; padding-left: 30px; padding-top: 17px;}
.secure-payment li i { font-size: 22px; position: relative; top: 4px; padding-right: 0px; color: #333;}
hr { margin: 1rem 0; color: inherit; background-color: #7a7474; border: 0; opacity: .25; margin-left: 30px; margin-bottom: 0px;}
.custom-tab {margin-top: 100px; margin-bottom: 100px;}
.nav-tabs .nav-link {padding: 10px 30px; color: #333; font-size: 18px; font-weight: 600;}
.custom-tab p { font-size: 16px; line-height: 30px; padding-top: 30px; margin-bottom: 10px;}
.custom-tab ul { margin-bottom: 0px;}
.custom-tab li { line-height: 31px; font-size: 16px; color: #333;}
.custom-tab .star-rateing { padding-left: 0px;}
.custom-tab a.btn.btn-primary { float: right; margin-top: -58px; padding: 10px 32px; border: 12px; font-size: 18px;}
.custom-tab  input.u-full-width { height: 50px; padding: 6px 15px; border: 1px solid #dbdbdb; border-radius: 4px; box-shadow: none; box-sizing: border-box;}
.custom-tab  button.btn.btn-dark.btn-medium { width: fit-content; margin-top: 10px; margin-bottom: 10px;}
.content { width: 95%; margin: 0 auto 50px;}
.content__title { margin-bottom: 40px; font-size: 20px; text-align: center;}
.content__title--m-sm { margin-bottom: 10px;}
.multisteps-form__progress {  display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr));}
.multisteps-form__progress-btn { transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; position: relative; padding-top: 20px; color: rgba(108, 117, 125, 0.7); text-indent: -9999px; border: none; background-color: transparent; outline: none !important; cursor: pointer;}
.faq-section .accordion-item > .item-link.active .sortableListsOpener:after {content: "\2212";}
.sortableListsOpener:after{content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;position: absolute;right: 10px;top: 28%; font-size: 20px; }
.subMenu .parent_cat .item-link .sortableListsOpener:after {top:10%;}
@media (min-width: 500px) {
  .multisteps-form__progress-btn { text-indent: 0;}
}
.multisteps-form__progress-btn:before { position: absolute;  top: 4px; left: 50%; display: block; width: 30px; height: 30px; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%);
  transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; border: 2px solid currentColor; border-radius: 50%; background-color: #fff; box-sizing: border-box; z-index: 3;}
.multisteps-form__progress-btn:after { position: absolute; top: 18px; left: calc(-50% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ''; background-color: currentColor; z-index: 1;}
.multisteps-form__progress-btn:first-child:after { display: none;}
.multisteps-form__progress-btn.js-active { color: #6995b1;}
.multisteps-form__progress-btn.js-active:before { -webkit-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2); background-color: currentColor;}
.multisteps-form__form { position: relative;}
.multisteps-form__panel { position: absolute; top: 0;  left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden;}
.multisteps-form__panel.js-active { height: auto; opacity: 1; visibility: visible;}
.multisteps-form__panel[data-animation="fade"] { -webkit-animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.multisteps-form__panel[data-animation="fade"].js-active { -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
/*---- CUSTOM ANIMATION ----*/
.fadeInRight { -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes fadeInRight { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0;} 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}}
@keyframes fadeInRight { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0;} 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}
.fadeInLeft { -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0;}
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} }
@keyframes fadeInLeft { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}
.multisteps-form__progress-btn { padding-top: 41px; font-weight: 600; text-transform: capitalize; font-size: 16px;}
.form-check-input:checked { background-color: #6995b1; border-color: #6995b1;}
.content__inner { margin-top: 100px; margin-bottom: 100px;}
.user-info input.form-control { background-color: #ffffff; color: #333; border-color: rgba(0, 0, 0, .09); border-radius: 0; height: auto; padding: 11px 12px; font-size: 15px; margin-bottom: 12px;}
.user-info .action.save.primary.mb-4 { width: 100%; letter-spacing: .01em; font-weight: 600; line-height: 30px; padding: 14px 30px; border: none; color: #FFF; margin-top: 15px; background: #6995b1; font-size: 20px;}
 h3.multisteps-form__title { padding-top: 10px; padding-bottom: 0px; font-size: 19px; font-weight: 700;}
.user-info .action.save.primary.mb-4:hover { background: #000;}
 select#basic-usage { padding: 11px 12px; margin-bottom: 13px; font-size: 15px; color: #333333b3;}
.col-lg-7.user-info { background-color: #fff; border: 1px solid #3b3b3b21; border-radius: 10px; box-shadow: 0px 4px 11px #aaaaaa6b; padding-top: 20px;}
.form-select:focus { border-color: #ccc; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
button.btn.btn-primary.ml-auto.js-btn-next { float: right; margin-bottom: 20px;}
.selling-prod img { float: left; height: 100%; max-height: 102px; margin-right: 12px;}
p.selling-price { float: right; padding-top: 12px;}
.selling-prod { float: left; padding-top: 12px;}
.selling-prod p { font-size: 15px; line-height: 21px; margin-bottom: 0px;}
span.title-prod { font-size: 16px; font-weight: 700;}
.cart-bg-summary p.prod-text { padding-left: 0px; line-height: 0px;}
.cart-bg-summary i.bx.bx-cart { font-size: 28px; color: #6995b1;}
.row.order-summary-space img { float:left; margin-right:23px; height:auto; margin-bottom:30px; }
.cart-bg-summary .row.order-summary-space { margin-top: 20px; display: flex; align-items: center;}
.cart-bg-summary  p.price { float: right;}
.cart-bg-summary p {font-weight: 700;}
p.info a { color: #333; text-decoration: none;}
p.info { padding-top: 15px;}
.box-border1 { padding: 16px; border: 1px solid #3b3b3b21; border-radius: 10px; box-shadow: 0px 4px 11px #aaaaaa6b; height: 100%;}
.box-border2-bg { border: 1px solid #cccccc69; padding: 10px; background: #f7f7f7; border-radius: 10px;}
span.bx.bx-credit-card-alt { float: right; position: relative; top: 8px; right: 8px; font-size: 23px;line-height: inherit;}
span.bx.bx-lock { float: right; position: relative; top: 8px; right: 8px; font-size: 23px;line-height: inherit;}
span.bx.bxs-help-circle   { float: right; position: relative; top: 8px; right: 8px; font-size: 23px; line-height: inherit;}
.box-border1 input.form-control { background-color: #ffffff; color: #333; border-color: rgba(0, 0, 0, .09); border-radius: 0; height: auto; padding: 11px 12px; font-size: 15px; margin-bottom: 12px;}
h5.order1 { font-size: 16px;}
p.edit { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 50px;}
.offcanvas-body .accordion::after { display: none;}
button.btn.save.btn-primary.js-btn-prev { width: 100%; margin-top: 25px; font-size: 19px; margin-bottom: 20px;}
.brand-logo {margin-top: 100px; margin-bottom: 100px;}
.brand-logo p { font-weight: 700; font-size: 45px; margin-bottom: 50px;}
.form-control:focus {border-color: #ccc!important;}
.row.selling-products { padding-left: 30px;}
.faqsimg img { height: 100%; object-fit: cover; width: 100%;}
.btn.btn-dark.btn-full.btn-medium:hover { background: #000; border-color: #000;}
.btn.btn-dark.btn-full.btn-medium { border-radius: 0px;}
.info-menu span.badge { width: 20px; height: 20px; background: #6995b1; padding: 0px; border-radius: 100%; line-height: 20px; font-size: 11px; position: relative; bottom: 9px;}
.multisteps-form__form .js-active {display: block;}
input#payBtn {width: 100%;margin-top: 14px;}
.multisteps-form__panel {position: relative;bottom: 0;left: 0;width: 100%;height: 0;opacity: 0;visibility: hidden;}
.multisteps-form__form {position: relative;}
select#ua_country_id {margin-bottom: 15px;}
.row.address-form-btns {margin-bottom: 33px;}
select#ua_state_id {padding: 11px 12px;margin-bottom: 13px;font-size: 15px;color: #333333b3;}
select#ua_country_id {margin-bottom: 15px;padding: 11px 12px;font-size: 15px;color: #333333b3;}
input.shipping_address {accent-color: #6995b1;width: 17px;height: 17px;}
div#getUserAddresses a {color: #333;text-decoration: none;font-size: 17px;}
input[type="radio"] {accent-color: #6995b1;width: 17px;height: 17px;}
div#getUserAddresses p {font-size: 15px;line-height: 22px;}
.custom-tab textarea.textarea-item {width: 100%;height: 250px;box-shadow: 5px 12px 33px 3px #cccccc40;border: 1px solid #ccc;}
.custom-tab label {margin: 15px;margin-left: 0px;font-weight: 500;width: 100%;}
.system_message.alert--positioned-small{width:100%;max-width:400px;left:0;right:0;z-index:99999}
.system_message.alert--positioned-top-full{left:0;right:0}
.system_message.alert{font-size:1em;color:#fff;width:100%;padding:20px 40px;border:1px solid transparent;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.system_message.alert--process{background:#333}
.system_message.alert--success{background:#00b6ad}
.system_message.alert--danger{background:#f35f5f}
#mbsmessage,.system_message{position:fixed;width:auto;margin:0 auto;top:calc(5%);-webkit-box-shadow:0 0 10px 5px rgba(0,0,0,.07);box-shadow:0 0 10px 5px rgba(0,0,0,.07);z-index:1005;text-align:center}
#mbsmessage.alert--danger .content:before,.system_message.alert--danger .content:before{background:url(/public/images/icon--attention.svg) no-repeat}
#mbsmessage.alert--success .content:before,.system_message.alert--success .content:before{background:url(/public/images/icon--success.svg) no-repeat}
.system_message.alert--process:before{content:"";border-radius:50%;width:32px;height:32px;display:inline-block;position:absolute;left:15px;top:14px;border-top:3px solid rgba(255,255,255,.2);border-right:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-left:3px solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:1.1s linear infinite load8;animation:1.1s linear infinite load8}
.system_message .close:not(:disabled):not(.disabled){cursor:pointer}.system_message .close,.system_message.alert .close{opacity:.3}
.system_message .close,.system_message .closeMsg{z-index:1;width:20px;height:20px;position:absolute;right:10px;top:10px;text-align:center;line-height:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:.47}
.system_message .close:before,.system_message .closeMsg:before{width:3px;height:15px;left:50%;margin:0 0 0 -2px;position:absolute;top:2px;content:"";background:#fff}
.system_message .close:after,.system_message .closeMsg:after{width:15px;height:3px;left:2px;top:50%;margin:-2px 0 0;position:absolute;content:"";background:#fff}
.system_message #mbsmessage .content,.system_message .content{margin:0 auto;text-align:center;position:relative;display:inline-block;vertical-align:top}
.system_message #mbsmessage .content:before,.system_message .content:before{background-size:18px!important;content:"";left:-26px;position:absolute;top:2px;z-index:2;width:30px;height:30px;display:block}
@-webkit-keyframes load8{
  0%{-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load8{
  0%{-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@media (min-width: 1401px) and (max-width: 1620px) {
  .custom-slider .carousel-caption { position: absolute; right: 15%; top: 28%; left: 2%; text-align: left;}
  .circle-blog {top: 41%;}
  .inner-title a {font-size: 21px;}    
}
@media (min-width: 1367px) and (max-width: 1400px) {
  .links {position: relative; left: 0px;}
  .custom-slider .carousel-caption { position: absolute; right: 15%; top: 15%; left: 12%; text-align: left;}
  .custom-width {max-width: 1600px; padding-left: 30px; padding-right: 30px;} 
  .circle-blog {top: 35%;}
  .inner-title a {font-size: 20px;}
  .snip1205 {min-width: 100%; max-width: 100%; margin: 10px 5%;}
  .faqsimg img { height: 100%; object-fit: cover;}
  .btn.btn-dark.btn-full.btn-medium {margin-bottom: 60px;}
  .slider.slider-nav.thumb img {height: auto;}
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .custom-slider .carousel-caption { position: absolute; right: 15%; top: 15%; left: 12%; text-align: left;}
  .custom-slider .heading-slider { width: 78%;}
  .custom-slider .heading-slider span {font-size: 37px;}
  h1 { font-family: 'Inter'; font-size: 24px; color: #000; line-height: 50px; font-weight: bold;}
  .circle-blog {top: 40%;}
  .inner-title a {font-size: 19px;}
  .snip1205 { margin: 10px 5%; min-width: 100%;}
  form.contact-form label {display: inline-block; padding-top: 17px;}
  .btn.btn-dark.btn-full.btn-medium { margin-top: 24px; margin-bottom: 37px;}
  .faqsimg img { height: 100%; object-fit: cover; object-position: right;}
  .proceed-button a.btn.btn-primary {width: 49%;}
  .text { background-color: #6995b1; color: white; font-size: 15px; padding: 11px 7px;}
  .navbar { padding: 0 0px; justify-content: center;}
  .filter-title { width: 64%;}
  .slider.slider-nav.thumb img {height: auto;}
  .custom-width {max-width: 1600px; padding-left: 30px; padding-right: 30px;} 
  .single-pro .image {height: 350px; max-height: 350px;}
  .footer-section li { line-height: 30px;}
  .social-media li i { line-height: 36px;}
  .shop-selection .product-tilte a {font-size: 18px;}
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .logo img { width: 100%; max-width: 100%;}
  .navbar .links li {padding: 0 8px;}
  .navbar .links li a {font-size: 17px; padding: 5px 4px;}
  .custom-slider .carousel-caption { position: absolute; right: 15%; top: 18%; left: 12%;  text-align: left;}
  h1 { font-size: 26px; line-height: 36px; margin-bottom: 12px; margin-top: -9px;}
  p { font-size: 17px; font-weight: 500; line-height: 28px;}
  h2, h3, h4, h5, h6 {font-size: 24px; margin-bottom: 12px; margin-top: -9px;}
  .navbar .links { display: flex; margin-bottom: 0px;}
  .snip1205 {max-width: 100%; margin: 10px 8%; min-width: 100%;}
  .circle-blog {top:21%;}
  .testmonial p br { display: none;}
  .shop-selection .product-tilte a {font-size: 15px;}
  .shop-selection p {padding-top: 18px; font-size: 13px; margin-bottom: 0px;}
  .shop-selection  p.text-center.mb-5 { font-size: 45px;}
  .navbar { padding: 0 0px; justify-content: center;}
  h2.banner-title { font-size: 54px; line-height: 55px;}
  .product-tilte a { color: #333;font-size: 16px;}
  .add-info p br {display: none;}
  .single-pro .image {height: auto;}
  .filter-title {width: 52%;}
  .bg-about-header {padding-top: 80px; padding-bottom: 80px; background-position: bottom;}
  .about-us-section h1 { font-size: 26px;}
  p.inner-title { line-height: 13px;}
  .inner-title a {font-size: 18px;}
  .testmonial { margin-bottom: 50px;}
  .blog-section {margin-top: 50px;}
  .blog-section p {font-size: 32px;}
  .Instagram p {font-size: 32px;}
  p.offical-account.mb-5 { font-size: 17px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .logo img { width: 100%; max-width: 35%; position: relative; right: 0px; }
  .navbar .bx-menu { float: right; justify-content: right; display: flex; width: auto; position: absolute; right: 0px; z-index: 999; font-size:0px; top: -10px;}
  .logo-name img { width: 71%;}
  .custom-slider .carousel-caption {top: 8%; left: 12%;}
  .custom-slider .heading-slider span br {display: none;}
  .custom-slider .heading-slider span { font-size: 28px; font-weight: bold;}
  .header-sticky.fixed { position: sticky; top: 0px; z-index: 9; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15);}
  .about-section { margin-top: 50px; margin-bottom: 50px;}
  .custom-slider .heading-slider { font-size: 28px; line-height: 35px;}
  h1 { font-size: 25px; line-height: 36px; margin-bottom: 12px; margin-top: -9px;}
  p { font-size: 17px; font-weight: 500; line-height: 26px;}
  .inner-text-bold {font-size: 20px;}
  .about-img img {height: 373px;}
  h2, h3, h4, h5, h6 {font-size: 24px; margin-bottom: 12px; margin-top: -9px;}
  h2.banner-title {font-size: 30px; line-height: 37px;}
  .btn.btn-lg.btn-primary {padding: 8px 16px;}
  .navbar .links li a {font-size: 16px !important;}
  .navbar .links li {padding: 0 5px;}
  .navbar .nav-links { line-height:0px; height: 100%; display: flex; justify-content: end;}
  .right-arrow { width: 40px; height: 40px; background: #6995b1; line-height: 52px;}
  .right-arrow i { font-size: 30px;}
  .col-lg-12.padding-space { padding-right: 20px; }
  .catgory-section { margin-top: 30px; margin-bottom: 0px;}
  .company-name {padding-bottom: 50px;}
  .favorites-section { margin-top: 30px; margin-bottom: 30px;}
  .favorites-section p { font-size: 30px; margin-bottom: 19px;}
  .pattern {padding-top: 182px;}
  .pattern i.bx.bx-play {top:60%;}
  .shop-selection { margin-top: 30px; margin-bottom: 30px;}
  .shop-selection p {font-size: 30px;}
  p.product-tilte { padding-top: 28px; line-height: 26px;}
  p.price { font-size: 20px;}
  span.read-more-btn { margin-bottom: 30px; display: block;}
  .testmonial { margin-bottom: -61px;}
  .blog-section p {font-size: 30px;}
  p.text-center.mb-5 { margin-bottom: 30px !important;}
  .blog-section { margin-top: 100px; margin-bottom: 19px;}
  p.inner-title a {font-size: 18px;}
  p.year {font-size: 18px; line-height: 30px;}
  .footer-section { padding: 30px;}
  p.inner-text-foter br { display: none;}
  .copyright {font-size: 16px;}
  .payment-title img { padding-left: 18px; width: 100%; max-width: 70%;}
  .add-info p br {display: none;}
  nav { position: absolute; right: 0px; top: 53px;}
  .blog-nav nav { position: relative; top: 13px;}
  .bx-menu-alt-right:before { content: "\eb61"; position: relative; left: 29px; right: 2px; bottom: 28px; font-size: 40px;}
  .custom-search { position: relative; top: 15px;}
  .customnav .btn-success {    position: relative; left: -18px;}
  .bg-about-header {padding-bottom: 60px; padding-top: 60px; background-position: bottom;}
  .about-us-section h1 { font-size: 24px;}
  .footer-section li {line-height: 28px;}
  .social-media li i { line-height: 37px;}
  .snip1205 {min-width: 100%; max-width: 100%; margin: 10px 5%;}
}

@media (max-width:920px) { 
  nav .navbar .logo a { font-size: 27px; }
  .navbar .links li{ padding: 0 3px; white-space: nowrap;}
  .navbar .links li a {font-size: 14px; padding: 5px 4px;}

}

@media (max-width:800px){
  .navbar .bx-menu{ display: grid;}
  .navbar .nav-links{ position: fixed; top: 0; right: -100%; display: block; max-width: 570px; width: 100%; background:  #fff; line-height: 40px; padding: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000; padding-left: 4px; padding-right: 4px;}
  .navbar .nav-links .sidebar-logo{ display: flex; align-items: center;  justify-content: left;}
  .sidebar-logo .logo-name{ font-size: 25px; color: #fff;}
  .sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
  .navbar .links{ display: block; margin-top: 20px; padding-left: 7px; }
  .navbar .links li .arrow{line-height: 40px;}
  .navbar .links li{ display: block;}
  .navbar .links li .sub-menu{ position: relative; top: 0; box-shadow: none; display: none; left: 0px;}
  .navbar .links li .sub-menu li{ border-bottom: none;}
  .navbar .links li .sub-menu .more-sub-menu{ display: none; position: relative; left: 0;}
  .navbar .links li .sub-menu .more-sub-menu li{ display: flex; align-items: center; justify-content: space-between;}
  .links li:hover .htmlcss-arrow,
  .links li:hover .js-arrow{ transform: rotate(0deg);}
  .navbar .links li .sub-menu .more-sub-menu{ display: none;}
  .navbar .links li .sub-menu .more span{ /* background: red; */ display: flex; align-items: center; /* justify-content: space-between; */}
  .links li .sub-menu .more:hover .more-sub-menu{ display: none; }
  .navbar .links li:hover .htmlCss-sub-menu,
  .navbar .links li:hover .js-sub-menu{ display: none;}
  .navbar .nav-links.show1 .links .htmlCss-sub-menu,
  .navbar .nav-links.show3 .links .js-sub-menu,
  .navbar .nav-links.show2 .links .more .more-sub-menu{ display: block;} .navbar .nav-links.show1 .links .htmlcss-arrow,
  .navbar .nav-links.show3 .links .js-arrow{ transform: none;}
  .navbar .nav-links.show2 .links .more-arrow{ transform: rotate(90deg);}
  .show3 {display:block !important;}

}




@media (max-width:767px) {
  .navbar ol, ul { padding-left: 0px !important;}
  .navbar .search-box { position: relative; height: 40px; width: 280px; display: block;}
  .logo img { width: 100%; max-width: 100%; }
  .navbar { max-width: 100%; padding: 12px 8px;}
  .navbar .bx-menu { float: right; justify-content: right; display: flex; width: auto; position: absolute; right: 0px; z-index: 999;}
  .logo img { width: 100%; max-width: 70%; position: relative; right: 0px;}
  .navbar { max-width: 100%; padding: 21px 8px;}
  .sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
  .row.custom-menu { margin-top: 0px; margin-bottom: 30px;}
  .navbar .links li .arrow {width: 47px;}
  .header-sticky.fixed { top: 0px;}
  h1 { font-size: 21px; line-height: 36px; font-weight: bold; margin-bottom: 12px; margin-top: -9px;}
  p { font-size: 16px; font-weight: 500; line-height: 25px;}
  h2, h3, h4, h5, h6 {font-size: 24px; margin-bottom: 12px; margin-top: -9px;}

}


@media (max-width: 375px) {
  span.logo-name img { width: 100%; max-width: 70%;}
  h2.banner-title {font-size: 16px; line-height: 9px;}
  h2.banner-title br {display: none;} 
  .right-arrow {width: 30px; height: 30px; line-height: 37px;}
  .right-arrow i {font-size: 22px;}
  .heading-sliders p br { display: none;}
  .custom-slider .carousel-caption {top: 0%; left: 14%;}
  .heading-sliders p  { font-size: 12px; line-height: 17px;}
  .btn.btn-lg.btn-primary {padding: 9px 20px; font-size: 12px;}
  .custom-slider .carousel-indicators [data-bs-target] { width:10px; height:10px; }
  .slick-prev:before, .slick-next:before {display: none !important;}
  button.slick-next.slick-arrow { display: none;}
  .catgory-section { margin-top: 10px; margin-bottom: 10px;}
  .sea-side-bg p {font-size: 33px; line-height: 55px;}
  .testmonial { margin-bottom: -60px;}
  .sea-side-bg {padding-bottom: 40px;}
  .inner-text {margin-bottom: 20px;}
  p.text-center.mb-5 { margin-bottom: 24px !important;}
  .blog-section p {font-size: 25px;}
  .blog-section { margin-bottom: 30px;}
  .copyright {font-size: 14px; text-align: center;}
  .payment-title {text-align: center;}
  .add-info p {font-size: 15px;}
  /* .testmonial i.bx.bx-arrow-back.bx-flip-horizontal {display: none !important;} */
  /* .testmonial i.bx.bx-arrow-back.bx-flip-vertical {display: none !important;} */
  p.inner-text-foter {font-size: 15px;line-height: 25px;}
  .snip1205 { max-width: 100%; margin: 10px 4% !important;}
}

@media  (max-width: 430px) {  
  nav { position: absolute; right: 6px; top: 35px;;}
  .custom-search { position: relative; top: 15px;}
  .customnav .btn-success {    position: relative; left: -18px;}
  .bx-menu-alt-right:before { content: "\eb61"; position: relative; left: 29px; right: 2px; bottom: 26px; font-size: 40px;}
  .offcanvas-end {border-left: 0px; width: 420px;}
  .navbar ol, ul { padding-left: 0px !important;}
  ul.list { padding-left: 14px !important;}
  .navbar .search-box { position: relative; height: 40px; width: 280px; display: block;}
  .logo img { width: 100%; max-width: 100%; }
  .navbar { max-width: 100%; padding: 12px 8px;}
  .navbar .bx-menu { float: right; justify-content: right; display: flex; width: auto; position: absolute; right: 0px; z-index: 999;}
  .logo img { width: 100%; max-width: 70%; }
  .navbar { max-width: 100%; padding: 42px 8px;}
  .sidebar-logo i, .navbar .bx-menu { font-size: 40px; color: #000;}
  .row.custom-menu { margin-top:0px; margin-bottom: 0px;}
  .navbar .links li .arrow {width: 47px;}
  .info-menu { margin-bottom: 23px; padding-top: 10px; display: block;}
  .info-menu li { display: contents;}
  .info-menu li a {font-size: 14px;}
  .info-menu ul {justify-content: space-evenly; gap: 0px;}
  .navbar .links li a { font-size: 16px; padding-left: 10px;}
  .header-sticky.fixed { position: sticky; top: 0px; z-index: 9; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15);}
  h2.banner-title {font-size: 16px; line-height: 9px;}
  h2.banner-title br {display: none;} 
  .right-arrow {width: 30px; height: 30px; line-height: 37px;}
  .right-arrow i {font-size: 22px;}
  .heading-sliders p br { display: none;}
  .custom-slider .carousel-caption {top: 0%; left: 14%;}
  .heading-sliders p  { font-size: 10px; line-height: 17px;}
  .btn.btn-lg.btn-primary {padding: 9px 20px; font-size: 12px;}
  .custom-slider .carousel-indicators [data-bs-target] { width:10px; height:10px; }
  .slick-prev:before, .slick-next:before {display: none !important;}
  button.slick-next.slick-arrow { display: none;}
  .catgory-section { margin-top: 10px; margin-bottom: 10px;}
  .favorites-section { margin-top: 30px; margin-bottom: 30px;}
  .favorites-section p {font-size: 25px; margin-bottom: 10px;}
  p.product-tilte { padding-top: 15px; line-height: 45px;}
  .shop-selection { margin-top: 30px; margin-bottom: 50px;}
  .shop-selection  p { font-weight: 700; font-size: 25px; margin-bottom: 18px;}
  .sea-side-bg p { font-size: 48px; line-height: 59px; padding-top: 0px;}
  span.read-more-btn { margin-bottom: 23px; display: block;}
  .footer-section {  padding: 20px; padding-top: 50px; padding-left: 10px; padding-right: 1;}
  p.inner-text-foter br { display: none;}
  .round-circle { width: 0px; height: 0px;}
  .company-name {padding-bottom: 54px;}
  .add-info p br {display: none;}
  .footer-section li { line-height: 30px; font-size: 15px;}
  .social-media li i { font-size: 23px; padding-top: 7px;}
  .heading-testmonial {font-size: 30px;}
  .testmonial p {font-size: 15px; width: 100%;}
  /* .testmonial i.bx.bx-arrow-back.bx-flip-horizontal {display: none !important;} */
  /* .testmonial i.bx.bx-arrow-back.bx-flip-vertical {display: none !important;} */
  .testmonial { margin-bottom: -50px;}
  .payment-title img {width: 100%; max-width: 50%;}
  .sea-side-bg {padding-bottom: 87px;}
  .inner-text {margin-bottom: 18px;}
  .blog-section p {font-size: 25px;}
  .blog-section { margin-top: 70px; margin-bottom: 30px;}
  p.text-center.mb-5 { margin-bottom: 21px !important;}
  .snip1205 {max-width: 100%; margin: 10px 3%;}
  .Instagram p { font-size: 25px;}
  p.offical-account.mb-5 { font-size: 15px;}
  .Instagram { margin-top: 100px; margin-bottom: 20px;}
  .col-lg-12.padding-space { padding-right: 0px; padding-bottom: 0px;}
  .bg-color-delivery p { margin-bottom: 4px; color: #fff; font-size: 14px; line-height: 32px;}
  .testmonial p br {display: none;}
  .bg-about-header { padding-top: 40px; padding-bottom: 40px; background-attachment: inherit;}
  .bg-about-header .breadcrumb li a {font-size: 13px;}
  .sub-heading-header {font-size: 26px;}
  .about-us-section h1 { font-size: 21px; line-height: 28px;}
  .bg-color-delivery {margin-bottom: 0PX;}
  .about-us-section {margin-top: 40px;     margin-bottom: 40px;}
  a.btn.btn-lg.btn-primary.mt-5 { margin-top: 0px!important; margin-bottom: 20px;}
  .blog-nav { position: relative;}
  .row.selling-products { padding-left: 0px;}
  .bg-color-delivery .col { flex: inherit; width: 50%;}
  .slider.slider-nav.thumb img {height: auto;}
  .product-title-detail h2 { font-size: 24px; padding-top: 10px; padding-left: 10px; line-height: 28px;}
}