Shipping policy

/* Styling for the dropdown */ .faq__item { margin-bottom: 10px; padding-bottom: 10px; /* Space below each item */ } .collapsible-toggle { background-color: white; /* White background for countries */ border: 1px solid lightgrey; /* Light grey border */ padding: 10px; cursor: pointer; width: 100%; text-align: left; border-radius: 8px; /* Rounded edges for dropdown */ transition: background-color 0.3s; /* Smooth background color transition */ font-size: 20px; /* Increased font size for countries */ display: flex; /* Flex display for alignment */ justify-content: space-between; /* Space between text and symbol */ align-items: center; /* Center vertically */ } .collapsible-toggle:hover { background-color: lightpink; /* Light pink background on hover */ } .collapsible__content { display: none; /* Hide content by default */ padding: 10px; background-color: white; /* Background color for the content */ margin-top: 5px; /* Space between button and content */ } .active { display: block; /* Show content when active */ } /* Style for the table */ .table { width: 100%; border-collapse: collapse; /* Ensures borders are collapsed */ border-radius: 8px; /* Rounded corners for the table */ overflow: hidden; /* Ensures the rounded corners are visible */ border: 1px solid #000; /* Gray border around the table */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Shadow effect for the table */ margin-top: 20px; /* Spacing above tables */ } .table th { background-color: white; /* Set background color to white for the header row */ padding: 10px; /* Padding for table headings */ text-align: left; /* Align text to the left */ font-weight: bold; /* Bold font for table headings */ } .table td { background-color: #f0f0f0; /* Light grey background for table values */ padding: 10px; /* Padding for table values */ border-bottom: 1px solid #ddd; /* Border between rows */ } .table tr:last-child td { border-bottom: none; /* No border for the last row */ } /* Style for the heading and divider */ .shipping-heading { font-size: 30px; /* Font size for the heading */ margin: 20px 0 10px; /* Margin for spacing */ text-align: center; /* Center the heading */ } .shipping-subtext { font-size: 16px; /* Font size for the subtext */ text-align: center; /* Center the subtext */ margin-bottom: 20px; /* Space below the subtext */ } .divider { border-top: 1px solid #ccc; /* Light grey divider */ margin-bottom: 20px; /* Space below the divider */ }