/* ==================== Common Style Start ==================== */
.common-details > *:last-child {
     margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
     font-weight: 600;
     margin-bottom: 20px;
     margin-top: 0;
}

.common-details ul,
.common-details ol {
     margin-bottom: 20px;
}

.common-details ul li,
.common-details ol li {
     margin-bottom: 15px;
}

.common-details ul li strong,
.common-details ol li strong,
.common-details p strong,
.common-details strong {
     font-weight: 500 !important;
     color: #FFFFFF !important;
}

.common-details ul,
.common-details ol {
     width: fit-content !important;
     padding: 20px 40px;
     border: 1px solid rgba(255, 255, 255, 0.20);
     background: rgba(255, 255, 255, 0.10);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.common-icon .elementor-icon-wrapper {
     display: flex;
}

/* ==================== Common Style End ==================== */

/* ==================== Common Button Style Start ==================== */

.common-button .elementor-button-icon svg {
     width: 40px;
     height: 40px;
}

.common-button .elementor-button-content-wrapper {
     align-items: center;
}

.common-button a:focus,
.common-button a:focus-visible{
     background-color: #000000 !important;
}
.common-button a:focus .elementor-button-text,
.common-button a:focus-visible .elementor-button-text{
     color: #FFFFFF !important;
}
.common-button a:focus .elementor-button-icon,
.common-button a:focus-visible .elementor-button-icon{
     padding: 6px 10px;
     background: #fff;
}

.common-button .elementor-button-icon {
     padding: 6px 10px;
     background: #fff;
}

.common-button .elementor-button:hover .elementor-button-icon {
     background: #000;
     transition: all 0.3s ease-in-out !important;
     -webkit-transition: all 0.3s ease-in-out !important;
     -moz-transition: all 0.3s ease-in-out !important;
     -ms-transition: all 0.3s ease-in-out !important;
     -o-transition: all 0.3s ease-in-out !important;
}

.common-button .elementor-button:hover .elementor-button-icon svg circle {
     fill: #fff;
     transition: all 0.3s ease-in-out !important;
     -webkit-transition: all 0.3s ease-in-out !important;
     -moz-transition: all 0.3s ease-in-out !important;
     -ms-transition: all 0.3s ease-in-out !important;
     -o-transition: all 0.3s ease-in-out !important;
}

/* ==================== Common Button Style End ==================== */

/* ==================== Header Start ==================== */
.header-menu .elementor-nav-menu .menu-item-has-children .sub-menu .menu-item:first-child a {
     padding-top: 20px !important;
     border-top: 0 !important;
}

.header-menu .elementor-nav-menu .menu-item-has-children .sub-menu .menu-item:last-child a {
     padding-bottom: 20px !important;
     border-bottom: 0 !important;
}

.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
     position: fixed !important;
     top: 0 !important;
     max-width: 100% !important;
     width: 100% !important;
     bottom: 0 !important;
     height: 100% !important;
     --menu-height: 100vh !important;
     overflow: auto;
     background: #fff;
     padding: 250px 0px 30px;
     transition: 0.5s;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     border-radius: 0 !important;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -ms-border-radius: 0 !important;
     -o-border-radius: 0 !important;
}

.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden="false"] {
     right: 0;
     height: auto !important;
     margin-top: 0 !important;
}

.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}

.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu .menu-item .hfe-menu-item {
     padding: 15px 10px !important;
}

.header-menu .elementor-menu-toggle {
     z-index: 99999;
}

html.overflow-hidden {
     overflow: hidden;
}

.common-button.h-btn-shop {
     position: relative;
     display: inline-block;
     background: #000 !important;
     padding: 10px 10px 10px 60px;
     border: 2px solid #000000;
     cursor: pointer;
     font-weight: 500;
     text-transform: uppercase;
     overflow: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.common-button.h-btn-shop a {
     color: #FFFFFF !important;
     font-family: "TH Goliad" !important;
     padding: 0 !important;
     display: inline-block;
     text-decoration: none;
     text-transform: uppercase !important;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.common-button.h-btn-shop::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 4px;
     width: 40px;
     height: 40px;
     background: #FFFFFF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_2001_1256)"><circle cx="8.66431" cy="4.78296" r="3" fill="%230F572A"/><circle cx="17.0134" cy="4.78296" r="3" fill="%230F572A"/><circle cx="17.0134" cy="12.407" r="3" fill="%230F572A"/><circle cx="24.5793" cy="19.8359" r="3" fill="%230F572A"/><circle cx="16.1882" cy="27.593" r="3" fill="%230F572A"/><circle cx="8.66431" cy="35.217" r="3" fill="%230F572A"/><circle cx="24.5793" cy="12.407" r="3" fill="%230F572A"/><circle cx="32.1453" cy="19.8359" r="3" fill="%230F572A"/><circle cx="24.5793" cy="27.593" r="3" fill="%230F572A"/><circle cx="16.1882" cy="35.217" r="3" fill="%230F572A"/></g><defs><clipPath id="clip0_2001_1256"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>') no-repeat center / contain;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.common-button.h-btn-shop:hover {
     background: #FFFFFF !important;
}

.common-button.h-btn-shop:hover::after {
     background: #000000 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_2005_2171)"><circle cx="8.66406" cy="4.78296" r="3" fill="white"/><circle cx="17.0132" cy="4.78296" r="3" fill="white"/><circle cx="17.0132" cy="12.407" r="3" fill="white"/><circle cx="24.5791" cy="19.8359" r="3" fill="white"/><circle cx="16.188" cy="27.593" r="3" fill="white"/><circle cx="8.66406" cy="35.217" r="3" fill="white"/><circle cx="24.5791" cy="12.407" r="3" fill="white"/><circle cx="32.145" cy="19.8359" r="3" fill="white"/><circle cx="24.5791" cy="27.593" r="3" fill="white"/><circle cx="16.188" cy="35.217" r="3" fill="white"/></g><defs><clipPath id="clip0_2005_2171"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>') no-repeat center / contain;
}

.common-button.h-btn-shop:hover a {
     color: #000000 !important;
}

.common-button.h-btn-shop {
     display: none !important;
}
/* ==================== Header End ==================== */


/* ==================== Responsive CSS Start ==================== */
@media(max-width: 1024px){
     .common-button.h-btn-shop {
          display: block !important;
          margin-top: 10px !important;
     }
}
@media (max-width:1200px) {

     /******************* Common Style Start *******************/
     .common-details h1,
     .common-details h2,
     .common-details h3,
     .common-details h4,
     .common-details h5,
     .common-details h6,
     .common-details ul,
     .common-details ol {
          margin-bottom: 15px;
     }

     .common-details ul li,
     .common-details ol li {
          margin-bottom: 10px;
     }

     /******************* Common Style End *******************/

     /* ==================== Common Button Style Start ==================== */
     .common-button .elementor-button-icon svg {
          width: 30px;
          height: 30px;
     }

     .common-button .elementor-button-icon {
          padding: 4px 8px;
     }

     /* ==================== Common Button Style End ==================== */

}

@media (min-width:881px) {

     /* ==================== Common Button Style Start ==================== */


     /* ==================== Common Button Style End ==================== */
}

@media (max-width:880px) {

     /* ==================== Common Button Style Start ==================== */


     /* ==================== Common Button Style End ==================== */

     .header-menu nav.elementor-nav-menu--dropdown ul {
          text-align: center;
     }

     .header-menu nav.elementor-nav-menu--dropdown ul li a {
          display: inline-block;
     }
}

/* ==================== Responsive CSS End ==================== */