a{
    text-decoration: none;
}

ul,ol{
    list-style-type: none;
}




/***************************** 2nd Navbar part css *****************************/



.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: #fff;
}

.nav-links {
    list-style: none;
    display: flex;
    position: relative;
}

.nav-links li {
    margin: 10px 15px;
    position: relative;
}

.nav-links a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
}

.nav-links a:hover {
    color: #ddd;
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -205px;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    width: 550px;
}

.dropdown li {
    width: 100%; /* Adjust as needed */
    position: relative;
}

.dropdown a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
   
}

.dropdown2 {
    display: none;
    position: absolute;
    top: 0;
    left: 85%;
    background-color: #cccccc;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    width: 500px;
}
#DROP{
   width: 250px; 
   left: 65%;
}
#DROP2{
   width: 250px; 
}
#DROP3{
   width: 250px; 
}
#DROP6{
   left: 80%;
}
.DROP4{
    display: none;
    position: absolute;
    bottom: 0;
    left: 85%;
    background-color: #cccccc;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
   width: 500px; 
}
.DROP7{
    display: none;
    position: absolute;
    top: 0;
    right: 105%;
    background-color: #cccccc;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
   width: 500px; 
}
.DROP8{
    display: none;
    position: absolute;
    top: 0;
    right: 105%;
    background-color: #cccccc;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
   width: 250px; 
}
#DROP5{
   width: 250px; 
}
.dropdown2 li {
    width: 100%; /* Adjust as needed */
}

.dropdown2 a {
    display: block;
    
}

.DROP4 li {
    width: 100%; /* Adjust as needed */
}

.DROP4 a {
    display: block;
    
}


.nav-links li:hover .dropdown {
    display: block;
}
.nav-links .dropdown li:hover .dropdown2 {
    display: block;
}
.nav-links .dropdown li:hover .DROP4 {
    display: block;
}
.nav-links .dropdown li:hover .DROP7 {
    display: block;
}
.nav-links .dropdown li:hover .DROP8 {
    display: block;
}
.dropdown3 {
    display: none;
    position: absolute;
    top: 0;
    left: 35%;
    background-color: #838181;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    width: 300px;
}
#DROPDOWN{
    left: 65%;
}
#DROPDOWN2{
    left: 65%;
}
#DROPDOWN3{
    left: 65%;
}
#DROPDOWN4{
    left: 65%;
}
#DROPDOWN5{
    left: 65%;
}
#DROPDOWN6{
    left: 91%;
    width: 395px;
}
#DROPDOWN7{
   left: 91%;
    width: 395px;
}

#DROPDOWN8{
    left: 75%;
}
.dropdown3 li {
    width: 100%; /* Adjust as needed */
}

.dropdown3 a {
    display: block;
    
}

.nav-links .dropdown2 li:hover .dropdown3 {
    display: block;
}

.nav-links .DROP4 li:hover .dropdown3 {
    display: block;
}

.nav-links .DROP8 li:hover .dropdown3 {
    display: block;
}

.hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.line {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 3px 0;
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px; /* adjust based on your navbar height */
        left: 0;
        right: 0;
        background: rgb(37,148,255); background: linear-gradient(180deg, rgba(37,148,255,1) 0%, rgba(255,255,183,1) 100%);
    }

    .nav-links.active {
        display: flex;
    }

    .hamburger {
        display: flex;
    }

    .dropdown {
        position: static;
        display: none; /* Hide dropdown in mobile by default */
    }

    .nav-links li:hover .dropdown {
        display: block; /* Show dropdown on hover */
    }
    
    .dropdown2 {
        position: static;
        display: none; /* Hide dropdown in mobile by default */
    }

    .nav-links .dropdown li:hover .dropdown2 {
        display: block; /* Show dropdown on hover */
    }
}




/******************************* About part css *****************************/
#About h3{
    position: relative;
}

#About h3:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}

