@charset "utf-8";


/* End Material Icons--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus,.btn:focus ,a:focus{ outline: 0; box-shadow:none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,button:focus{ outline: 0;}
/* =Typography--------------------------------------------------------------------------------------------------*/
/* Setting up the fonts */
html {
  scroll-behavior: smooth;
}
body,html{height:100%;font-size: 10px;}
body { font-family: 'Karla', sans-serif; font-size:1.6rem; line-height:1.25; color: #0E2E3F; -webkit-font-smoothing: antialiased; font-weight: normal;}
/* Typography--------------------------------------------------------------------------------------------------*/
/* =Headings--------------------------------------------------------------------------------------------------*/
h1 { margin: 0; font-size: 77px; line-height: normal;font-family: 'Armata', sans-serif;}
h2 { font-size:60px; line-height:1.2; margin-top: 0; font-weight: 500; margin-bottom:25px;}
h3 { font-size:42px; line-height:1.381;margin: 0; font-weight: 400;font-family: 'Armata', sans-serif;}
h4 {font-size:32px; line-height:1.187;color: #0E2E3F; margin:0; font-weight: 400;font-family: 'Armata', sans-serif;}
h5 {font-size:14px; line-height:1.0714; color: #1F2E72;margin:0; text-transform: uppercase; letter-spacing: 2.8px; font-weight: 500;}
h6 {font-family: 'Armata', sans-serif; margin: 0;}
/* End Headings--------------------------------------------------------------------------------------------------*/
/* =Links--------------------------------------------------------------------------------------------------*/
button{cursor: pointer;}
a { text-decoration:none; color:rgba(30, 28, 36, 55%); cursor:pointer; outline: 0; transition: all 0.2s ease-in-out;}
a:hover{ text-decoration:none; outline:0; color:#0E2E3F; transition: all 0.2s ease-in-out;}
/* End Links
--------------------------------------------------------------------------------------------------*/
/* =helper Classes--------------------------------------------------------------------------------------------------------*/
p { padding:0; margin:0; color: #0E2E3F;}
img{max-width: 100%; object-fit: cover; vertical-align: top;}
hr{border-top: 1px solid #D2DDEC;}
.ti-20{text-indent: 20px;}
/* End Branding
--------------------------------------------------------------------------------------------------------*/

/* =Toolkit--------------------------------------------------------------------------------------------------*/
/* general purpose classes */
ul,li, ol { margin: 0; padding: 0; list-style-type: none }
.btn{ padding:8px 30px; line-height:24px; font-size: 14px; box-shadow: none;font-weight:500; border-radius:30px;letter-spacing: 2.1px;min-width: 169px;font-family: 'Athiti', sans-serif;text-transform: uppercase;}
.btn-sm{padding:8px 15px;line-height:20px; font-size: 12px;}
.border-none{border-radius: 0;}
.btn-primary{ background:#1F2E72;position: relative;border: 1px solid #1F2E72;}
.btn-outline-primary{ background:transparent; color: #1F2E72;border-color: #1F2E72;}
.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle,.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{background: #1F2E72;box-shadow: none;color:#fff;border: 1px solid transparent;}

.btn-white{ background:#fff;color: #1F2E72; position: relative;border: 1px solid transparent;}
.btn-white:hover{ background:transparent;color: #fff; position: relative;border: 1px solid #fff;}

.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{color:#1F2E72;box-shadow: none;background:transparent;border: 1px solid #1F2E72;}
.btn-primary.focus, .btn-primary:focus{color:#ffff;box-shadow: none;background: #1F2E72;border: 1px solid #1F2E72;}

.btn-secondary{ background:#FF6600; color: #fff;border-color: #FF6600;}
.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow: none;color:#FF6600;background-color: transparent;border:1px solid #FF6600;}
.btn-outline-secondary{ background: #F9F9F9; color: #FF6600;border-color: #FF6600;}
.btn-outline-secondary:hover,.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus{background: #FF6600;box-shadow: none;color:#fff;border: 1px solid transparent;}

.btn-groups{margin: -8px;}
.btn-groups .btn{margin: 8px;}

.btn:empty{display: none;}
/* Button Animation */
.btn{position: relative;overflow: hidden;}
.btn:after {content: '';position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;background: rgba(255, 255, 255, .5);opacity: 0;border-radius: 100%;transform: scale(1, 1) translate(-50%);transform-origin: 50% 50%;}
.btn:focus:not(:active)::after,.btn:hover:not(:active)::after{animation: ripple 1s ease-out;}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
/* =End Toolkit--------------------------------------------------------------------------------------------------*/
/* general purpose classes */
.container{max-width: 1200px;padding: 0 15px;}
.block-title{margin-bottom: 50px; text-align: center;}
.card{max-width: 500px; width: 100%; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15); overflow: hidden; border-radius: 15px;}
.card .card-img-top {width: 100%;height: 300px;}
.card .card-body {padding: 50px; margin: 0 40px; text-align: center;}
.card .card-title{font-size: 22px;line-height: 1.182;color: #0E2E3F;font-weight: 400;letter-spacing: 1.1px; margin-bottom: 30px;}
.card .card-text{font-size: 15px; margin-bottom: 30px; line-height: 21px;}
.card .btn-primary{background-color: #0E2E3F;border-color:#0E2E3F}
.card .btn-primary:hover{background-color: transparent;}
.block-description{font-size: 18px;font-weight: 300;line-height: 1.39; margin-bottom: 30px;}
.btn-link, .btn-link-orange{color: #000000;font-size: 16px;font-weight: 500;text-decoration: none;font-family: 'Athiti', sans-serif;line-height: 17px;letter-spacing: 3.2px; text-transform: uppercase; transition: 0.3s ease-in-out all;}
.btn-link:hover{color: #FF6600;}
.btn-link-orange{color: #FF6600;}
.btn-link-orange:hover{color: #0E2E3F;cursor: pointer;}
.btn-link-orange:hover *{fill: #0E2E3F;}
.text-small{font-size: 11px;font-weight: 400;line-height: 15px; }
.text-extra-small{font-size: 10px;color: rgba(14, 46, 63, 0.65);line-height: 14px;}

.pb-100{padding-bottom: 100px !important;}

/* form-control */
.form-md {
    width: 100%;
    text-align: center;
    margin: 0 0 24px;
}
.form-md .form-group {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.form-group {
  margin-bottom: 28px;
}
.form-control {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #0E2E3F;
  border-radius: 8px;
  background-color: transparent;
  margin: 0px auto;
  padding: 10px 22px;
  height: 48px;
  line-height: 1.4;
  outline: none !important;
  font-size: 18px;
  color: #0E2E3F;
  transition: all .2s ease-in-out;
}
textarea.form-control {
  height: auto;
}
.form-select{
  border: 1px solid #0E2E3F !important;
  border-radius: 8px;
  background-color: transparent;
  margin: 0px auto;
  padding: 10px 22px;
  height: 48px;
  outline: none !important;
  font-size: 18px;
  color: #0E2E3F;
}

.form-select:focus{
  box-shadow: none;
  border: none;
}
option {
  padding: 12px 26px;
  font-size: 18px;
  font-weight: 300;
}

label {
  display: inline-block;
  line-height: 1;
  font-size: 18px;
  font-weight: 400;
}
input:hover, input:focus { border: 1px solid #0E2E3F; }
.form-control:focus {
  border-color: #000;
  outline: 0;
  box-shadow: none;
}
input:valid + label, input:focus + label {
  top: -6px;
  color: #B3B3B3;
  font-weight: 400;left:14px;
}
.gl-form-asterisk {
    background-color: inherit;
    color: #e32b2b;
    padding: 0;
    padding-left: 3px;

}
.gl-form-asterisk:after {
    content: "*";
}

 /* Home-page  */
 .home-page{background-image: url('../images/bg-home.png'); background-repeat: no-repeat;background-size: contain;}

/* Header */
.home-page header {background-color: transparent; box-shadow: none;}
header{padding: 9px 0 30px;background: #ffffff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);position: fixed;width: 100%;top: 0;left: 0; z-index: 1000;}
header.active{background-color: #ffffff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);transition: ease 0.75s;}
.navbar {padding: 0;}
.navbar .navbar-brand{padding: 0;margin: 0;}
.navbar-toggler{padding: 0;border: none;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-collapse{margin-top: 16px;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0 40px;color: #FF6600;font-weight: 500;font-family: 'Athiti', sans-serif;font-size: 14px;text-transform: uppercase;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{padding-right: 0;}
.nav-link:focus, .nav-link:hover,.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #0E2E3F !important;}
/* ============ desktop view ============ */
.nav .dropdown-menu>li>a {
  line-height: 2;
  padding: 6px 20px;
  font-size: 14px;
}
.navbar-nav>li>.dropdown-menu {
  min-width: 160px;
  padding: 5px 0;
  border: 0;
  -webkit-box-shadow: 0 6px 12px rgba(14, 46, 63, 0.1);
  box-shadow: 0 6px 12px rgba(14, 46, 63, 0.1);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.dropdown-item:focus, .dropdown-item:hover{background-color: rgba(31, 46, 114, 0.2);}

.banner{padding: 260px 0 135px;}
.banner-details{text-align: center;max-width: 720px;margin: 0 auto;}
.banner-details h2{margin-bottom: 20px;}
.banner-details h2 span {color: #1F2E72; font-weight: 700; font-style: italic;}
.banner-details p{margin-bottom: 60px;font-size: 20px;}
.banner-details .btn{min-width: 320px;}

/* video-banner */
.video-banner{padding: 180px 0 140px;position: relative;}
.video-banner::before{content:""; position: absolute; top:0; right:0; left:0; bottom:0; z-index:1; background: rgba(31, 46, 114, 0.6);}
.bg-video{position: absolute;top: 0;width: 100%;height: 100%;object-fit: cover;}
.video-banner-details{text-align: center;max-width: 720px;margin: 0 auto;position: relative;z-index: 1;}
.video-banner-details p{font-size: 32px;font-family: 'Armata', sans-serif;line-height: 1.4;color: #fff;margin-bottom: 58px; letter-spacing: 1.6px;}
.video-banner-details .btn{min-width: 320px;}

/* Our Products */
.our-products {padding:80px 0 40px 0;}
.our-products-details{display: flex;justify-content: space-between;gap: 170px;}

/* Industries Products */
.industries-products{padding: 40px 0;}
.industries-products-details{display: flex;justify-content: space-between;gap: 170px;}

/* Shipping Process */
.shipping-process{padding: 55px 0 50px 0; }
.shipping-process-inner{display: flex; align-items: center;box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15); border-radius: 15px;background: #F5F4F3; overflow: hidden;}
.shipping-process-inner img{ height: 500px; width: 100%; max-width: 750px;}
.shipping-process-details{padding: 60px;}
.shipping-process-details h4{margin-bottom: 30px;}

/* Shipping Processes */
.shipping-processes{padding: 100px 0; }
.shipping-processes-inner:not(:last-of-type) { margin-bottom: 50px;}
.shipping-processes-inner:nth-child(2n){flex-direction: row-reverse;}
.shipping-processes p{margin-bottom: 0;}

/* Our Locations */
.our-locations{padding: 50px 0 100px}
.our-locations-inner{display: flex; align-items: center;box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15); border-radius: 15px;background: #F5F4F3; overflow: hidden;}
.our-locations-inner img{height: 500px; width: 100%; max-width: 750px;background-color: #ffffff; }
.our-locations-details{padding: 60px;}
.our-locations-details h4{margin-bottom: 30px;}

/* Testimonials */
.testimonials{background-image: url('../images/bg-testimonials.png'); background-repeat: no-repeat;background-size: cover; padding: 97px 0;}
.testimonials-inner{max-width: 670px;padding: 0 40px; margin: 0 auto; text-align: center;}
.testimonials-details h4{font-size: 30px;line-height: 1.2; letter-spacing: 1.5px; max-width: 480px; margin: 0 auto;}
.testimonials-details .double-quote{display: block;font-size: 75px;line-height: 106px; margin-top:8px;font-weight: 300; color: #21B7C4;text-align: center;}
.testimonials-description{font-size: 24px;line-height: 1.42;text-align: center;font-weight: 300;color: #0E2E3F;max-width:430px; margin: -28px auto 28px auto; }
.testimonials-details .author-name{display: block; font-size: 14px;line-height: 16px;text-align: center;font-weight: 500;color: #0E2E3F;text-transform: uppercase; }
.testimonials-details .btn-primary {margin-top: 22px;}

/* Slick Slider General Classes */
.slick-prev{left: 0;}
.slick-next{right: 0;}
.slick-prev, .slick-next {height: 34px;width: 34px;}
.slick-prev::before,.slick-next::before{content: '';background-image: url(../images/left-arrow.png);height: 34px;width: 34px;display: block;opacity: 1;}
.slick-next::before{transform: rotate(180deg);}
.slick-dots{bottom: -45px;}
.slick-dots li{margin: 0;}
.slick-dots li.slick-active button:before{opacity: 1;font-size: 8px;}

/* Contact Us */
.contact-us{padding: 54px 0; background-color: #F9F9F9;}
.contact-details{text-align: center;}
.contact-details h3{font-size: 45px;line-height: 1.2;letter-spacing: 2.25px; margin-bottom: 16px;}
.contact-details .block-description{margin: 0 auto;margin-bottom: 50px;max-width: 500px;}
.contact-details .btn{min-width: 200px;letter-spacing: 2.1px;}

.contact-us.dark-mode{background-color: #0E2E3F;color: #fff;}
.contact-us.dark-mode p{color: #fff;}

/* Footer */
footer{padding: 50px 0 30px; background-image: url(../images/bg-footer.png);background-repeat: no-repeat;background-size: cover;}
.footer-list{margin-top: 21px;}
.footer-list li:not(:last-of-type){margin-bottom: 13px;}
.footer-link{color: #0E2E3F;font-size: 15px;font-weight: 300;line-height: 21px;}
.footer-link:hover{color: #FF6600;}
.sign-up-form{display: flex; margin-top: 21px;}
.sign-up-form input{background-color: #ffffff;border-radius: 5px; border: 1px solid #1F2E72; color: #1F2E72;padding: 12px 32px 12px 22px;font-size: 11px; }
.sign-up-form input::placeholder{color: #1F2E72;}
.sign-up-form .btn-primary{background: #1F2E72;color: #ffffff;min-width: 130px;border-radius: 5px;height: 40px; margin-inline-start: -5px;}
.sign-up-form .btn-primary:not(:disabled):not(.disabled):active{background: #1F2E72;color: #ffffff;}
.error-msg{color: #DE5148; font-weight: 500; margin-top: 8px; display: none;}
.term-text{color: rgba(14, 46, 63, 0.65);margin-top: 5px;}
.footer-bottom{margin-top: 123px; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.footer-bottom-list{display: flex;}
footer .footer-bottom-lis .text-extra-small:hover{color: #1F2E72;}
.footer-bottom-list li:not(:last-of-type){margin-inline-end: 28px;}

/* ============= Products Page ============= */
/* Breadcrumb Wrapper */
.breadcrumb-wrapper{background-color: rgba(249, 239, 234, 0.50); padding: 18px 0; margin-top: 120px;}
.breadcrumb{margin: 0; gap: 8px 0;}
.breadcrumb-item, .breadcrumb-item a{font-size: 14px; line-height: 1; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; color: #0E2E3F;}
.breadcrumb-item a:hover{color: #FF6600;}

/* Product Banner */
.product-banner{padding: 171px 0;background-image: url(../images/product-banner.png); background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.product-banner .banner-details{max-width: 580px; text-align: start; margin: 0;}
.product-banner .banner-details h2{font-family: 'Armata', sans-serif; letter-spacing: 3px; margin-bottom: 94px;}

/* Product Quality */
.product-quality{background: rgba(31, 46, 114, 0.20);padding: 50px 0;}
.product-quality-item{display: flex; align-items: center; gap: 18px; margin: 0;}
.product-quality-name{display: block; color: #0E2E3F;font-size: 14px;font-weight: 500; line-height:1.1;letter-spacing: 2.8px;text-transform: uppercase; max-width: 165px; width: 100%;}

/* Paraffin Waxes */
.paraffin-waxes{background-color: #ffffff; padding: 45px 0;}
.paraffin-waxes-details{max-width: 470px; width: 100%;}
.paraffin-waxes-details h3 {font-size: 45px;letter-spacing: 2.25px; line-height: 1.2; min-height: 100px;}
.paraffin-waxes-details p{font-weight: 300; line-height: 1.4; margin: 40px 0 20px; min-height: 140px;}
.paraffin-waxes-img img {width: 100%; height: 100%;}

/* Blended Waxes */
.blended-waxes{background-image: url(../images/bg-blended-waxes.png); background-size: cover; background-repeat: no-repeat; padding: 50px 0;}
.blended-waxes-details{max-width: 470px; width: 100%;}
.blended-waxes-details h3 {font-size: 45px;letter-spacing: 2.25px; line-height: 1.2; min-height: 100px;}
.blended-waxes-details p{font-weight: 300; line-height: 1.4; margin: 40px 0 20px; min-height: 140px;}
.blended-waxes-details p a {color: #0E2E3F;}
.blended-waxes-img{max-width: 570px; width: 100%;}
.blended-waxes-img img{border-radius: 12px; height: auto;}

/* testimonials-banner */
.testimonials-banner{padding: 135px 0;background-color: #1F2E72;}
.testimonials-banner-title{max-width: 780px;margin: 0 auto;text-align: center;color: #fff;}
.testimonials-banner-title h3{font-size: 40px; letter-spacing: 2px; line-height: 1.2; margin-bottom: 50px;}
.testimonials-banner-title p{color: #fff;font-size: 18px;line-height: 1.4;}

/* form-section */
.form-section{padding: 100px 0;}
.form-title{margin-bottom: 38px;}
.form-title h2{font-size: 45px;margin-bottom: 20px; font-weight: 400; font-family: 'Armata', sans-serif; letter-spacing: 2.25px;max-width: 500px;}
.form-title p{font-size: 14px;text-transform: uppercase;letter-spacing: 4px;}
.form-section form{max-width: 500px;}
.form-privacy{margin-top: 20px;padding-left: 5px;}
.form-privacy p{font-size: 12px;}
.form-privacy a{text-decoration: underline;color: inherit;}

/* top-banner */
.top-banner{padding: 135px 0;background-color: #EEEEEE;}
.top-banner-details{max-width: 780px;margin: 0 auto;text-align: center;}
.top-banner-details h3{font-size: 40px;letter-spacing: 2px; line-height: 1.2; margin-bottom: 50px;}
.top-banner-details p{font-size: 16px;line-height: 1.4;margin-bottom: 30px;}
.top-banner-details p a{color: inherit;text-decoration: underline;}

/* search-box */
.search-box{position: relative;max-width: 780px;margin: 0 auto;}
.search-box .form-control{padding-right: 38px;}
.search-btn{position: absolute;top: 50%;transform: translateY(-50%);right: 15px;padding: 0;border: none;background: transparent;}

/* faqs-section */
.faqs-section{padding: 100px 0;}
.accordion-title{margin-bottom: 35px;}
.accordion-title h2{font-size: 45px;margin-bottom: 0;font-family: 'Armata', sans-serif; font-weight: 400; letter-spacing: 2.25px;}
.faqs-inner{max-width: 830px;margin: 0 auto;}

/* custom-accordion */
.accordion-item{border-radius: 0 !important;background-color:transparent;border-top-color: #F0C9B6; border-bottom-color: #F0C9B6;border-width: 1px 0;}
.accordion-item .accordion-button{border-radius: 0 !important;font-size: 14px;font-weight: 500;text-transform: uppercase;font-family: 'Karla', sans-serif;letter-spacing: 2.8px;padding: 16px 0;}
.accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.accordion-button:focus{border-color: inherit;box-shadow: none;}
.accordion-button:not(.collapsed)::after{background-image:url(../images/minus-icon.svg);transform: inherit;}
.accordion-button::after{background-image:url(../images/add-icon.svg);transform: inherit;}
.accordion-link::after{background-image: url(../images/right-arrow-icon.svg);transform: inherit;scale: 1.9;margin-right: 15px;}
.accordion-body{padding: 16px 25px 36px;}
.accordion-body p{margin-bottom: 1rem;}

/* myths-section */
.myths-section{padding: 100px 0;}
.myths-inner{max-width: 830px;margin: 0 auto;padding: 0 30px}
.myths-title h2{font-size: 44px;margin-bottom: 30px;font-family: 'Armata', sans-serif; font-weight: 400; letter-spacing: 2.25px; text-transform: capitalize;}
.myths-box{padding: 130px 30px 30px;border-radius: 15px;background: rgba(31, 46, 114, 0.10);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);position: relative;height: 100%;}
.counter{font-size: 128px;letter-spacing: 6.4px;color: rgba(255, 255, 255, 0.50);font-weight: 700;position: absolute;top: 0;left: 0;line-height: 1;}
.myths-details{text-align: center;}
.myths-details h4{font-size: 20px;font-family: 'Armata',sans-serif;margin-bottom: 16px;line-height: 1.2;}
.myths-details p{font-size: 18px;line-height: 1.4;}

/* All Product Banner */
.all-product-banner{padding: 97px 0;background-image: url(../images/all-product-banner.png); background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.all-banner-details{max-width: 420px; text-align: start; margin: 0;}
.all-banner-details h3{font-size: 40px;letter-spacing: 2px; line-height: 1.2; margin-bottom: 18px;}
.all-banner-details p{font-size: 20px; line-height: 1.4;margin-bottom: 26px;}
.all-banner-details .btn{min-width: 320px;}

/* product-list-wrapper */
.product-list-wrapper{padding-top: 100px;}
.product-list-outer{display: flex;}
.product-category{width: 240px;margin-right: 65px;position: sticky;top: 120px;}
.product-list{width: calc(100% - 305px);margin-left: auto;}
.product-category .list-group-item{border: none; border-radius: 10px;padding: 12px 16px;margin-bottom: 12px;font-size: 14px; font-weight: 500;text-transform: uppercase;color: #0E2E3F;}
.product-category .list-group-item-action:focus,.product-category .list-group-item.active, .product-category .list-group-item-action:hover,.product-category .list-group-item-action:active{background: rgba(0, 0, 0, 0.10);}
.product-category-title h3{font-size: 45px;line-height: 1.2;margin-bottom: 66px;}

.products-list-group{display: flex;align-items: center;margin-bottom: 40px;}
.product-list-img-outer{width: 400px;}
.product-list-img{width: 100%;position: relative;padding-bottom: 100%;border-radius: 15px;background: rgba(0, 0, 0, 0.10);overflow: hidden;}
.product-list-img img{position: absolute;top: 0;}
.products-list-info{width: calc(100% - 400px);margin: 0 50px 0 65px;}
.products-list-info h5{font-family: 'Armata', sans-serif;font-size: 22px;margin-bottom: 26px;letter-spacing: 1.1px;}
.products-list-info p{font-size: 18px;font-weight: 300;line-height: 1.4;margin-bottom: 40px;}
.products-list-info .btn-outline-secondary {background: #F9F9F9;}
.products-list-info .btn-outline-secondary:hover {background: #ff6600;}
.product-category-item{margin-bottom: 80px;}
.product-category-item:last-child{margin-bottom: 0;}

/* wax-application-section */
.wax-application-section{padding: 100px 0;}
.app-title{max-width: 775px;margin: 0 auto;margin-bottom: 50px;text-align: center;}
.app-title h2{font-size: 72px;font-family: 'Armata', sans-serif;margin-bottom: 24px;}
.app-title h2.semi-title{font-size: 45px; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 28px;}
.app-title p{max-width: 600px;margin: 0 auto;font-weight: 300;font-size: 18px; line-height: 1.4;}

.app-outer{display: flex;justify-content: center; flex-wrap: wrap;gap: 52px 85px;max-width: 795px;margin: 0 auto; }
.other-wax-applications{margin-top: 80px;}
.app-list{width: calc(50% - 42.5px);overflow: hidden;  display: flex;border-radius: 15px;background: #F9F9F9;box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15);}
.app-img{width: 104px;}
.app-img img{border-radius: 15px 0 0 15px;height: 100%;object-fit: cover;}
.app-detail{width: calc(100% - 104px); padding: 20px 20px 20px 50px;display: flex;flex-direction: column;justify-content: center;}
.app-detail a{color: #0E2E3F; font-size: 14px; letter-spacing: 2.8px; line-height: 1.1; text-transform: uppercase; font-weight: 500; cursor: unset;}
.app-detail a:hover{text-decoration: none; color: #0E2E3F;}
.all-app-btn{margin-top: 80px;}
.all-app-btn .btn{min-width: 290px;}
.app-btn{position: relative;}
.app-btn .border-line::before{content: " "; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 1px; width: 100%; background-color: #F0C9B6;}

.app-outer.app-outer-lg{max-width: initial; gap: 20px;}
.app-outer-lg .app-list{width: calc(50% - 10px);}
.app-outer-lg .app-img{width: 100%; max-width: 228px;}
.app-outer-lg .app-detail{width: calc(100% - 228px); padding: 20px 50px;}
.app-outer-lg .app-detail p {font-size: 15px; font-weight: 300;line-height: 1.4; margin: 20px 0;}
.app-outer-lg .app-detail a{text-decoration: none; color: #ff6600;}
.app-outer-lg .app-detail a:hover{text-decoration: underline;}

/* Product Details Top Section  */
.product-details-top-section {padding-top: 128px;}
.product-details-top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 128px;}
.product-details-top h3 {max-width: 560px; font-size: 40px; line-height: 1.2; letter-spacing: 2px;}
.product-details-top .btn {min-width: 320px;}

/* Callout BG */
.callout-bg {height: 336px;background-color: #0E2E3F;}

/* Paraffin Waxes Wrapper */
.paraffin-waxes-wrapper {padding-bottom: 100px;margin-top: -194px; filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.15));}
.paraffin-waxes-outer {max-width: 1170px; padding:100px; background-color: #F5F4F2; border-radius: 12px; text-align: center;}
.paraffin-waxes-title {font-size: 48px; font-family: 'Armata', sans-serif; letter-spacing: 2.4px; line-height: 1.2; margin: 0;}
.paraffin-waxes-subtitle {display: block; font-size: 24px; font-weight: 700; line-height: 1.416; margin-top: 20px;}
.paraffin-waxes-description {margin: 53px auto 0 auto; max-width: 780px; text-align: center;}
.paraffin-waxes-description p{font-size: 18px; font-weight: 300; line-height: 1.4;}
.paraffin-waxes-description p:not(:last-of-type) {margin-bottom: 34px;}

/* Product List */
.product-listing-wrapper .product-category-item:not(:last-of-type) {margin-bottom: 100px;}
.product-listing-wrapper .product-category-title h3 {font-size: 32px; line-height: 2.5; margin: 0;}
.product-listing-wrapper .product-category-title {margin-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
.product-listing-wrapper .products-list-group {align-items: flex-start; margin-bottom: 0;}
.product-listing-wrapper .products-list-info {margin: 0 60px;}
.product-listing-wrapper .products-list-info p {margin: 0;}
.product-listing-wrapper .products-list-info p:not(:last-of-type) {margin-bottom: 8px;}

/* Melting Points */
.melting-points-wrapper {padding-bottom: 74px;padding-top: 74px;}
.melting-points-title {margin-bottom: 37px; text-align: center;}
.melting-points-title h3 {font-size: 45px; line-height: 1.2; letter-spacing: 2.25px;}
table {font-family: 'Inter', sans-serif; border-collapse: collapse; border: 1px solid #B9B9B9; width: 100%;}
th, td {padding: 10px 12px; color: #000000; font-size: 12px; line-height: 1.3;border: 1px solid #B9B9B9;}
th {background: rgba(0, 0, 0, 0.06); font-weight: 600; white-space: nowrap;}
th:last-of-type {min-width: 400px;}
td:nth-of-type(2) {white-space: nowrap;}
tr:last-of-type td:first-of-type {border-bottom-left-radius: 15px;}
tr:last-of-type td:last-of-type {border-bottom-right-radius: 15px;}

/* Thermometer */
.thermometer-graph-wrapper {display: flex; align-items: flex-start;justify-content: space-around;padding-bottom: 55px;}
.thermometer-graph-img {max-width: 904px; position: relative;}
.range-slider-wrapper {position: absolute; top: 9.9%; width: 615px; height: 160px; transform: rotate(90deg); transform-origin: left top;}
.range-slider-wrapper.left-range { left: 18.4%;}
.range-slider-wrapper.right-range { left: 92.6%;}
.range-slider {  width: 615px; height: 160px; background-color: transparent; appearance: none; -webkit-appearance: none;}
input[type="range"].range-slider:focus, input[type="range"].range-slider:hover {
	outline: none;
    border: none;
}
input[type="range"].range-slider::-webkit-slider-runnable-track {
	cursor: pointer;
}
.right-range input[type="range"].range-slider::-webkit-slider-thumb { transform: rotate(270deg); background: url('../images/right-low-melting-point.png') no-repeat; background-size: contain; -webkit-appearance: none; box-shadow: none !important; -webkit-box-shadow: none;
    -webkit-filter: none;
    border: none;}
.right-range input[type="range"].range-slider::-moz-range-thumb { transform: rotate(270deg); background: url('../images/right-low-melting-point.png') no-repeat; background-size: contain; }
.right-range input[type="range"].range-slider::-ms-thumb { transform: rotate(270deg); background: url('../images/right-low-melting-point.png') no-repeat; background-size: contain; }
.right-range input[type="range"].range-slider.right-hpm::-webkit-slider-thumb{background: url('../images/high-melting-point-right.png') no-repeat; background-size: contain; -webkit-appearance: none; box-shadow: none !important; -webkit-box-shadow: none;
    -webkit-filter: none;
    border: none;}
.right-range input[type="range"].range-slider.right-hpm::-moz-range-thumb{background: url('../images/high-melting-point-right.png') no-repeat; background-size: contain;}
.right-range input[type="range"].range-slider.right-hpm::-ms-thumb{background: url('../images/high-melting-point-right.png') no-repeat; background-size: contain;}
.right-range input[type="range"].range-slider.right-mpm::-webkit-slider-thumb{background: url('../images/mid-melting-point-right.png') no-repeat; background-size: contain; -webkit-appearance: none; box-shadow: none !important; -webkit-box-shadow: none;
    -webkit-filter: none;
    border: none;}
.right-range input[type="range"].range-slider.right-mpm::-moz-range-thumb{background: url('../images/mid-melting-point-right.png') no-repeat; background-size: contain;}
.right-range input[type="range"].range-slider.right-mpm::-ms-thumb{background: url('../images/mid-melting-point-right.png') no-repeat; background-size: contain;}
input[type="range"].range-slider::-webkit-slider-thumb {
	width: 160px;
	height: 32px;
    background: url('../images/low-melting-point.png') no-repeat;
    background-size: contain;
    transform: rotate(270deg);
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
    position: relative;
    z-index: 1;
    box-shadow: none !important; -webkit-box-shadow: none;
    -webkit-filter: none;
    border: none;
}
input[type="range"].range-slider::-moz-range-track {
	cursor: pointer;
}
input[type="range"].range-slider::-moz-range-thumb {
	width: 160px;
	height: 32px;
    background: url('../images/low-melting-point.png') no-repeat;
    background-size: contain;
    transform: rotate(270deg);
	border: none;
	cursor: pointer;
    position: relative;
    z-index: 1;
}
input[type="range"].range-slider::-ms-track {
	background: transparent;
	border-color: transparent;
	border-width: 6.5px 0;
	color: transparent;
	width: 100%;
	height: 13px;
	cursor: pointer;
}
input[type="range"].range-slider::-ms-thumb {
	width: 160px;
	height: 32px;
    background: url('../images/low-melting-point.png') no-repeat;
    background-size: contain;
    transform: rotate(270deg);
	border: none;
	cursor: pointer;
    position: relative;
    z-index: 1;
	margin-top: 0px;
	/*Needed to keep the Edge thumb centred*/
}
input[type="range"].range-slider.left-hpm::-webkit-slider-thumb{background: url('../images/high-melting-point-left.png') no-repeat; background-size: contain; -webkit-appearance: none; box-shadow: none !important; -webkit-box-shadow: none;
    -webkit-filter: none;
    border: none;}
input[type="range"].range-slider.left-hpm::-moz-range-thumb{background: url('../images/high-melting-point-left.png') no-repeat; background-size: contain;}
input[type="range"].range-slider.left-hpm::-ms-thumb{background: url('../images/high-melting-point-left.png') no-repeat; background-size: contain;}
input[type="range"].range-slider.left-mpm::-webkit-slider-thumb{background: url('../images/mid-melting-point-left.png') no-repeat; background-size: contain; -webkit-appearance: none; box-shadow: none !important; -webkit-box-shadow: none;
    -webkit-filter: none;
    border: none;}
input[type="range"].range-slider.left-hpm::-moz-range-thumb{background: url('../images/mid-melting-point-left.png') no-repeat; background-size: contain;}
input[type="range"].range-slider.left-hpm::-ms-thumb{background: url('../images/mid-melting-point-left.png') no-repeat; background-size: contain;}

input[type="range"] { appearance: none; -webkit-appearance: none;}

.application-table {display: flex; flex-direction: column; align-items: flex-start; gap: 30px; padding: 30px; width: 100%; max-width: 480px; border-radius: 15px; border: 2px solid #0E2E3F; background: rgba(14, 46, 63, 0.10);}
.content-box {background: #F9F9F9; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; padding: 20px; border-radius: 5px; border: 2px dashed #1f2e72;}
.content-box-title {font-family: 'Athiti', sans-serif;font-size: 18px; font-weight: 600; line-height: 1.1; letter-spacing: 3.6px; text-transform: uppercase;}
.application-subtitle {display: block; font-size: 14px; line-height: 1.1; letter-spacing: 2.1; color: #000000; margin-inline-start: 14px;}
.wax-application-item {gap: 10px;}
.wax-application-item img {border: 2px solid #1f2e72; height: 60px; width: 60px; border-radius: 50%;}
.wax-application-item .application-name {font-size: 13px; line-height: 1.1; letter-spacing: 1.95px; text-transform: capitalize; color: #000000;}

/* qualities-section */
.qualities-section{padding: 80px 0;background: #0E2E3F;}
.qualities-section h4{color: #fff;font-size: 36px;text-align: center;}
.qualities-box{padding: 60px 40px;color: #fff;text-align: center;}
.qualities-box .qualities-img{margin: 0 auto 30px;text-align: center;}
.qualities-box h5{margin: 0 auto 30px;text-align: center;font-size: 28px;line-height: 1.2; color: #fff;font-family: 'Armata', sans-serif;text-transform: capitalize;letter-spacing: inherit;}
.qualities-box p{margin: 0;text-align: center;font-size: 15px;color: #fff;font-weight: 300;line-height: 1.5;}

/* Candle Blends Page */
.title {font-family: 'Armata', sans-serif; font-size: 48px; letter-spacing: 2.4px; line-height: 1.2; text-align: center; margin: 0;}
.product-title {font-size: 14px; font-weight: 700; letter-spacing: 2.8px; text-transform: uppercase;}
.our-blends-list {margin-top: 45px;}
.our-blends-list .card {max-width: 520px; flex-direction: row; position: relative; margin: 0 auto; box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15); border: none;transition: 0.3s ease-in all;}
.our-blends-list .card:not(:last-of-type) {margin-bottom: 60px;}
.our-blends-list .card::before {content: ' '; height: 100%; width: 1px; background-color: rgba(0, 0, 0, 0.15); position: absolute; left: 50%;transform: translateX(-50%);display: none;}
.our-blends-list .card-top {width: 100%; display: flex; align-items: center;}
.our-blends-list .card-img {max-width: 300px; height: 300px;}
.our-blends-list .card .card-body {padding: 16px 30px; text-align: start; flex-shrink: 0; margin: 0;}
.blends-modal {font-size: 15px; font-weight: 800; line-height: 1.4; text-transform: uppercase; margin-bottom: 4px;}
.blend-features-list {margin: 15px 0 28px 25px;}
.blend-features-item {list-style-type: disc; font-size: 15px; font-weight: 500; line-height: 1.65;}
.our-blends-list .card-details {padding: 16px 70px 16px 50px; width: 50%;position: relative;display: none;flex-direction: column;justify-content: center;}
.our-blends-list .card-details p {margin-top: 20px; font-size: 15px; font-weight: 300; line-height: 1.4;}
.close-icn{position: absolute;top: 30px;right: 30px;cursor: pointer;}
.our-blends-list > .card.card-1100 {max-width: 1100px;}
.our-blends-list .card.active .card-top{width: 50%;}
.our-blends-list .card.active .card-details{display: flex;}
.our-blends-list .card.active::before{display: block;}

/* app-type-section */
.app-type-section{padding-top: 100px;}
.app-type-box{display: flex;flex-wrap: wrap;border-radius: 15px;overflow: hidden;box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.15);margin-bottom: 50px;}
.app-type-details{width: 50%;padding: 60px;background: #F5F4F3;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.app-type-details h4{font-size: 32px;font-weight: 400;margin-bottom: 30px;}
.app-type-details p{font-size: 18px;line-height: 1.5;}
.app-type-details .btn{min-width: auto;margin-top: 30px;}
.app-type-details ul{font-size: 18px;line-height: 1.5;padding-left: 15px;}
.app-type-details ul li{margin-bottom: 15px;list-style: disc;}
.app-type-details ul li:last-child{margin-bottom: 0;}
.app-type-img{width: 50%;}
.app-type-img img{height: 100%;width: 100%;object-fit: cover;}
.app-type-box:nth-child(2n){flex-direction: row-reverse;}
.app-type-box:last-child{margin-bottom: 0;}

/* custom-tabs */
.paraffin-waxes-outer.custom-tabs{padding: 0;overflow: hidden;background: rgba(245, 244, 242, 1);}
.custom-tabs .nav-tabs{border-bottom: 0px;}
.custom-tabs .tab-content{padding: 100px;}
.custom-tabs .paraffin-waxes-description{margin: 0 auto;}
.custom-tabs .nav-item {flex: auto;}
.custom-tabs .nav-item .nav-link{width: 100%; min-height: 185px; padding: 44px;border-radius: 0; color: #0E2E3F;border-right: 1px solid rgba(0, 0, 0, 0.10); border-bottom: 0px; white-space: nowrap;background: rgba(245, 244, 242, 1);}
.custom-tabs .nav-item .nav-link:not(.active){background: rgba(0, 0, 0, 0.05);}
.custom-tabs .nav-item:not(:has(button.active)){border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);}
.custom-tabs .nav-item:last-child .nav-link{border-right: 0;}
.custom-tabs .paraffin-waxes-subtitle{margin-top: 10px;}

/* Tabing Section */
.tabing-section {background-color: #0E2E3F; padding: 110px 0;}
.tabing-details {text-align: center; margin-bottom: 50PX;}
.tabing-details h2 {color: #ffffff;}
.tabing-details p {font-size: 24px; line-height: 1.4; font-weight: 700; max-width: 720px; color: #ffffff; margin: 20px auto 0 auto;}
.tabing-section .tab-content {padding: 0;}
.tabing-section .paraffin-waxes-description {max-width: 720px; padding-bottom: 50px;}
.tabing-section .paraffin-waxes-description p {font-weight: 400;}
.custom-tabs .tab-img {width: 100%;}

/* Our Locations Page */
.our-locations-title {font-family: 'Armata', sans-serif; font-size: 32px; line-height: 1.2; margin-bottom: 10px;}
.our-locations-tabs .nav-item {width: 33.333%;}
.our-locations-section .location-content {padding: 100px 90px;}
.our-location-description {max-width: 720px; display: flex; align-items: flex-start;}
.location-description-item {max-width: 360px; padding: 0 30px; text-align: left;}
.location-title {font-size: 24px; font-weight: 600; letter-spacing: 1.2px; line-height: 1.2; margin-bottom: 18px; text-transform: uppercase;}
.address-details {padding: 30px 0;}
.address-details .address-title {font-family: 'Armata', sans-serif; font-size: 20px; line-height: 1.2; display: block; margin-bottom: 10px;}
.address-details p {font-size: 18px; font-weight: 300; line-height: 1.4;}

/* Corrugated Box Industry Page */
.corrugated-industry-section {background-color: #0E2E3F; padding: 126px 0;}
.corrugated-industry-section p {max-width: 720px; font-size: 24px; line-height: 1.4; font-weight: 700; color: #ffffff; margin: 0 auto; text-align: center;}

/* Cascading Benefits Section */
.cascading-benefit-section {padding-top: 130px;}
.cascading-benefit-outer {display: flex; align-items: flex-start; gap: 70px;}
.cascading-box {width: calc(50% - 35px); position: relative;}
.cascading-box-img {height: 720px; border-radius: 15px; width: 100%; object-fit: fill;}
.cascading-box-title {position: absolute; right: 20px; top: 20px; padding: 6px 14px; border-radius: 5px; background: rgba(255, 255, 255, 0.60); font-size: 10px; font-weight: 500; line-height: 1.1; letter-spacing: 1.5px; text-transform: uppercase;}
.cascading-details-outer {width: calc(50% - 35px);}
.cascading-details-outer h3 {font-size: 45px; line-height: 1.2; letter-spacing: 2.25px; margin-bottom: 36px;}
.cascading-details-content > div:not(:last-of-type) {margin-bottom: 40px;}
.cascading-details-content span, .cascading-details-content p {font-size: 18px;  line-height: 1.4;}
.cascading-benefit-list {padding-inline-start: 25px; margin-top: 15px;}
.cascading-benefit-list li{ list-style-type: disc; line-height: 1.8;}
.cascading-img-outer {margin-top: 180px;}

/* About Us Page */
.top-banner-img {height: 100%; max-height: 500px; width: 100%; object-position: center;}
.about-us-outer {text-align: start; padding: 120px;}
.about-us-details {display: flex; flex-direction: column; gap: 20px; margin-bottom: 70px;}
.about-us-title {font-size: 24px; line-height: 1.2; letter-spacing: 1.2px; font-weight: 500; display: block;}
.about-us-details h6 {font-size: 20px; line-height: 1.2;}
.about-us-details p {font-size: 18px; line-height: 1.4;}
.about-us-outer .btn-primary {min-width: 320px; background-color: #0E2E3F;}
.about-us-outer .btn-primary:hover {background-color: transparent;}

/* the code below is for the dropdown menu */
.wrapper-dropdown {
    padding-inline-end: 45px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.selected-display {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.wrapper-dropdown .arrow {
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(0deg);
}
.wrapper-dropdown .rotated {
    transform: translateY(-50%) rotate(-180deg);

}

.wrapper-dropdown .dropdown {
    transition: 0.3s;
    position: absolute;
    top: 120%;
    right: 0;
    left: 0;
    z-index: 99;
    border-radius: 8px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.07);
    background: #ffffff;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    visibility: hidden;
    max-height: 200px;
}
.wrapper-dropdown .dropdown::-webkit-scrollbar {
    width: 6px;
}
.wrapper-dropdown .dropdown::-webkit-scrollbar-track {
    border-radius: 10px;
}
.wrapper-dropdown .dropdown::-webkit-scrollbar-thumb {
    background: rgba(147, 214, 214, 0.50);
    border-radius: 10px;
}
.wrapper-dropdown .dropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(147, 214, 214, 1);
}
.wrapper-dropdown .dropdown li {
    padding: 12px 15px 12px 28px;
    overflow: hidden;
    background: rgba(31, 46, 114, 0.2);
}
.wrapper-dropdown .dropdown li:hover {
    background-color: rgba(147, 214, 214, 0.50);
}
.wrapper-dropdown.active .dropdown {
    opacity: 1;
    visibility: visible;
    overflow-x: hidden;
    overflow-y: auto;
}