*{margin:0;padding:0;box-sizing:border-box}
:root{--bg-dark:#0192D0;--bg-light:#0192d099;--text-color:#343F52;--font-1:"Roboto";--font-2:"Barlow"}

body::-webkit-scrollbar {
    width: 5px;
  }
   
  body::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  }
   
  body::-webkit-scrollbar-thumb {
    background-color: var(--bg-dark);
    border-radius: 50px;
  }

body{font-family:Roboto;overflow-x:hidden}
img{max-width:100%}
li,ul{list-style:none;margin:0;padding:0}
a{text-decoration:none}

.btn{box-shadow:0 4px 7px 0 #00000026;font-size:16px;font-weight:400;padding:12px 29px;border-radius:3px;width:fit-content;text-align:center;border:none;display:flex;justify-content:center;align-items:center;gap:10px}
.btn-link{border:1px solid var(--bg-dark);text-decoration:none;color:var(--text-color);transition:.2s linear}
.btn-link:hover{border:1px solid var(--bg-dark);color:#fff;background:var(--bg-dark)}
.btn-success{background:var(--bg-dark);color:#fff;border:1px solid transparent;transition:.2s linear}
.btn-success:hover{background:0 0;border:1px solid var(--bg-dark);color:var(--bg-dark)}
.btn-success i{line-height:0}

h1{font-size:58px;line-height:61px;font-weight:600;font-family:var(--font-2)!important}
h2{font-size:41px;font-weight:600;line-height:55px;font-family:var(--font-2)}
h3{font-size:34px;font-weight:600;font-family:var(--font-2);line-height:40px}
h1 span,h2 span{border-bottom:1px solid #0192D0}
h3 span{color:var(--bg-dark)}

.heading{text-align:center}
.heading p{font-size:16px;font-weight:400;line-height:28px;max-width:65%;margin:auto}

header{position:relative;z-index:4;top:0;right:0;left:0;padding:0}
ul.top_right{padding:0;margin:0;list-style:none;text-align:right}
ul.top_right li{display:inline-block;margin-right:25px}
ul.top_right li:last-child{margin-right:0}
ul.top_right li a{font-size:18px;font-weight:500;font-family:Inter;color:#000}
.top_featured_wrap{position:relative}

#menu ul{list-style:none;margin:0;padding:0}
#menu ul li{display:inline-block;position:relative}
#menu ul li a{color:var(--text-color);padding:10px 0;display:block;text-decoration:none;position:relative;-webkit-transition:all .3s linear;font-size:16px;font-weight:400;line-height:18.75px;transition:all .3s linear}
#menu li>a:after{content:'\f107';font-family:FontAwesome;margin-left:5px}
#menu li>a:only-child:after{margin-left:0;content:''}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a,#menu ul li.current_page_item>a{color:var(--bg-dark)}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#333}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;white-space:nowrap;padding-left:0;width:300px}
#menu ul li.active ul li a{background:#fff}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,.09);display:block;position:relative;margin:0;text-align:left}
#menu li>ul li:hover{background:var(--bg-dark);border-bottom:1px solid rgba(0,0,0,.09)}
#menu li>ul li a{color:#333;font-size:16px;padding:10px 15px;border-right:0}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a,#menu li ul li.current_page_item>a{background:#333;color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li.has-submenu+li,#menu>li:first-child{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block;margin-top:20px;overflow:auto;width:300px;max-height:500px}
#menu li>ul>li:hover>ul::-webkit-scrollbar{width:4px}
#menu li>ul>li:hover>ul::-webkit-scrollbar-track{background:0 0;width:20px;position:absolute;top:10px;right:20px}
#menu li>ul>li:hover>ul::-webkit-scrollbar-thumb{background:#0192D0;border-radius:10px}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a{color:#fff}
#menu li>ul li:hover ul li a{color:#000}
#menu li>ul li ul li a:hover{color:#fff}

@keyframes menu_sticky{
0%{margin-top:-240px}
50%{margin-top:-90px}
100%{margin-top:0}
}
header.sticky{margin:0;position:fixed;background:#fff;top:0;left:0;width:100%;z-index:99;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;box-shadow:0 0 5px 0 rgba(255,255,255,.49);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.49);padding:0;backdrop-filter:blur(5px)}
header .top-right{display:flex;width:100%;align-items:center;justify-content:center;gap:20px}
header .top-right form{display:flex;position:relative;border-bottom:1px solid #000;padding:0 8px 0 0}
header .top-right form label{position:absolute;color:#2125298C;left:5px;top:8px;transition:.1s linear}
header .top-right form button{background:0 0;border:none}
header .top-right form .form-control:focus~label{top:-12px;color:var(--text-color)}
header .top-right form .form-control{background:0 0;position:relative;z-index:2;border:none;box-shadow:none}
.form-control:focus{border:none;box-shadow:none;outline:0}
header .top-bar{background:#fff;padding:10px 0;border-bottom:.5px solid #28252824;color:var(--text-color);font-size:14px;font-weight:400}
header .top-bar a{color:var(--text-color)}
header .top-bar .logo{width:180px;}
header .top-bar span i{margin-right:3px}
header .top-bar span{margin-left:10px;display: block;}
header .top-bar a i{font-size:18px}
.menubar .btn{padding:8px 18px;max-width:160px}

#menu>ul{display:flex;gap:40px}
#menu ul li ul li>a:after{transform:rotate(-90deg);display:inline-block;float:right}
.menubar .bottom-bar{box-shadow:0 4px 14.6px 0 #0000000D;padding:10px 0}
header.sticky .top-bar{display:none}
.bottom-bar .container{position:relative}
#menu ul li:first-child{position:static}
#menu ul li:first-child ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:85%;max-height:400px;overflow:auto}
#menu ul li:first-child ul::-webkit-scrollbar{width:4px}
#menu ul li:first-child ul::-webkit-scrollbar-track{background:0 0;width:20px;position:absolute;top:10px;right:20px}
#menu ul li:first-child ul::-webkit-scrollbar-thumb{background:#0192D0;border-radius:10px}
#menu ul li:first-child .catagories{position:absolute;background:#fff;width:100%;top:50px;padding:22px 15px;transition:all linear .2s 0s;visibility:hidden;opacity:0;display:flex;flex-wrap:nowrap;align-items:start;z-index:9;gap:10px}
#menu ul li:first-child:hover .catagories{visibility:visible;opacity:1}
.sub-imgs{display:flex;justify-content:center;align-items:center;flex-direction:column;width:40%}
.sub-imgs img{border-radius:10px}
.sub-imgs .view-btn{display:block;margin-top:10px;font-size:18px;font-weight:600;text-decoration:underline!important;color:var(--bg-dark)}
.catagories li a img{width:30px;filter: brightness(0) saturate(100%) invert(38%) sepia(89%) saturate(2344%) hue-rotate(173deg) brightness(95%) contrast(99%)}
.catagories ul li a{display:flex!important;align-items:center;gap:10px}
.hero-banner{height:466px;background:linear-gradient(90deg, #30c2ff69 56%, #fff 100%);display:flex;align-items:center}
span.small-heading{background:var(--bg-light);border:1px solid var(--bg-dark);border-radius:5px;padding:5px 21px;font-size:13px;font-weight:400;line-height:15.23px;color:#fff;display:inline-block;width:fit-content}
.hero-banner p{max-width:560px;margin:20px 0}
.hero-banner .banner-btn{display:flex;gap:20px}
.hero-banner .banner-img{position:relative;width:520px;text-align:end}
.hero-banner .banner-img img{width:395px;height:360px;box-shadow:0 4px 6.5px 0 #00000040;object-fit:cover;border-radius:0 43px 0 43px;animation:move-right 1s linear}
@keyframes move-right{
0%{transform:translateX(100px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
section{padding:25px 0}

.packing-sec .heading{margin-bottom:40px}
.packing-card{margin-bottom:25px;overflow:hidden}
.packing-card .text{padding:10px 12px;display:flex;justify-content:center;align-items:center;height:auto !important}
.packing-card .text h6{font-size:18px;font-weight:400;display:flex;align-items:center;margin-bottom:15px}
.packing-card .text h6::before{content:"";width:22px;height:1px;background:#0192D0;display:inline-block;margin-right:5px}
.packing-card .text p{font-size:16px;line-height:27.93px;font-weight:600;margin-bottom:0;letter-spacing: 2px;color: #212529;text-decoration: none;text-align: center}
.packing-card .text-uppercase .text p{text-transform: uppercase;}

.packing-card .image{position:relative;height:324px;border-radius:10px;overflow: hidden}
.packing-card .image img{height:100%;width:100%;object-fit:cover}
.packing-card .image .overlay{position:absolute;background:#00000057;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:.4s linear}
.packing-card .image .overlay{font-size:24px;font-weight:600;color:#fff}
.packing-card:hover .image .overlay{opacity:1;cursor:pointer}

.process-sec{background:#fefefe}
.process-sec ul{margin:30px 0}
.process-sec ul li{position:relative;width:95%}
.process-sec ul li::before{content:"\F110";font-family:bootstrap-icons;position:absolute;left:-20px;top:5px}
.process-sec ul li::after{content:"";width:1px;background:#343f52;height:calc(100% + 16px);position:absolute;top:15px;left:-19px}
.process-sec ul li:last-child::before{content:"\F132"}
.process-sec ul li:last-child::after{display:none}
.process-sec ul li h5{font-size:22px;font-weight:600;font-family:var(--font-2);color:var(--bg-dark)}
.process-sec ul li p{font-size:16px;font-weight:500;color:var(--text-color)}

.form-box p{font-size:15px;font-weight:400;line-height:23px}
.form-box{box-shadow:0 4px 14.5px 0 #00000040;border-radius:20px;background:#fff;padding:20px}
.form-box form .form-control:focus,.form-box form .form-select:focus{border:1px solid #28252829;box-shadow:none}
.form-box form .form-styled,.form-box form .form-styled:focus{border:none!important;border-bottom:1px solid #dcdcdc!important}
.form-box form textarea{height:100px}
.form-box form span{border-left:1px solid var(--bg-dark);padding-left:10px;display:block}
.form-box form input[type=file]::file-selector-button{background-color:var(--bg-dark);color:#fff;border:0;border-right:1px solid #e5e5e5;padding:10px 15px;margin-right:20px;transition:.5s}
.form-box form input[type=file]::file-selector-button:hover{background-color:var(--bg-dark);border:0;border-right:1px solid var(--bg-dark)}
.form-box form input[type=submit]{height:52px;width:290px;border-width:2px;margin:auto;font-size:18px}
.form-box form .form-control::placeholder,.form-box form .form-select::placeholder{color:var(--text-color)}

.design-box-sec{position:relative}
.design-box-sec::after{position:absolute;content:"";background:#00000069;width:100%;height:100%;top:0}
.design-box-sec .design-box{height:720px;overflow-y:scroll;overflow-x:visible;position:relative;z-index:2;background:#fff;border-radius:20px;border:2px solid var(--bg-dark);padding:35px}
.design-box::-webkit-scrollbar{width:4px}
.design-box::-webkit-scrollbar-track{background:0 0;width:20px;position:absolute;top:10px;right:20px}
.design-box::-webkit-scrollbar-thumb{background:#343f52;border-radius:10px}
.design-box-sec .design-box h3{font-size:30px;font-weight:600;line-height:36px;font-family:var(--font-2);margin-bottom:10px}
.design-box-sec .design-box p{font-size:16px;font-weight:400;line-height:21.6px}
.design-box-sec .design-box h4{font-size:21px;font-weight:600;line-height:25.2px;font-family:var(--font-2)}

.roadmap-sec .sub-buttons{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:0px auto;box-shadow:0 4px 15px 0 #00000040;border-radius:8px;position:relative;overflow:hidden}
.roadmap-sec .sub-buttons::after{content:'';width:20%;height:100%;background:var(--bg-dark);position:absolute;transition:.5s}
.sub-buttons label{border:0;padding:25px 0;position:relative;display:block;text-align:center;color:var(--text-color);font-size:19px;font-weight:500;z-index:10;width:100%;cursor:pointer;transition:.5s linear}
#TAB-1:checked~.sub-buttons:after{left:0}
#TAB-2:checked~.sub-buttons:after{left:20%}
#TAB-3:checked~.sub-buttons:after{left:40%}
#TAB-4:checked~.sub-buttons:after{left:60%}
#TAB-5:checked~.sub-buttons:after{left:80%}
#TAB-1:checked~.sub-buttons [for=TAB-1],#TAB-2:checked~.sub-buttons [for=TAB-2],#TAB-3:checked~.sub-buttons [for=TAB-3],#TAB-4:checked~.sub-buttons [for=TAB-4],#TAB-5:checked~.sub-buttons [for=TAB-5],#TAB-6:checked~.sub-buttons [for=TAB-6]{color:#fff}
.sub-buttons label::after{content:"";background:#0192D0;width:1px;height:28px;display:inline-block;position:absolute;top:22px;right:0}
.sub-buttons label:last-child::after{display:none}
.roadmap-sec .detail-box{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

.detail-item{border:1px solid var(--bg-dark);border-radius:8px;box-shadow:0 4px 18.7px 0 #00000040;padding:25px;text-align:center;min-height:320px}
.detail-item img{margin-bottom:30px;max-width: 50px}
.detail-item h4{font-size:22px;font-weight:500;line-height:22.5px}
.detail-item p{margin-bottom:0}
.detail-box .detail-item:nth-child(2n){margin-top:15px}

.roadmap-sec .show-content > div > h2:nth-child(1),.roadmap-sec .show-content .col-lg-6 ,.roadmap-sec .show-content .col-md-6{margin-top:50px}
.roadmap-sec h2{margin-bottom:15px;font-size: 32px;line-height: 38px;}

.faq-sec{background:#fcfafa}
.faq-sec .accordion-button::before{min-width: 25px; width:25px;height:25px;content:"";display:inline-block;background-image:url('images/icons/acc-icon.png');margin-right:15px;background-repeat:no-repeat;filter: brightness(0) saturate(100%) invert(38%) sepia(89%) saturate(2344%) hue-rotate(173deg) brightness(95%) contrast(99%)}
.faq-sec .accordion-button:focus,.faq-sec .accordion-button:focus-visible{border:none;box-shadow:none}
.faq-sec .accordion-button{font-size:20px;line-height: 28px; font-weight:600;width:100%;transition:.2s linear;padding:8px 16px}
.faq-sec .accordion-button:not(.collapsed){background:0 0;color:var(--text-color)}
.faq-sec .accordion-flush .accordion-item{margin-bottom:20px;border-radius:8px!important;border:1px solid #cecece;overflow:hidden}
.faq-sec .accordion-flush .accordion-item:last-child{margin-bottom:0}
.faq-sec .accordion-item .accordion-body{padding-left:55px;padding-top:0}
.faq-sec .img-group{position:relative;max-width:540px;height:490px}
.faq-sec .img-group img:nth-child(2){position:absolute;width:285px;height:316px;object-fit:cover;bottom:0;right:0}
.faq-sec .heading,.testimonials .heading{margin-bottom:45px}

.testimonials #testimonials-slider .item{border:1px solid var(--bg-dark);border-radius:15px;height:360px;padding:22px 40px}
#testimonials-slider .item .item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
#testimonials-slider .item .item-head img{width:100px;height:18px}
#testimonials-slider .item .item-head h4{font-size:22px;font-weight:600;line-height:31px;font-family:var(--font-2);position:relative}
#testimonials-slider .item .item-head h4::after{content:"";height:1px;width:80px;background:var(--bg-dark);left:0;bottom:-8px;position:absolute}
#testimonials-slider .item .profile-img{width:75px;height:75px;position:absolute;top:-30px;left:-30px}
#testimonials-slider .item p{font-size:16px;margin-bottom:0}
#testimonials-slider.owl-carousel .owl-stage-outer{padding-top:40px}
#testimonials-slider .item .text{max-height:240px;overflow-y:auto}
#testimonials-slider .item .text::-webkit-scrollbar{display:none}

footer{background:#fcfafa}
footer .footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bg-dark);margin-bottom:65px;padding:25px 0;flex-wrap:wrap}
footer .footer-top .logo img{width:200px;object-fit: contain;}
footer .footer-top .brands{display:flex;justify-content:space-between;gap:35px;align-items:center}
footer h5{font-size:20px;font-weight:600;position:relative;text-transform:uppercase}
footer h5::after{content:"";height:2px;width:44px;background:var(--bg-dark);position:absolute;left:0;bottom:-7px}
footer ul li a{color:var(--text-color)}
footer ul{padding-top:25px}
footer ul li{font-size:18px;font-weight:500;display:flex;align-items:center;column-gap:6px;margin-bottom:20px}
footer ul li::before{content:"\F138";font-family:bootstrap-icons;color:var(--bg-dark)}
footer .contact-links ul li::before{display:none}
footer .contact-links ul li{align-items:start;font-weight:600}
footer .contact-links ul li i{line-height:27px;min-width:35px;border-right:1px solid var(--bg-dark);margin-right:10px}
footer .social-links{font-size:25px;display:flex;align-items:center;column-gap:30px}
footer .social-links a{color:var(--bg-dark)}
footer .copyright{background:var(--text-color);font-size:18px;font-weight:600;font-family:var(--font-2);color:#fff;padding:25px 0;display:flex;justify-content:center;align-items:center;margin-top:65px}
footer .copyright p{margin-bottom:0}
footer a:hover{color:var(--bg-dark)}
footer .mob-link{display:none}

.inner-banner{min-height:420px;display:flex;align-items:center;padding: 30px 0}

.bg-effect{position:relative}
.bg-effect::after {content:"";position:absolute;width:100%;height:100%;
    background: linear-gradient(95.05deg, #0192d04a 64.4%, #FFFFFF 96.41%);}
.inner-banner-2.bg-effect::after{content:"";position:absolute;width:100%;height:100%;background: linear-gradient(90deg, #30c2ff69 56%, #fff 100%)}
.inner-banner-2.bg-effect{background: none !important;}

.bg-effect .container{position:relative;z-index:2}

.inner-banner .inner-box{border-radius:12px;margin:auto;max-width:810px;text-align:center;padding:30px 40px;padding-top: 0 !important;padding-bottom: 0 !important;}
.inner-banner .inner-box h1{font-size:57px;font-weight:600;line-height:65px;margin-bottom:20px}
.inner-banner .inner-box h1::after{content:"";display:block;height:1px;background:#fff;width:196px;margin:0 auto}
.inner-banner .inner-box p{max-width:80%;margin:auto}

.crumbs{border-bottom:1px solid #c1c1c1}
ul.breadcrumbs{padding:15px 0;margin:0}
ul.breadcrumbs li{display:inline-block;color:var(--bg-dark);margin-left:8px;font-size:16px}
ul.breadcrumbs li a{color:var(--text-color)}
ul.breadcrumbs li::after{content:"\f105";margin-left:10px;font-family:FontAwesome;color:var(--text-color);font-size:12px}
ul.breadcrumbs li:last-child:after{display:none}
ul.breadcrumbs li a:hover{color:var(--bg-dark)}

.all-products .heading p{font-size:20px;line-height:31px;max-width:90%}
.all-products .heading h2{font-size:46px;line-height:52px;margin-bottom:15px;margin-top:0}
.all-products .product-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:space-between;gap:20px;margin-top:70px}
.all-products .product-box .product-item{text-align:center}
.product-box .product-item img{width:180px;height:180px;border:2px solid var(--bg-dark);border-radius:50%;object-fit:cover;margin-bottom:15px}
.product-box .product-item h3{font-size:30px;font-weight:400;color:var(--text-color);font-family:var(--font-1)}

.intetest-sec h2{font-size:32px;line-height:48px;margin-bottom:20px}
.intetest-sec .img-box{max-width:700px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
.intetest-sec .img-box img{width:48%}
.intetest-sec .img-box img:first-child{width:100%}

#sync2{margin-top:20px}
#sync2 .item{margin:5px;text-align:center;cursor:pointer;height:112px;border-radius:3px}
#sync2 .item img{object-fit:cover;object-position:center;height:100%}
#sync2 .item h1{font-size:18px}
#sync2 .current .item{background:#f9f9f9;border:1px solid #0e1280}
.owl-theme .owl-nav [class*=owl-]{transition:all .3s ease}
.owl-theme .owl-nav [class*=owl-].disabled:hover{background-color:#d6d6d6}
#sync1.owl-theme{position:relative}
#sync1.owl-theme .owl-next,#sync1.owl-theme .owl-prev{margin-top:-20px;position:absolute;top:50%;display: none}
#sync1.owl-theme .owl-prev{left:10px}
#sync1.owl-theme .owl-next{right:10px}
.owl-nav button i{display:flex;width:34px;height:30px;border:1px solid #252525;justify-content:center;align-items:center;color:#fff!important;background-color:#252525}
#sync2.owl-theme .owl-dots,#sync2.owl-theme .owl-nav{display:none}
/* #sync2{margin-inline: auto;max-width: 78%;} */
/* #sync2.owl-carousel.owl-drag .owl-item{max-width: 19.8%;} */
.owl-theme .owl-dots .owl-dot span{display:none}
#sync1.owl-carousel .owl-item img{width:100%;object-fit: cover;}
#sync1.owl-carousel .owl-item .item{overflow:hidden;display:flex;justify-content:center;margin: auto;}
#sync1 .item a{display:flex;justify-content:center}
#sync1{overflow:hidden;box-shadow:0 4px 13.6px 0 #00000040;}
#sync1 .owl-nav button i{background:0 0;color:var(--text-color)!important;border:none;font-size:26px}

.inner-banner .form-box{padding:30px 20px;max-width:93%;height: fit-content;}
.inner-banner .form-box h3{text-align:center;margin-bottom:25px;font-size:36px;font-weight:600;line-height:46px}
.inner-banner .form-box form .form-control,.inner-banner .form-box form .form-select{height:39px}
.inner-banner .form-box form input[type=submit]{max-width:260px}
.inner-banner .form-box form textarea{height:70px!important}
.inner-banner .pro-box{text-align:start}
.inner-banner .pro-box h1::after{display:none}
.inner-banner .pro-box h1{font-size:42px;font-weight:600;line-height:65px;margin-bottom:8px}
.inner-banner .pro-box p{max-width:100%;font-size:16}
.inner-banner .pro-box{padding:30px 25px}

.process-sec h2{font-size:38px;font-weight:600}
.process-sec .product-info{margin-bottom:20px}
.process-sec .product-info h2{margin-bottom:20px}
.process-sec .product-info p{font-size:16px}

.details-sec .sub-buttons{grid-template-columns:repeat(6,1fr)}
.details-sec .sub-buttons::after{width:16.66666666%}
.details-sec #TAB-1:checked~.sub-buttons:after{left:0}
.details-sec #TAB-2:checked~.sub-buttons:after{left:16.66666666%}
.details-sec #TAB-3:checked~.sub-buttons:after{left:33.34%}
.details-sec #TAB-4:checked~.sub-buttons:after{left:50%}
.details-sec #TAB-5:checked~.sub-buttons:after{left:66.7%}
.details-sec #TAB-6:checked~.sub-buttons:after{left:83.4%}
.details-sec .h3{font-size:40px;font-weight:600;line-height:46px}

.intetest-sec img{width:100%}
.inner-banner .shop-box h1::after{display:none}

.packing-sec .product-selecter{border:1px solid var(--bg-dark);border-radius:5px;height:605px;padding:20px;overflow:hidden}
.packing-sec .product-selecter .head{border-bottom:1px solid #000}
.packing-sec .product-selecter h3{font-size:30px;line-height:27.93px}
.packing-sec .product-selecter ul{margin:20px 0;height:100%;overflow:auto}
.packing-sec .product-selecter ul::-webkit-scrollbar{width:4px}
.packing-sec .product-selecter ul::-webkit-scrollbar-track{background:0 0;width:20px;position:absolute;top:10px;right:20px}
.packing-sec .product-selecter ul::-webkit-scrollbar-thumb{background:#0192D0;border-radius:10px}
.packing-sec .product-selecter ul li{margin-bottom:15px;font-size:16px;cursor:pointer;width:fit-content}
.packing-sec .product-selecter ul li:hover{color:var(--bg-dark)}
.packing-sec .packing-card .image{height:280px}
.product-selecter ul li.active{color:var(--bg-dark)}
.product-selecter ul li.active:hover{color:var(--bg-dark)}
.packing-sec .packing-card{animation:fade .5s linear}

@keyframes fade{
0%{opacity:0;transform:translateY(50px)}
100%{opacity:1}
}

.blogs-sec .blog-box{border-radius:12px;overflow: hidden;height: 100%;box-shadow: 0 4px 7.1px 0 #00000040;margin: 9px 0;}
.blogs-sec .blog-box .text{padding:10px 15px}
.blogs-sec .blog-box .text p{font-size:18px;font-weight: 700;}
.blogs-sec .blog-box .text span{color: var(--bg-dark);font-size: 14px;display: flex;}
.blogs-sec .blog-box .text span i{margin-top: -2px;}
.blogs-sec .blog-box .text p a{color: #212529;}
.blogs-sec .blog-box .text .btn-link{border:none;box-shadow:none;padding:0;color:var(--bg-dark)}
.blogs-sec .blog-box .text .btn-link:hover{background:0 0;color:var(--text-color)}
.blogs-sec .blog-box .text .btn-link::after{content:"\F285";font-family:bootstrap-icons;color:var(--text-color);font-size:12px;transition:.2s linear}
.blogs-sec .blog-box .text .btn-link:hover::after{transform:translateX(5px)}
.blogs-sec .row{row-gap:30px}
.blogs-sec .blog-box .image{height: 227px; overflow: hidden;}
.blogs-sec .blog-box .image img{width:100%;height:100%;object-fit:cover;transition: .3s linear;}
.blogs-sec .blog-box:hover img{transition: transform .4s ;transform: scale(1.08);}
.blog-box .text p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

label.error{color:red;font-style:italic;display:none;}
input.error, textarea.error, select.error{border:1px solid red !important;}
.inner-banner .inner-img {text-align: center;}
.inner-banner .inner-img img{height: 260px;object-fit: contain;}
.packing-sec .heading{text-align: start;}
.packing-sec .heading p{text-align: start;max-width: unset;}
.design-box-sec .design-box h2{font-size: 34px;line-height: 42px;}
.design-box-sec .design-box ul li::before{content: "\F138"; font-family: bootstrap-icons; color: var(--bg-dark);margin-right:7px;position: relative;top: 0;}
.design-box-sec .design-box ul li  span,.design-box-sec .design-box ul li  strong{font-weight: 500;}
.design-box-sec .design-box ul li{margin: 8px 0;display: flex;}
.design-box-sec .design-box p a{color: var(--bg-dark);}
#product_list_2{padding-top: 12px;}
#product_list_2 .accordion-button{padding: 12px 0;line-height: 20px;}
#product_list_2 .accordion-button:focus{box-shadow: none !important;}
#product_list_2  .accordion-button::after{content: "\F4d7";background-image: none !important;height: 100%;font-family: Bootstrap-icons;font-size: 24px;width: 24px;}
.accordion-button:not(.collapsed)::after{content: "\F2ca" !important;background-image: none !important;height: 100%;font-family: Bootstrap-icons;font-size: 24px;color: var(--bg-dark);background-image: none !important;}
#product_list_2 .accordion-body{padding:0;}
#product_list_2 .accordion-button:not(.collapsed){background: none;color: var(--bg-dark);box-shadow: none !important;}
#product_list_2 .accordion-item{border: 0 !important;}
#product_list_2 .accordion-body ul li::before{content: "\F138"; font-family: bootstrap-icons; color: var(--bg-dark);margin-right:7px;position: relative;top:0;}
#product_list_2 .accordion-body ul li a{color: var(--text-color);transition: .3s linear;}
#product_list_2 .accordion-body ul li:hover a{color: var(--bg-dark);}
#product_list_2 .accordion-body ul li{display: flex;}
#product_list_2 .accordion-body ul li:nth-last-child(1){margin-bottom: 0 !important;}
#product_list_2 .accordion-item{border: 0 !important;}
#product_list_2 .accordion-body ul{height: fit-content;margin:6px 0;padding:0 0 6px;max-height: 410px;}

.popup-form .form-control, .popup-form .form-select {height: 48px;}
.popup-form textarea.form-control {height: 120px;}
.popup-form .form-control:focus, .popup-form .form-select:focus {border: 1px solid #28252829; box-shadow: none;}


.active>.page-link, .page-link.active {
    z-index: 3;
    color: #fff;
    background-color: var(--bg-dark);
    border-color:  var(--bg-dark);
}
.page-link{
    color: var(--text-color);
}
.details-sec ul li::before{ content: "\F138";font-family: bootstrap-icons;color: var(--bg-dark);margin-right: 7px;position: relative;top: 0;}
.details-sec ul li{margin: 8px 0;display: flex;}
.details-sec ul li strong{display: contents ;}
.details-sec ul li span{display: contents ;}
.details-sec p a{color: var(--bg-dark);}
.roadmap-sec h3{font-size: 27px;line-height: 35px;}


#menu > ul li:nth-child(2){position: static;}
#menu > ul li:nth-child(2) .catagories { position: absolute; background: #fff; width: 100%;top: 50px;left: 0;padding: 22px 15px;transition: all linear .2s 0s;   visibility: hidden;opacity: 0;display: flex; flex-wrap: nowrap; align-items: start;z-index: 9; gap: 10px;}
#menu > ul li:nth-child(2):hover .catagories { visibility: visible;  opacity: 1;}
#menu ul li:nth-child(2) .catagories { padding: 20px 25px; justify-content: space-between;}
#menu > ul li:nth-child(2) .catagories .list {  border-right: 1px solid var(--bg-light); width: 17%;}
#menu > ul li:nth-child(2) .catagories .list li::after{ content: "\f105"; display: inline-block;  font-family: 'FontAwesome';color: var(--bg-dark);   }
#menu ul li:nth-child(2) .catagories .list li{ display: flex; align-items: center; justify-content: space-between;padding-right: 20px;}
#menu > ul li:nth-child(2) ul{ grid-template-columns: repeat(1, 1fr) !important;width: 100%; gap: 5px;}
#menu ul li:nth-child(2) .sub-imgs{display: grid; grid-template-columns: repeat(4,1fr); width: 80%; gap: 20px;}
#menu ul li:nth-child(2) .sub-imgs .menu-box{ text-align: center;}
#menu ul li:nth-child(2) .sub-imgs .menu-box a{  padding: 0 ;}
#menu ul li:nth-child(2) .sub-imgs .menu-box img{margin-bottom: 10px;}
#menu ul li:nth-child(2) .list .menu-btn .btn-link{padding: 10px 30px; max-width: 208px; margin-top: 10px; color: #fff; background: var(--bg-dark); border: 1px solid transparent;}
#menu ul li:nth-child(2) .list .menu-btn .btn-link:hover{background: none; border: 1px solid var(--bg-dark); color: var(--bg-dark);}

.packing-descript h1{font-size: 40px;line-height: normal;}
.packing-descript h2{font-size: 32px;line-height: normal;}
.packing-descript h3{font-size: 27px;line-height: normal;}
.packing-descript ul li::before{ content: "\F138";font-family: bootstrap-icons;color: var(--bg-dark);margin-right: 7px;position: relative;top:0;}
.packing-descript  ul li{margin: 8px 0;display: flex;}

.blog_detail_sec h1{font-size: 38px;font-family: Roboto, sans-serif !important;line-height: 46px;}
.blog_detail_sec h2,.blog_detail_sec h3{margin: 15px 0;font-size: 36px;line-height: 42px;}
.blog_detail_sec p a,.blog_detail_sec strong a{color: var(--bg-dark);}
.blog_detail_sec img{max-width: 992px; width: 100%;height: auto;border-radius: 10px;overflow: hidden;margin: 15px 0;object-fit: contain;margin-inline: auto;}
.blog_detail_sec .blog_sidebar h2{margin-top: 0;text-align: left;font-size: 26px;font-family: Roboto, sans-serif !important;line-height: 46px;}
.blog_detail_sec .blog_shedule{opacity: .6;margin-bottom: 10px;}
/* .blog_detail_sec .blog_sidebar{position: sticky;top: 0;}
.blog_detail_sec .blog_sidebar .blog-box{border-radius: 12px;box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.49);overflow: hidden;}
.blog_detail_sec .blog_sidebar .blog-box .image{height: 250px ;overflow: hidden;border-radius: 12px 12px 0 0;}
.blog_detail_sec .blog_sidebar .blog-box .image img{margin-top: 0;}
.blog_detail_sec .blog_sidebar .blog-box .text{padding: 10px 10px;}
.blog_detail_sec .blog_sidebar .blog-box p{color: var(--text-color);margin: 10px 0 0;font-size: 20px;font-weight: 600;} */
/* .related_sec{background-color: #fcfafa;overflow: hidden;}
.related_sec .blog-box{box-shadow:0 0 5px 0 #ccc;border-radius: 16px;}
.related_sec .heading{text-align: left;}
.related_sec .heading h2{font-size: 36px;font-family: Roboto;}
.related_sec .heading p{max-width: 100%;}
.related_sec .blog-box .text{padding: 10px;}
#related_slid .item{margin: 12px;}
#related_slid P{color: black;font-size: 20px;}
#related_slid .image{height: 270px;overflow: hidden;}
#related_slid .image img{object-fit: cover;}
#related_slid.owl-carousel .owl-stage-outer{overflow: visible;}
#related_slid .owl-dots {display: flex;justify-content: center;gap: 10px;margin-top: 20px;}
#related_slid .owl-dots .owl-dot{width: 16px;height: 16px;border-radius: 50%;background-color: var(--bg-light);transition: .3s linear;}
#related_slid .owl-dots .owl-dot.active{width: 40px;height:16px;background-color: var(--bg-dark);border-radius: 40px;} */

.sitemap h4 a {color: var(--bs-heading-color)}
.thanks-sec .check{border-radius: 50%;aspect-ratio: 1/1;width: 80px;font-size: 44px;color: rgb(22 163 74);border: 4px solid rgb(22 163 74);display: flex;align-items: center;justify-content: center;margin-inline: auto;margin-bottom: 15px;}
.thanks-sec h1{margin-bottom: 20px;}
.thanks-sec .inner-btn{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.contact-sec .conatct-box{display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.contact-sec .conatct-box:nth-last-child(1){margin-bottom: 0;}
.contact-sec .conatct-box .icon{border-radius: 10px;background: var(--bg-dark);color: #fff;display: flex;align-items: center;justify-content: center;
    min-width: 55px;font-size: 26px;aspect-ratio: 1 / 1;}
    .contact-sec .conatct-box .deatil p:nth-last-child(1){margin-bottom: 0;}
    .contact-sec .conatct-box .deatil p,.contact-sec .conatct-box .deatil p a{color: var(--text-color);}
    .contact-sec h2{margin-bottom: 30px;}
    .contact-sec .container > .row{row-gap: 20px;}
@media(max-width:1299px){
    .blog_detail_sec h1{font-size: 32px !important;line-height: normal !important;}
    .related_sec .heading h2{font-size: 32px !important;line-height: normal !important;}
    .blog_detail_sec h2,.blog_detail_sec h3{font-size: 28px !important;line-height: normal;}
    /* .blog_detail_sec .blog_sidebar .blog-box p{font-size: 16px;} */
}
@media (max-width:767px) {
    /* #related_slid .image{height: 150px;}
    #related_slid P{font-size: 16px;} */
    .blog_detail_sec h1{font-size: 24px !important;}
    .blog_detail_sec h2,.blog_detail_sec h3{font-size: 22px !important;line-height: normal;}
    /* .related_sec .heading h2{font-size: 24px !important;line-height: normal !important;} */
}
@media(max-width:575px){
    .blog_detail_sec img{max-height: unset;}
}

.listLink{display: flex; align-items: center;}
a.listLink {background: var(--bg-light); padding: 6px 12px; border: 1px solid var(--bg-dark); border-radius: 3px; margin-top: 15px;}
a.listLink i {margin-right: 10px; color: var(--bg-dark);}
a.listLink p {font-size: 15px; font-weight: 600; color: #000;}

@media only screen and (max-width: 600px)  {
    a.listLink p{font-size: 14px;}
    a.listLink {padding: 5px 8px; margin-top: 10px;}
}

.bg-gary{
    background:#fcfafa !important;
}
.details-sec.tab-sec .sub-buttons {
    grid-template-columns: repeat(5, 1fr);
}
.details-sec.tab-sec .sub-buttons::after{width:20%}
.details-sec.tab-sec #TAB-1:checked~.sub-buttons:after { left: 0%; }
.details-sec.tab-sec #TAB-2:checked~.sub-buttons:after { left: 20%; }
.details-sec.tab-sec #TAB-3:checked~.sub-buttons:after { left: 40%; }
.details-sec.tab-sec #TAB-4:checked~.sub-buttons:after { left: 60%; }
.details-sec.tab-sec #TAB-5:checked~.sub-buttons:after { left: 80%; }

.details-sec.tab-sec #TAB-1:checked~.sub-buttons [for=TAB-1], 
.details-sec.tab-sec #TAB-2:checked~.sub-buttons [for=TAB-2], 
.details-sec.tab-sec #TAB-3:checked~.sub-buttons [for=TAB-3], 
.details-sec.tab-sec #TAB-4:checked~.sub-buttons [for=TAB-4], 
.details-sec.tab-sec #TAB-5:checked~.sub-buttons [for=TAB-5] { 
    color: #fff; 
}
.packing-sec .pagination{
    display: none;
}