#About .one:before{
    content: '$';
}

#About .two:after{
    content: '+';
}

#About .three:after{
    content: 'm2';
}

/******************************* About2 part css *****************************/
#About2 h3{
    position: relative;
}

#About2 h3:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}



/******************************* Arrival part css *****************************/
#Arrival h1{
    position: relative;
}

#Arrival h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}



/******************************* Product part css *****************************/
#Product h3{
    position: relative;
}

#Product h3:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}


/******************************* Catalog part css *****************************/
#Catalog h3{
    position: relative;
}

#Catalog h3:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}



/******************************* Blog part css *****************************/
#Blog h3{
    position: relative;
}

#Blog h3:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}



/******************************* Garment_Accessories part css *****************************/
#Garment_Accessories h3{
    position: relative;
}

#Garment_Accessories h3:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}



/******************************* Thread part css *****************************/
#Thread ..sidebar {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  position: fixed;
  overflow: auto;
}
 
#Thread .sidebar a.active {
  color: black;
}

#Thread .sidebar a:not(.active) {
  color: black;
}

#Thread .sidebar a:hover{
   font-weight: 900; 
}


/******************************* Zipper part css *****************************/

#Zipper .button-group{
    padding-bottom: 0px;
    margin-left: 0;
}

#Zipper .button {
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  color: #000;
    border: 0;
    background-color: transparent;
    padding: 15px 15px;
}

#Zipper .button:hover {
  background-color: #fff;
  color: #000;
}

#Zipper .button:active,
#Zipper .button.is-checked {
 color: #000;
}

#Zipper .button:active,
#Zipper .button.is-checked:focus {
  color: #000;
  transform: translateY(0);
}
#Zipper .button.is-checked {
 display: inline-block;
  font-size: 20px;
  cursor: pointer;
  color: #000;
    border: 0;
    background-color: #fff;
    padding: 10px 5px;
}
#Zipper .button.is-checked:hover {
  color: #000;
}
#Zipper .button.is-checked:focus {
  color: #000;
  transform: translateY(0);
  background-color: #fff;
}

#Zipper .button-group:after {
  content: '';
  display: block;
  clear: both;
}
#Zipper .button-group .button {
  display: inline-block;
  margin-left: 0;
  margin-right: 1px;
}
/******************************* Contact part css *****************************/

#Contact h4{
    position: relative;
}
#Contact h4:after{
    position: absolute;
    content: '';
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 2px;
    background-color: #EBEBEB;
}
#Contact h4:before{
    position: absolute;
    content: '';
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 2px;
    background-color: #EBEBEB;
}



/******************************* 402100SpunPolyesterSewingThreads2 part css *****************************/
#402100SpunPolyesterSewingThreads2 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads2 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}


/******************************* 402100SpunPolyesterSewingThreads3 part css *****************************/
#402100SpunPolyesterSewingThreads3 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads3 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}

/******************************* 402100SpunPolyesterSewingThreads5 part css *****************************/
#402100SpunPolyesterSewingThreads5 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads5 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}


/******************************* 402100SpunPolyesterSewingThreads6 part css *****************************/
#402100SpunPolyesterSewingThreads6 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads6 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}

/******************************* 402100SpunPolyesterSewingThreads8 part css *****************************/
#402100SpunPolyesterSewingThreads8 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads8 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}


/******************************* 402100SpunPolyesterSewingThreads9 part css *****************************/
#402100SpunPolyesterSewingThreads9 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads9 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}



/******************************* 402100SpunPolyesterSewingThreads11 part css *****************************/
#402100SpunPolyesterSewingThreads11 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads11 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}

/******************************* 402100SpunPolyesterSewingThreads12 part css *****************************/
#402100SpunPolyesterSewingThreads12 h1{
    position: relative;
}

#402100SpunPolyesterSewingThreads12 h1:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    width: 150px;
    height: 2px;
    background-color: #FD494A;
}