/* Root CSS */ p{font-family: var(--para_font);} h1{font-family: var(--h1_font);} h2{font-family: var(--h2_font);} h3{font-family: var(--h3_font);} h4{font-family: var(--h4_font);} h4{font-size: 20px;} h5{font-family: var(--h5_font);} h6{font-family: var(--h6_font);} a{font-family: var(--link_font);} button{font-family: var(--button_font);} a{text-decoration:none;color:black;} a:hover{color: var(--primary_color);} body{background-color:#ffffff;font-size:13px;-webkit-font-smoothing: antialiased;-webkit-font-size:13px;} li{text-decoration: none;list-style: none;} li a{text-decoration: none;color: black;font-family: var(--link_font);font-size: 15px;line-height: 2;} /* Builder css */ .section {position: relative;} .fill {position: absolute;top: 0;left: 0;height: 100%;right: 0;bottom: 0;padding: 0 !important;margin: 0 !important;} .overlay {position: absolute;top: 0;bottom: 0;height: 100%;left: 0;right: 0;transition: opacity .6s,-webkit-transform .3s;transition: transform .3s,opacity .6s;transition: transform .3s,opacity .6s,-webkit-transform .3s; pointer-events: none;} /* .section .nocontent{position: absolute;} */ .section .component-details{position: relative;}.nocontent{ border: 2px solid #F3F3F3; text-align-last: center; background: #ffffff !important; outline: 2px dashed var(--primary_color); outline-offset: -10px; padding: 95px 0; text-align: center !important; width: 100%; color: var(--primary_color); border-color: var(--primary_color); } .componentoverlay{ height: 100%; } .text.component-details { padding: 20px 20px 0px; } .settingplacement { text-align: left; margin-bottom: -20px; z-index: 99999999999999999!important; position: relative;; } .button-component{ margin-top: 5px; } .dropdown-menu-list{ font-weight: 600; } .settingplacement.button { text-align: center; margin-bottom: 0px; z-index: 99999999999999999 !important; position: relative; } .btndrop{ border-radius: 50px; } .settingplacement.columns{ text-align: left; z-index: 99999999999999999 !important; position: absolute; margin-top: -19px; } /* .nocontent.column{ margin: 25px; } */ /* Post css */ #section-40{background-color:;border-color: ;border-style: none;}#section-40 .overlay{background-color: ;}#section-40{border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;padding: 0px;min-height: 0undefined;;}#section-40 .bg {background-position: undefined;background-size: undefined;background-repeat: undefined;}@media (max-width: 1199.98px) {#section-40 {border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;padding: 0undefined;min-height: 0undefined;;}#section-40 .bg {background-position: undefined;background-size: undefined;background-repeat: undefined;}}@media (max-width: 767.98px) {#section-40 {border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: undefinedpx;padding: 0undefined;min-height: 0undefined;;}#section-40 .bg {background-position: undefined;background-size: undefined;background-repeat: undefined;}}#section-40{margin-top: 0px;margin-bottom: 30px;margin-left: 0px;margin-right: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}#section-40 .overlay{border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}@media (max-width: 1199.98px) {#section-40 {margin-top: 0px;margin-bottom: 30px;margin-left: 0px;margin-right: 0px;border-top-left-radius: undefinedpx;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}#section-40 .overlay {border-top-left-radius: undefinedpx;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}@media (max-width: 767.98px) {#section-40 {margin-top: 0px;margin-bottom: 30px;margin-left: 0px;margin-right: 0px;border-top-left-radius: undefinedpx;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}#row-41 .column-41 {box-shadow :0px 0px 0px 0px}#row-41 .column-41:hover{box-shadow :0px 0px 0px 0px;}.row-custom-41{width:0px;}#row-41 .column-41{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}@media (max-width: 1199.98px) {.row-custom-41{width:0px;}#row-41 .column-41{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}}@media (max-width: 767.98px) {.row-custom-41{width:0px;}#row-41 .column-41{padding-top: 0undefined;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}}#column-42{background-color: ;text-shadow:0px 0px 0px;border-color: ;border-style: None;}#column-42{;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}@media (max-width: 1199.98px) {#column-42{;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}@media (max-width: 767.98px) {#column-42{;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}#section-69{background-color:;border-color: ;border-style: None;}#section-69 .overlay{background-color: ;}#section-69{border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;padding: 0px;min-height: 0px;margin-top: 00!important;margin-bottom: 00!important;}#section-69 .bg {background-position: undefined;background-size: undefined;background-repeat: undefined;}@media (max-width: 1199.98px) {#section-69 {border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;padding: 0px;min-height: 0px;margin-top: 00!important;margin-bottom: 00!important;}#section-69 .bg {background-position: undefined;background-size: undefined;background-repeat: undefined;}}@media (max-width: 767.98px) {#section-69 {border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;padding: 0px;min-height: 0px;margin-top: 00!important;margin-bottom: 00!important;}#section-69 .bg {background-position: undefined;background-size: undefined;background-repeat: undefined;}}#section-69{margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}#section-69 .overlay{border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}@media (max-width: 1199.98px) {#section-69 {margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;border-top-left-radius: undefinedpx;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}#section-69 .overlay {border-top-left-radius: undefinedpx;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}@media (max-width: 767.98px) {#section-69 {margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;border-top-left-radius: undefinedpx;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}#row-71 .column-71 {box-shadow :0px 0px 0px 0px}#row-71 .column-71:hover{box-shadow :0px 0px 0px 0px;}.row-custom-71{width:0px;}#row-71 .column-71{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}@media (max-width: 1199.98px) {.row-custom-71{width:0px;}#row-71 .column-71{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}}@media (max-width: 767.98px) {.row-custom-71{width:0px;}#row-71 .column-71{padding-top: 0undefined;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}}#column-72{background-color: ;text-shadow:0px 0px 0px;border-color: ;border-style: None;}#column-72{;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}@media (max-width: 1199.98px) {#column-72{;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}@media (max-width: 767.98px) {#column-72{;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}#column-73{background-color: ;text-shadow:0px 0px 0px;border-color: ;border-style: None;}#column-73{;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}@media (max-width: 1199.98px) {#column-73{;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}@media (max-width: 767.98px) {#column-73{;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;max-width: 100%;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}#product-categories-caresoul-75 .owl-dots span {background: none repeat scroll 0 0 #869791;border-radius: 20px;display: block;height: 8px;margin: 5px 2px;opacity: 0.5;width: 8px;}#product-categories-caresoul-75 .owl-dots{position: absolute;text-align: center;width: 100%;bottom: 0;}#product-categories-caresoul-75 .owl-prev i::before{font-size: 20px !important;}#product-categories-caresoul-75 .owl-next i::before{font-size: 20px !important;}#product-categories-caresoul-75 .owl-prev{bottom: 50px;display: inline;cursor: pointer;text-align: center;top: 36%;line-height: undefinedpx !important;font-size: 15px !important;border-radius: 50px !important;height:40px;padding: 6px;width: 40px;left: 17px;box-shadow: 0px 0px;background-color: !important;color: !important;}#product-categories-caresoul-75 .owl-next{bottom: 50px;display: inline;cursor: pointer;text-align: center;top: 36%;line-height: undefinedpx !important;font-size: 15px !important;border-radius: 50px !important;padding: 6px;width: 40px;right: 17px;box-shadow: 0px 0px;font-size: 25px !important;border-radius: 50px !important;padding: 0px;height:40px;background-color: !important;color: ;}#product-categories-caresoul-75{background-color: ;}#image-135{box-shadow :0px 0px 0px 0px;}#image-135:hover{box-shadow :1px 1px 1px 1px;}#image-135 {width: 100%;height: 650px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}@media (max-width: 1199.98px) {#image-135 {width: 100%;height: px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}}@media (max-width: 767.98px) {#image-135 {width: 100%;height: 150px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}}#products-list-caresoul-150 .owl-dots span {background: none repeat scroll 0 0 #869791;border-radius: 20px;display: block;height: 8px;margin: 5px 2px;opacity: 0.5;width: 8px;}#products-list-caresoul-150 .owl-dots{position: absolute;text-align: center;width: 100%;bottom: 0;}#products-list-caresoul-150 .owl-prev i::before{font-size: 20px !important;}#products-list-caresoul-150 .owl-next i::before{font-size: 20px !important;}#products-list-caresoul-150 .owl-prev{bottom: 50px;display: inline;cursor: pointer;text-align: center;top: 36%;line-height: undefinedundefined !important;font-size: 15px !important;border-radius: 50px !important;height:40px;padding: 6px;width: 40px;left: 17px;box-shadow: 0px 0px;background-color: !important;color: !important;}#products-list-caresoul-150 .owl-next{bottom: 50px;display: inline;cursor: pointer;text-align: center;top: 36%;line-height: undefinedundefined !important;font-size: 15px !important;border-radius: 50px !important;padding: 6px;width: 40px;right: 17px;box-shadow: 0px 0px;font-size: 25px !important;border-radius: 50px !important;padding: 0px;height:40px;background-color: !important;color: ;}/* --- Global Reset & Variables (Good Practice) --- */ :root { --primary-color: #3498db; /* A nice modern blue */ --text-color: #333; --background-color: #ffffff; --header-height: 70px; } * { box-sizing: border-box; margin: 0; padding: 0; } ul { list-style: none; /* Remove bullet points */ } a { text-decoration: none; /* Remove underline */ color: inherit; /* Inherit color from parent */ } /* --- Main Header Styling --- */ .main-header { display: flex; justify-content: space-between; /* Puts space between logo and nav */ align-items: center; /* Vertically centers items */ padding: 0 40px; height: var(--header-height); background-color: var(--background-color); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ position: sticky; /* Keeps the header visible when scrolling */ top: 0; z-index: 1000; } /* --- Logo Styling --- */ .logo { font-size: 1.5rem; /* Larger and prominent */ font-weight: 700; color: var(--primary-color); transition: color 0.3s ease; } .logo:hover { color: #2980b9; } /* --- Desktop Navigation --- */ .nav-list { display: flex; gap: 30px; /* Space between links */ } .nav-list a { color: var(--text-color); font-size: 1rem; padding: 10px 0; position: relative; } /* Underline effect on hover */ .nav-list a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--primary-color); transition: width 0.3s ease; } .nav-list a:hover::after { width: 100%; } /* --- Mobile Menu Button (Initially hidden) --- */ .menu-toggle { display: none; /* Hidden on large screens */ flex-direction: column; justify-content: space-between; width: 30px; height: 21px; background: none; border: none; cursor: pointer; z-index: 1001; /* Ensure button is above other elements */ } .menu-toggle .bar { display: block; width: 100%; height: 3px; background-color: var(--text-color); border-radius: 1px; transition: all 0.3s ease-in-out; }