/* GeomGraphic Bold */
@font-face {
    font-family: 'GeomGraphicW03';
    src: url('fonts/geomgraphic-bold/GeomGraphicW03-Bold.eot');
    src: url('fonts/geomgraphic-bold/GeomGraphicW03-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomgraphic-bold/GeomGraphicW03-Bold.woff2') format('woff2'),
        url('fonts/geomgraphic-bold/GeomGraphicW03-Bold.woff') format('woff'),
        url('fonts/geomgraphic-bold/GeomGraphicW03-Bold.ttf') format('truetype'),
        url('fonts/geomgraphic-bold/GeomGraphicW03-Bold.svg#GeomGraphicW03-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Eurostile Med */
@font-face {
    font-family: 'Eurostile';
    src: url('fonts/eurostile-med/Eurostile-Med.eot');
    src: url('fonts/eurostile-med/Eurostile-Med.eot?#iefix') format('embedded-opentype'),
        url('fonts/eurostile-med/Eurostile-Med.woff2') format('woff2'),
        url('fonts/eurostile-med/Eurostile-Med.woff') format('woff'),
        url('fonts/eurostile-med/Eurostile-Med.ttf') format('truetype'),
        url('fonts/eurostile-med/Eurostile-Med.svg#Eurostile-Med') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body{margin: 0;padding: 0;overflow-x: hidden;font-family:"Source Sans 3", sans-serif;font-weight: normal;scroll-behavior: smooth;}
html{scroll-behavior: smooth;}

:root {
    --primary-color:#800000; 
    --gray-lite-color:#e5e5e5;
    --white-color:#fff;
    --black-color:#000; 
}

.top_navbar a{transition: all 0.5s ease-in-out;}
.top_navbar a:hover{color: var(--primary-color);text-transform: uppercase;}
.socils_ions i{transition: all 0.5s ease-in-out;}
.socils_ions i:hover{color: var(--primary-color);transform: translateY(-5px);}
.top_menu {position: fixed;top: 0;z-index: 999;width: 100%;transform: translateY(65%);background-color: transparent;transition: transform 0.9s ease, background-color 0.9s ease, box-shadow 0.9s ease;}
.top_menu:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0px;background-color: var(--black-color);transition: all 0.5s ease;z-index: -1;}
.transit_bg:before {height: 100%;}
.top_menu.transit_bg {transform: translateY(0);box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.top_navbar ul{display: flex;justify-content:space-between;align-items: center;margin: 0;padding: 0;}
.top_menu .scroll_logo{display: none;}
.top_menu .fixed_logo{display:block;object-fit: cover;transition: all 0.5s ease-in-out;}
.transit_bg .fixed_logo{display: none;}
.transit_bg .scroll_logo{display: block;width:180px!important;object-fit: contain!important;margin: auto;transition: all 0.5s ease-in-out;}
.logo_wpr{text-align: center;margin: auto;  transition: all 0.5s ease-in-out;}
.logo_wpr img{transition: all 0.5s ease-in-out;}
.top_navbar ul li{list-style: none;}
.top_navbar ul li a{text-decoration: none;color: var(--white-color);font-family:"Source Sans 3", sans-serif;font-weight: 500;font-size: 1.1rem;transition: all 0.5s ease;}
.btn_ordr{display: inline;}
.btn_ordr a {color: var(--white-color);background-color: var(--primary-color);ont-family: font-family: "Source Sans 3", sans-serif;font-weight: 500;font-size: 1rem;text-decoration: none;padding: 8px 13px;border-radius:20px;}
.btn_ordr a img {margin-left:5px;width: 28px;}
.socils_ions{display: inline;padding-left: 10px;}
.socils_ions i{color: var(--white-color);}
.socils_ions a{padding: 0px 3px;}


.top_banner {position: relative;width: 100%;}
#hero-slider .item{height: calc(100vh - 50px);background-size: 100% 100%;background-position: top!important;position: relative;border-bottom: 14px solid var(--primary-color);}
#hero-slider .owl-buttons {position: absolute;top: 0;left: 0;width: 100%;height: 100%;  pointer-events: none; }
#hero-slider .owl-buttons .owl-next {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);width: 50px;height: 50px;background: url(../images/right_slide.png) no-repeat center;background-size: contain;opacity: 1;pointer-events: auto; }
#hero-slider .owl-buttons .owl-prev {position: absolute;top: 50%;left: 20px; transform: translateY(-50%);width: 50px;height: 50px;background: url(../images/left_slide.png) no-repeat center;background-size: contain;opacity: 1;pointer-events: auto;}
#hero-slider .owl-pagination{position: relative;top: -184px;}
.top_banner .item::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));z-index: 2;} 
.top_banner .slide-content {position: absolute;bottom: -6%;left: 50%;transform: translateX(-50%);text-align: center;background:var(--black-color);padding:20px 40px;border-radius:22px;color: #fff;width: 50%;z-index: 5;}
.top_banner .owl-carousel .owl-wrapper-outer{overflow: visible!important;}
.slide-content h3 {font-size: 2.8rem;margin: 0;font-family: 'Eurostile';font-weight: 500;color: var(--white-color);position: relative;}
.crafted-word {position: relative;display: inline-block;}
.crafted-underline {position: absolute;bottom: 0px; left: 50%;transform: translateX(-50%);width: auto;max-width: 100%;height: auto;}
.slide-content span{font-family: 'GeomGraphicW03';font-weight: bold; font-size: 3rem;text-transform: uppercase;}
.slide-content em{font-family: 'GeomGraphicW03';font-weight: bold;font-size: 2rem;font-style: normal!important;text-transform: uppercase;padding: 0px 9px;position: relative;bottom: 5px;}
.top_banner .owl-theme .owl-controls .owl-pagination {text-align: center;margin-top: 20px;}
.top_banner .owl-theme .owl-controls .owl-page span {display: block;width: 40px;   height: 4px;   margin: 5px 6px;background: #fff;border-radius: 0; opacity: 1;transition: all 0.3s ease;}
.top_banner .owl-theme .owl-controls .owl-page.active span {background: #a00;  width: 40px;}


.h_about_top{margin-top:9%;}
.h_about_top .about_img{height: 100%;width: 100%;}
.h_about_top h4{color: var(--primary-color); font-family: 'Eurostile';font-weight: 500;font-size: 1.5rem;}
.h_about_top h1{color: var(--black-color);font-family: 'GeomGraphicW03';font-weight: bold;font-size:3rem;margin-bottom: 0px;text-transform: uppercase;line-height: 47px;}
.h_about_top p{font-family:"Source Sans 3", sans-serif;font-weight: 600;font-size: 1.1rem;color: var(--black-color);padding-right: 50px;padding-top: 20px;padding-bottom: 20px;}
.h_about_top .about_img img{height: 848px;width: 100%;object-fit: cover;object-position: center;border-radius: 22px;}
.button-group {display: flex;gap: 20px;font-family:"Source Sans 3", sans-serif;}
.custom-btn{display: inline-flex;align-items: center;padding: 6px 12px;border-radius: 40px;background-color:var(--black-color);color: var(--white-color);text-decoration: none;font-size: 1rem;font-weight: normal;font-family:"Source Sans 3", sans-serif;transition: background 0.5s ease-in-out, transform 0.5s ease-in-out;position: relative;overflow: hidden;}
.custom-btn:hover {background-color: var(--primary-color);transform: translateY(-3px);color: var(--white-color);}
.btn-text {margin-right: 10px;z-index: 2;}
.btn-icon {width: 24px;height: 24px;background-color:var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background-color 0.9s ease-in-out, transform 0.9s ease-in-out;z-index: 2;}
.custom-btn:hover .btn-icon {background-color: #000;transform: rotate(45deg) scale(1.1);}
.custom-btn::before {content: "";position: absolute;inset: 0;border-radius: 40px;
  background: radial-gradient(circle at center, rgba(255,255,255,0.1), transparent);opacity: 0;transition: opacity 0.4s ease;}
.custom-btn:hover::before {opacity: 1;}

.stats-section {display: flex; justify-content: space-evenly; gap: 40px; padding:0px 80px; background: var(--gray-lite-color);backdrop-filter: blur(10px);border-radius: 80px;width:fit-content;margin: auto;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);position: absolute;content: '';margin-top: 5%; margin-left: 4%;z-index: 2;}
.stat-box {text-align: center;padding: 20px;opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease;}
.stat-box.visible {opacity: 1;transform: translateY(0);}
.stat-number {font-size: 3rem;font-family: 'GeomGraphicW03';font-weight: bold;color: var(--black-color);}
.stat-label {font-size: 18px;color: var(--black-color);font-family: 'Eurostile';font-weight: 500;margin-top: -11px;}
.top_keyfeatures {background-color: var(--black-color);color: var(--white-color);padding: 12px 0px;margin-top: 3%;}
.top_keyfeatures{position: relative;}
.stone_bg{margin-top: -100px;position: relative;}
.stone_bg::before{content: "";background-image: url('../images/Brick texture copy.png');background-repeat: no-repeat;  background-repeat: no-repeat;background-position: center;
  background-size: 100% 100%; position: absolute;top: 0px;width: 100%;height: 100%;}
.bg_bricks_bg{width: 100%;height:auto;position: absolute;bottom: 0px;z-index: 3;display: none;}
.bg_bricks_bg img{width: 100%;height: 100%;object-fit: cover;object-position:center;} 
.catalog-container{position: relative;z-index: 2;padding: 50px 0px 100px 0px;}
.top_keyfeatures .row{padding-bottom: 70px!important;}
.top_keyfeatures h2{font-size:1.3rem;font-weight: 500;font-family: 'Eurostile', sans-serif;margin-bottom: 25px;font-size: 1.4rem;}
.feature-box {transition: transform 0.4s ease, box-shadow 0.4s ease;}
.feature-box:hover {transform: translateY(-6px);box-shadow: 0 12px 24px rgba(255, 255, 255, 0.1);}
.contnt_feture h4{font-size:1.5rem;font-weight: bold; font-family: 'GeomGraphicW03';}
.contnt_feture p{font-size:1rem;color: var(--white-color);font-family:  "Source Sans 3", sans-serif;line-height: 1.3rem;}
.stone_bg h6{font-size:1.3rem;font-weight: 500;font-family: 'Eurostile', sans-serif;color: var(--primary-color);}
.stone_bg h3{font-size:2.5rem;font-weight: bold;font-family: 'GeomGraphicW03';color: var(--black-color);text-transform: uppercase;line-height: 38px;margin-bottom: 15px;}
.catalog-container{padding: 150px 0px;}
.sidebar{padding: 30px 0;}
.menu-item {padding: 0px 10px 0px 30px;border-left: 5px solid transparent;display: flex;align-items: center;gap: 10px; cursor: pointer;transition: background 0.3s ease;justify-content: space-between;background-color: var(--black-color);color: var(--white-color);border-radius: 57px;margin: 10px 0px;transition: all 0.5s ease-in-out;height:56px;}
.menu-item h5{font-family:"Source Sans 3", sans-serif;font-weight: 600;font-size: 1.5rem;margin-bottom: 0px;}
.content_accout h4{  font-size: 1.7rem;font-family: 'GeomGraphicW03';font-weight: bold;padding: 20px 0px 10px 0px;margin: 0px;}
.content_accout p {font-size: 1.2rem;font-family: "Source Sans 3", sans-serif; font-weight: 600;display: -webkit-box; -webkit-line-clamp: 7;  -webkit-box-orient: vertical;overflow: hidden;}
.menu-item.active {background-color: var(--primary-color); font-weight: 600;}
.btn_according{height: 45px;width: 45px;margin: 10px 0px;}
.catalog-container .active .btn_according {background-color: var(--black-color);}
.menu-item:hover {transform: translateX(-10px);}
.menu-icon {color: #c00;font-size: 1.2rem;}
.content-block {padding: 30px;}
.image-wrapper{position: relative;border-radius: 19px;overflow: hidden;width: 100%;height: 355px;}
.image-wrapper img{width: 100%;object-fit: cover;}
.discover-btn {position: absolute;bottom: 20px;right: 20px;background-color: var(--primary-color);border-radius: 25px;font-family:"Source Sans 3", sans-serif;}
.btn_dicover{background-color: var(--black-color)!important;}
.description {margin-top: 20px;font-size: 1rem;line-height: 1.6;color: #333;}
.btn_according{background-color: var(--primary-color);}
.menu-item:hover .btn_according {background-color: var(--black-color);}
.menu-item:hover{background-color: var(--primary-color);}
.feature-top{margin:auto;max-width: 1150px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.bg_feautre{background-color: var(--gray-lite-color);padding: 180px 0px 50px 0px;margin-top: -130px;}
.image-card { position: relative; width: 320px;height: 300px;overflow: hidden;border-radius: 20px;cursor: pointer;transition: transform 0.3s ease; margin:10px auto;}
.image-card img { width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}
.image-card:hover img {transform: scale(1.05);}
.image-card:hover{ border: 8px solid var(--black-color);}
.overlay-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(128, 0, 0, 0.8);  color: white;display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;padding: 20px;text-align: center;}
.image-card:hover .overlay-content {opacity: 1;}
.overlay-content h4 { font-family: 'GeomGraphicW03';font-weight: bold;margin: 0;font-size: 2rem;}
.bg_feautre h3{font-family: 'GeomGraphicW03';font-weight: bold;margin: 0;font-size: 2rem;text-align: center; color: var(--black-color);position: relative;text-transform: uppercase;margin-bottom: 0.3rem;  }
.featured-heading {text-align: center;margin-bottom: 0.5rem; }
.featured-heading img {display: block;margin:auto;max-width:527px;  margin-top: -19px;}
.from-heading h3{font-family: 'GeomGraphicW03';font-weight: bold;margin: 0;font-size: 2rem;color: var(--white-color);position: relative;text-transform: uppercase;margin-bottom: 0.3rem;}
.from-heading img {display: block;max-width:398px;  margin-top: -15px;margin-left: -12px;}
.contact-form form{padding-top:30px;}
.load-more__btn-wrap{text-align: center;padding-top:50px;}
.load-more__btn{display: inline-flex;align-items: center;padding: 6px 12px;border-radius: 40px;background-color:var(--primary-color);color: var(--white-color);text-decoration: none;font-size: 1.2rem;font-weight: normal;font-family:  "Source Sans 3", sans-serif;transition: background 0.5s ease-in-out, transform 0.5s ease-in-out;position: relative;overflow: hidden;font-weight: 600;padding-left: 20px;}
.load-more__btn:hover {background-color: var(--black-color);transform: translateY(-3px);color: var(--white-color);}
.load-more__btn .btn-icon{background-color: var(--black-color);margin-left: 10px;width: 35px; height: 35px;} 
.load-more__btn:hover .btn-icon {background-color: var(--primary-color);transform: rotate(45deg) scale(1.1);}
.load-more__btn::before {content: "";position: absolute;inset: 0;border-radius: 40px;
  background: radial-gradient(circle at center, rgba(255,255,255,0.1), transparent);opacity: 0;transition: opacity 0.4s ease;}
.load-more__btn:hover::before {opacity: 1;}
.btn_submit{background-color: var(--primary-color);}
.btn_submit .btn-text{font-family:"Source Sans 3", sans-serif;font-weight: 600;font-size: 1.5rem;padding-left: 15px;}
.btn_submit_icon{width: 35px;height: 35px;}
.contact-section { padding: 50px 0 20px;background: #000;color: #fff;}
.contact-info h4 {font-family: 'GeomGraphicW03';font-weight: bold;margin-bottom: 20px;font-size: 2.2rem;}
.contact-info p { margin: 5px 0;font-size: 1rem;font-family:"Source Sans 3", sans-serif;font-weight: 500;}
.contact-info  a{text-decoration: none;color: #fff;font-size: 1rem; font-family:"Source Sans 3", sans-serif;font-weight: 500; }
.contact-info i {margin-right: 30px; color: #fff;}
.contact-form h4 { font-weight: bold; margin-bottom: 20px;}
.contact-form .form-control {background: #fff;border-radius: 0; margin-bottom: 31px;}
.footer {text-align: center;padding-top: 40px;}
.footer img {max-height: 200px;margin-bottom: 10px;}
.footer p,.footer a {color: #fff;margin: 0 5px;text-decoration: none;}
.footer-bottom { font-size: 14px; margin-top: 10px;color: #ccc;}
.contct_infor_flex{width: 50%;margin: auto;}
.contct_infor_flex .icons_footer{padding: 10px 0px;}
.footer_navbr a{font-size: 1.3rem;font-family:"Source Sans 3", sans-serif;font-weight: 600;padding: 0px 20px;}
.footer_navbr{padding: 14px 0px;}
.addrees p{font-size: 1.3rem;font-family:"Source Sans 3", sans-serif;font-weight: 600;padding-top: 10px;}
.footer-bottom a{font-family:"Source Sans 3", sans-serif;font-weight: 600;}
.contact-list { list-style: none; padding: 0; margin-left: 30%;}
.contact-list li { display: flex; align-items: center;color: #fff;margin-bottom: 12px;font-size: 16px;}
.contact-list li i { margin-right: 40px;color: #fff;font-size: 18px;min-width: 20px;text-align: center;}
.contact-list li strong {font-weight: bold;}
/*Animtion slider Control*/
#hero-slider .owl-fade-out {animation: sublimeBlurOut 2.5s both ease-in-out !important;}
#hero-slider .owl-fade-in {animation: sublimeBlurIn 2.5s both ease-in-out !important;}
@keyframes sublimeBlurOut{
  from { opacity: 1; filter: blur(0px); }
  to { opacity: 0; filter: blur(8px); }
}
@keyframes sublimeBlurIn {
  from { opacity: 0; filter: blur(8px); }
  to { opacity: 1; filter: blur(0px); }
}
.contact_page{background-color: var(--gray-lite-color);padding: 200px 20px;color: var(--black-color);}
.contact_hero {background-color: #000;padding: 120px 20px 80px;text-align: center;color: var(--white-color);clip-path: ellipse(100% 100% at 50% 0%);}
.contact_hero h1 { font-size: 52px;margin-bottom: 10px;font-weight: 700;font-family: 'GeomGraphicW03';font-weight: bold;}
.contact_hero p {font-size: 20px;opacity: 0.9;}
.contact_container {max-width: 1000px;margin: -60px auto 80px;display: grid;grid-template-columns: 1fr 1fr;gap: 40px;padding: 40px;background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(20px);border-radius: 20px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);}
.contact_info {display: flex;flex-direction: column;justify-content: center;color: var(--white-color);background-color: #000;padding: 40px;border-radius: 16px;}
.contact_info h2 {font-size: 28px;margin-bottom: 20px;position: relative;font-family: 'GeomGraphicW03';font-weight: bold;}
.info_item {margin: 20px 0;font-size: 16px;}
.info_item strong {display: block;font-size: 13px;color: var(--gray-lite-color);margin-bottom: 4px;text-transform: uppercase;}
.contact_form {display: flex;flex-direction: column;justify-content: center;background: rgba(255, 255, 255, 0.9);padding: 40px;border-radius: 16px;}
.contact_form h2 {font-size: 28px;margin-bottom: 20px;color: var(--black-color);position: relative;}
.contact_form h2::after {content: "";position: absolute;width: 50px;height: 3px;background: var(--primary-color);bottom: -10px;left: 0;}
.contact_form form {display: grid;gap: 16px;}
.contact_form input,
.contact_form textarea{padding: 14px 16px;border: 1px solid #ccc;border-radius: 12px;font-size: 15px;background: #fff;transition: border 0.3s ease;}
.contact_form input:focus,
.contact_form textarea:focus {border-color: var(--primary-color);outline: none;}
.contact_button {background: linear-gradient(135deg, var(--primary-color), var(--black-color));color: var(--white-color);border: none;padding: 14px;border-radius: 12px;font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.3s ease, transform 0.2s ease;}
.contact_button:hover {background: linear-gradient(135deg, var(--black-color), var(--primary-color));transform: translateY(-2px);}
.map_section {text-align: center;margin-bottom: 80px;}
.map_frame {width: 100%;max-width: 800px;height: 300px;border-radius: 20px;overflow: hidden;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);margin: auto;border: 6px solid var(--white-color);}
.map_frame iframe {width: 100%;height: 100%;border: none;}

/*---------------------------Product styling-------------------*/
.filter-sidebar { position: sticky;top: 100px;background: #000;color: #fff;border-radius: 15px;padding: 25px;box-shadow: 0 4px 20px rgba(0,0,0,0.05);}
.filter-sidebar h5 {margin-bottom: 20px;font-weight: 600;color: #fff;font-family: 'GeomGraphicW03';font-weight: bold; text-transform: uppercase;}
.filter-btn {display: block;width: 100%;text-align: left;padding: 10px 15px;margin-bottom: 10px;border: none;border-radius: 10px;background: #e5e5e5;color: #000;cursor: pointer;font-size: 15px;transition: all 0.3s ease;border-radius: 50px;}
.filter-btn:hover,
.filter-btn.active {background: #800000;color: #fff;border-radius: 50px;}
.product-card {background: rgba(255, 255, 255, 0.15);border-radius: 15px;text-align: center;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); /* Safari support */border: 3px solid rgba(255, 255, 255, 0.3); }
.product-card:hover {transform: translateY(-5px);box-shadow: 0 6px 18px rgba(0,0,0,0.08);}
.product-card img {max-width: 100%;width: 100%;height: 350px;min-height: 400px;object-fit: cover;object-position: center;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom: 15px;}
.product-card p {font-family: "Source Sans 3", sans-serif;font-weight: normal;color: #777;padding: 0px 10px;display: -webkit-box;-webkit-line-clamp: 5;   -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.product-title {font-size: 1.5rem;font-family: 'GeomGraphicW03';font-weight: bold; color: #000;}
.product-category{font-size: 1rem;font-family:"Source Sans 3", sans-serif;font-weight: normal;color: #777;font-family: 'GeomGraphicW03';font-weight: bold;  }

/*--------------------Product detail styling ------------------*/
.product_detail_top .product-section {padding: 50px 0px 50px 0px;position: relative;}
.product_detail_top .product-gallery-sticky-container {position: sticky;top: 20px;height: 100%; }
.product_detail_top .product-gallery { position: relative;}
.product_detail_top .main-image-zoom-container {border-radius: 12px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);overflow: hidden; margin-bottom: 20px;}
.product_detail_top .main-product-image {width: 100%;display: block;border-radius: 12px;transition: transform 0.4s ease-out;height: 550px;object-fit: cover;object-position: center;}
.product_detail_top .main-image-zoom-container:hover .main-product-image {transform: scale(1.1);}
.product_detail_top .thumbnail-container{display: flex;gap: 15px;justify-content: center;}
.product_detail_top .thumbnail-container img{width:80px;height:80px;object-fit:cover; border-radius:8px;cursor: pointer; opacity: 0.6; border: 3px solid transparent;transition: all 0.3s ease;}
.product_detail_top .thumbnail-container img:hover{opacity: 1;}
.product_detail_top .thumbnail-container img.active {opacity: 1;border-color:var(--black-color);box-shadow: 0 4px 15px rgba(192, 160, 128, 0.4);}
.product_detail_top .product-details{padding-left:4rem;}
.product_detail_top h3{font-size:2.7rem;margin-bottom: 1.5rem;line-height: 1.2;position: relative;font-family: 'GeomGraphicW03';font-weight:bold;}
.product_detail_top p{font-size: 1.1rem;line-height: 1.8; font-weight: 300; margin-bottom: 2.5rem;font-family:"Source Sans 3", sans-serif;font-weight: 500;}
.product_detail_top h4{margin-bottom: 1.5rem; font-size: 1.6rem;font-weight: 500;font-family: 'Eurostile', sans-serif;color: var(--primary-color);}
.product_detail_top .sizes-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.product_detail_top li{font-weight: 500;font-family: 'Eurostile', sans-serif;}
.product_detail_top .size-option{background-color:#fff;padding:10px 10px;border: 1px solid var(--primary-color);border-radius:5px;text-align: left;transition: all 0.3s ease;display: flex; align-items: center; justify-content: space-between;position: relative;}
.product_detail_top .size-option:hover {border-color:var(--primary-color);}
.product_detail_top .product-title .line{transform: translateY(110%);}
.product_detail_top .anim-reveal{opacity: 0; transform: translateY(30px);}

/*---------------------------Gallery page------------------*/
.gallery_top_pg{padding: 80px 0;}
.gallery_top_pg .gallery-item {position: relative;overflow: hidden;border-radius: 12px;box-shadow: 0 6px 20px rgba(0,0,0,0.1);margin-bottom: 30px;cursor: pointer;transform: scale(1);transition: transform 0.3s ease;}
.gallery_top_pg .gallery-item img {width: 100%;height: auto;min-height: 320px;object-fit: cover;object-position: top center;transition: transform 0.5s ease;}
.gallery_top_pg .gallery-item:hover img {transform: scale(1.1) rotate(3deg);}
.gallery_top_pg .gallery-item .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:rgba(128, 0, 0, 0.8);opacity: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;font-size: 1.2rem;font-weight: 600;transition: opacity 0.3s ease;}
.gallery_top_pg .gallery-item:hover .overlay {opacity: 1;border: 6px solid #000;}
.gallery_top_pg .overlay h4{font-family: GeomGraphicW03;font-weight: bold;font-size: 2rem;margin: 0px;}
.gallery-img_dtl { border-radius: 8px;transition: transform 0.3s ease;}
.gallery-img_dtl:hover {transform: scale(1.05);}
/*------------------------About page----------------------*/
.about_pg{padding:80px 0;}
.about_pg .video-box{aspect-ratio: 16/9;border: 8px solid #fff;}
.about_pg .video-box video{object-fit: cover;}
.about_pg h2{font-family: 'GeomGraphicW03';font-weight:bold;color: var(--black-color);text-transform:uppercase;font-size: 2.6rem;}
.about_pg h6{font-family: 'Eurostile', sans-serif;color: var(--primary-color);text-transform: capitalize;font-size:1.6rem;margin-bottom: 0px;}
.about_pg p{color: var(--black-color);font-family:"Source Sans 3", sans-serif;font-weight: 600;font-size: 1.2rem;}
.values-section{padding:80px 0;background:var(--white-color);}
.values-section h2{font-family: 'GeomGraphicW03';font-weight:bold;color: var(--black-color);text-transform:uppercase;font-size: 2.6rem;}
.value-card{background:#333; border-radius:12px; padding:30px; text-align:center;transition:all .3s ease;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
    color: var(--white-color);border:8px solid #fff;border-radius: 15px;}
.value-card:hover{transform:translateY(-10px); box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.value-card i{font-size:2rem; color:var(--white-color);background-color: var(--primary-color); margin-bottom:15px;padding:15px 10px;border-radius: 50%;width: 62px;height: 62px;}
.value-card h5{font-family: 'Eurostile', sans-serif;color: var(--white-color);text-transform: capitalize;font-size:2rem;}
.value-card p{font-family:"Source Sans 3", sans-serif;font-weight: 600;font-size: 1rem;}
.our_valueimg img{width: 331px;margin-top: -39px;}

.team_main img{width: 331px;margin-top: -36px;}
.team_main h3{font-family: 'GeomGraphicW03';font-weight:bold;color: var(--black-color);text-transform:uppercase;font-size: 2rem;}
.team-card{cursor: pointer;position: relative;}
.team-card img {transition: transform 0.5s ease;height: 70%; object-fit: cover;display: block;}
.team-card:hover img {transform: scale(1.2);}
.team-card .default-info {background: transparent;transition: opacity 0.5s ease;}
.team-card:hover .default-info {opacity: 0;}
.team-card .overlay {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: rgba(128, 0, 0, 0.8);transition: top 0.5s ease;text-align: center;}
.team-card:hover .overlay {top: 0;border: 7px solid var(--black-color);border-radius: 10px;}
.team-card .overlay h4{color: var(--white-color)!important;}
.team-card .overlay p{color: var(--white-color)!important;}
.team-card h4{font-family: 'GeomGraphicW03';font-weight:bold;font-size:1.5rem;color:var(--black-color);margin-bottom: 0px!important;}
.team-card p{font-family: 'Eurostile', sans-serif;font-weight: normal;color: var(--primary-color);font-size: 1.2rem;}
.team-card a{color: var(--white-color);}
.custom_btn_from{border: none!important;width: 150px!important;font-family:"Source Sans 3", sans-serif!important;font-weight: 600!important;font-size: 1.5rem!important;padding: 10px 10px!important;background-color: var(--primary-color)!important;border-radius: 29px!important;transition: all 0.5s ease!important;}
.bg_gallery_detail{background-color: var(--white-color);}
.gallery-img_dtl{width: 100%;height:290px;object-fit:cover;object-position: center;}