/* 

 Theme Name: HIDDEN RABBIT
 Author : HIDDEN RABBIT CEO
 Version:1.0
 Discription: Hidden Rabbit Clothing Brand

*/

/* LOCAL FONTS */
@font-face {
  font-family: "Anton-Regular";
  src: url("font/Anton-Regular.ttf");
}
@font-face {
  font-family: "BankGothic";
  src: url("font/BankGothic.ttf");
}
@font-face {
  font-family: "Inter-Bold";
  src: url("font/Inter-Bold.ttf");
}
@font-face {
  font-family: "Inter-Regular";
  src: url("font/Inter-Regular.ttf");
}
@font-face {
  font-family: "Inter-SemiBold";
  src: url("font/Inter-SemiBold.ttf");
}
/* COMMON STYLES */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}
/* MENU STYLE */
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 80px;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #021937;
  stroke-width: 5.5;
  stroke-linecap: round;
}
.ham6 .top {
  stroke-dasharray: 40 172;
}
.ham6 .middle {
  stroke-dasharray: 20 111;
}
.ham6 .bottom {
  stroke-dasharray: 40 172;
}
.ham6.active .middle {
  stroke-dasharray: 40 111;
}

.ham6.active .top {
  stroke-dashoffset: -132px;
}
.ham6.active .middle {
  stroke-dashoffset: -71px;
}
.ham6.active .bottom {
  stroke-dashoffset: -132px;
}
.menu-icon.active {
  position: relative;
  z-index: 9;
}
.menu-icon.active  .line {
  stroke: #ffffff;
}
/* HEADER STYLE */
header {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 50px;
  margin: 15px 0px;
}
.additional-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.carticon__icon {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("images/cart-icon.png");
  background-repeat: no-repeat;
  position: relative;
}
.carticon__total {
  font-family: "BankGothic";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: red;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.carticon__total:empty {
  display: none;
}
.search-icon {
  width: 50px;
  height: 50px;
  background-image: url("images/search.png");
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
.search-filed-section {
  width: 100%;
  height: 75px;
  background-color: #021937;
  display: none;
  margin-bottom: 10px;
  border-radius: 0px 0px 20px 20px;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  background-color: transparent !important;
}
.dgwt-wcas-search-wrapp {
  max-width: 900px !important;
}
.wishlist-icon {
  width: 50px;
  height: 50px;
  background-image: url("images/wishlist.png");
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}

.menu-list-section {
  width: 360px;
  height: 100vh;
  position: fixed;
  background-color: #021937;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 2;
}

/* FOOTER STYLE */

footer {
  width: 100%;
  background-color: #021937;
  border-radius: 200px 200px 0px 0px;
  position: relative;
}
.kumari-statue {
  width: 85%;
  height: 858px;
  background-image: url("images/kanyakumari.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
.back-to-top {
  width: 150px;
  height: 150px;
  background-image: url("images/backtotop.png");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.footer-menu-container {
  display: flex;
  align-items: start;
  justify-content: space-around;

  padding: 130px 250px 50px;
}
.footer-menu-container ul li:first-child {
  font-family: "Inter-Bold";
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #fff;
  cursor: auto;
}
.footer-menu-container ul li {
  font-family: "Inter-Regular";
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  text-align: left;
  color: #fff;
  padding-bottom: 40px;
  text-transform: capitalize;
}
.footer-menu-container ul li a {
  font-family: "Inter-Regular";
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  text-align: left;
  color: #fff;
  padding-bottom: 40px;
  text-transform: capitalize;
}
footer .brand-name {
  font-family: "Anton-Regular";
  font-size: 350px;
  font-weight: 400;
  line-height: 350px;
  text-align: center;
  color: rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  position: relative;
}
footer .brand-name span {
  font-family: "Inter-SemiBold";
  font-size: 80px;
  font-weight: 600;
  position: absolute;
  top: -50%;
  right: 15px;
  color: rgba(255, 255, 255, 0.35);
}
.footer-bottom-menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-bottom-menu .footer-menus ul {
  display: flex;
  gap: 120px;
}
.footer-bottom-menu {
  padding: 80px 50px 20px;
  font-family: "Inter-SemiBold";
  font-size: 20px;
  font-weight: 600;
  line-height: 24.2px;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.footer-bottom-menu .footer-menus ul li a {
  font-family: "Inter-SemiBold";
  font-size: 20px;
  font-weight: 600;
  line-height: 24.2px;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

/* HERO SECTION */
.hero_section {
  width: 100%;
  height: 100%;
  padding: 0px 50px;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 10px;
}
.left_side_section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.left_top_section {
  width: 905px;
  height: 755px;
  border-radius: 20px;
  background-color: #021937;
  position: relative;
}
.left_top_section::after{
  content: '';
  width: 412px;
  height: 400px;
  position: absolute;
  top: 50%;
  right: -230px;
  transform: translatey(-50%);
  background-image: url('images/hero_star.png');
  background-repeat: no-repeat;
}
.left_bottom_section {
  display: flex;
  align-items: start;
  gap: 13px;
}
.trendy-collections,
.home_banner_collection {
  width: 446.5px;
  height: 385.5px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  position: relative;
}
.trendy-collections a,
.home_banner_collection a {
  font-family: "Anton-Regular";
  font-size: 52px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.right_side_section {
  width: 905px;
  height: 1150px;
  border-radius: 20px;
  position: relative;
}
.right_side_section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.left_top_section h1 {
  font-family: "Anton-Regular";
  font-size: 110px;
  font-weight: 400;
  line-height: 125px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 50px;
  padding-top: 50px;
}
.left_top_section h1 span {
  display: inline-block;
  width: 190px;
  height: 60px;
  background-repeat: no-repeat;
  background-image: url("images/banner_arrow.png");
}
.left_top_section h2 {
  font-family: "Inter-Regular";
  font-size: 22px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #ffffff;
  padding: 130px 50px 10px;
}
.shop_now-btn a {
  width: 280px;
  height: 65px;
  border-radius: 50px;
  background-color: #ffffff;
  font-family: "Inter-SemiBold";
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  color: #021937;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: 10px;
  right: 360px;
  text-transform: uppercase;
}
.shop_now-btn a::after {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url("images/shopnow_arrow.png");
  background-color: #021937;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.contact_us_btn a {
  width: 280px;
  height: 65px;
  border-radius: 50px;
  background-color: transparent;
  border: 5px solid #fff;
  font-family: "Inter-SemiBold";
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: 10px;
  right: 64px;
  text-transform: uppercase;
}
.contact_us_btn a::after {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url("images/contactus_arrow.png");
  background-color: #ffffff;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

/* MARQUEE SECTION */
.marquee-tag-container {
  width: 100%;
  padding: 50px 0px;
  overflow: hidden;
}
.marquee-tags-section {
  width: 600%;
  padding: 45px 0px;
  display: flex;
  align-items: center;
  border-top: 5px solid #021937;
  border-bottom: 5px solid #021937;
  
}
.first-marquee-section{
  display: flex;
  align-items: center;
  animation: scroll-one 60s linear infinite;
}
@keyframes scroll-one {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.marquee-tag {
  font-family: "Anton-Regular";
  font-size: 48px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #021937;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 25px;
  padding-left: 25px;
}

.marquee-tag::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("images/star.png");
  background-repeat: no-repeat;
  background-size: contain;
}

/* T_SHIRT COLLECTIONS */
.t-shirt-collections {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.t-shirt-collection-subcategory {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.t-shirt-collection-subcategory h5 {
  font-family: "Inter-SemiBold";
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  text-align: center;
  color: #021937;
}

/* JUST DROPPED  & BEST SELLERS*/
.just-dropped, .best_sellers {
  width: 100%;
}
h5.heading {
  font-family: "Anton-Regular";
  font-size: 145px;
  font-weight: 400;
  line-height: 218.28px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #021937;
  text-transform: uppercase;
  padding: 65px 0px;
}

.jsut_dropped_collections, .best_seller_collections {
  width: 100%;
  padding: 0px 50px;
}
.just-dropped-products, .best-sellers-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.just-dropped-products .product img, .best-sellers-products .product img {
  width: 450px;
  height: 650px;
  border-radius: 20px;
}
.just-dropped-products .product .primary-category, .best-sellers-products .product  .primary-category {
  font-family: "Inter-SemiBold";
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  text-align: left;
  color: rgba(2, 25, 55, 0.8);
  padding-top: 35px;
}
.just-dropped-products .product .woocommerce-loop-product__title,  .best-sellers-products .product .woocommerce-loop-product__title {
  font-family: "Inter-Bold";
  font-size: 26px;
  font-weight: 700;
  line-height: 31.47px;
  text-align: left;
  color: #021937;
  padding: 20px 0px;
}
.just-dropped-products .product .price,  .best-sellers-products .product .price {
  font-family: "Inter-SemiBold";
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  text-align: left;
  color: rgba(2, 25, 55, 0.8);
}

/* GENDER COLLECTION */
.gender_collections {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-content: center;
  padding: 100px 50px 0px;
}
.gender-collection-subcategory {
  width: 580px;
  height: 750px;
  border-radius: 20px;
  background-repeat: no-repeat;
  position: relative;
}
.gender_collection_btn h5 {
  font-family: "BankGothic";
  font-size: 70px;
  font-weight: 400;
  line-height: 73px;
  text-align: left;
  color: #ffffff;
}
.gender_collection_btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.gender_collection_btn button {
  width: 178px;
  height: 50px;
  border-radius: 35px;
  background-color: #ffffff;
  font-family: "Inter-SemiBold";
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  color: rgba(2, 25, 55, 0.8);
  border: none;
  outline: none;
  cursor: pointer;
}

/* featured collections */

.featured_collections {
  width: 100%;
}
.featured_collections .heading {
  padding-bottom: 0px;
}
.featured_collections .sub_title {
  font-family: "Inter-Regular";
  font-size: 24px;
  font-weight: 400;
  line-height: 29.05px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #021937;
  padding-bottom: 50px;
}
.featured-collection-subcategory {
  width: 580px;
  background-repeat: no-repeat;
  height: 400px;
  background-repeat: no-repeat;
  position: relative;
}
.featured-collection-subcategory.Co-ord.Set,
.featured-collection-subcategory.Hoodie,
.featured-collection-subcategory.Couple.Goal {
  height: 620px;
}
.featured_collection_heading {
  background: linear-gradient(0deg, #021937, #021937);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 0px 0px 20px 20px;
}
.featured_collection_heading h5 {
  font-family: "BankGothic";
  font-size: 70px;
  font-weight: 400;
  line-height: 73px;
  text-align: center;
  color: #ffffff;
}
.featured_products_collection.featured_collection {
  width: 96%;
  display: block;
  margin: auto;
}

.featured_products_collection.featured_collection a.grid-item{
  margin-bottom: 70px;
}

/* SINGLE PRODUCTS PAGE */
.single_products_page{
  width: 100%;
}
.single_product_content_title h1{
  font-family: "Anton-Regular";
  font-size: 145px;
  font-weight: 400;
  line-height: 218.28px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #021937;
  text-transform: uppercase;
  padding: 10px 0px;  
}