@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
    --tp-theme-color: #358cef;
    --tp-heading-color: #17181d;
    --tp-heading-color-2: #24262d;
    --tp-heading-color-3: #281d1b;
    --tp-white-color: #fff;
    --tp-black-color: #000;
    --tp-grey-color: #f6f7f9;
    --tp-grey-color-2: #b3bac6;
    --tp-grey-color-3: #565f73;
    --tp-grey-color-4: #687387;
    --tp-grey-color-5: #d7dae0;
    --tp-rom-color: #fdf3f3;
    --tp-orange-color: #ff5b15;
    --tp-red-color: #dd5454;
}

:root {
    --tp-font-heading: "Poppins", sans-serif;
    --tp-font-body: "Poppins", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
}

*:fullscreen *:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
    overflow: auto !important;
}

/* Input bg color tranparent  */
.rs-log-in-form .rs-input-item input:-webkit-autofill,
.rs-log-in-form .rs-input-item input:-webkit-autofill:hover,
.rs-log-in-form .rs-input-item input:-webkit-autofill:focus,
.rs-log-in-form .rs-input-item input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
  transition: background-color 9999s ease-in-out 0s;
}
.rs-log-in-form  .rs-input-item input:focus{
    background: rgba(255, 255, 255, 0.08);
    color: white;
}
.rs-log-in-form  .rs-input-item input:palceholer{
    color: white;
}
.rs-log-in-form  .rs-input-item input{
    color: white;
}

/* Scroll bar */
::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--tp-red-color);
}

/* Selection */
::selection {
    background-color: var(--tp-red-color);
    color: #fff;
}

:root {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    color: #17181d;
}

.w-img img {
    width: 100%;
}

.m-img img {
    max-width: 100%;
}

img {
    max-width: 100%;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.z-index-1 {
    z-index: 1;
}

.z-11 {
    z-index: 11;
}

.tp-upper {
    text-transform: uppercase;
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible;
}

.overflow-x-visible {
    overflow-x: visible;
    overflow-y: hidden;
}

.bg-pos-end {
    background-position: bottom;
    background-repeat: no-repeat;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.br-24 {
    border-radius: 24px;
}

.br-140 {
    border-radius: 140px;
}

.br-150 {
    border-radius: 150px;
}

.br-10 {
    border-radius: 10px;
}

.br-20 img {
    border-radius: 20px;
}

.br-16 img {
    border-radius: 16px;
}

.br-10 {
    border-radius: 10px;
}

.br-img-2-side {
    border-radius: 8px 0 0 8px !important;
}

.br-15 img {
    border-radius: 15px;
}

.br-10 img {
    border-radius: 10px;
}

.br-4 {
    border-radius: 4px;
}

.br-8 {
    border-radius: 8px;
}

.br-5 {
    border-radius: 5px;
}

.fns-24 {
    font-size: 24px !important;
}

.fns-56 {
    font-size: 56px !important;
}

.fns-16 {
    font-size: 16px !important;
}

.fns-18 {
    font-size: 18px !important;
}

.fnw-600 {
    font-weight: 600 !important;
}

.tp-black-bg {
    background-color: var(--tp-common-black);
}

.tp-slide-transtion {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.tp-brand-slide-element {
    width: auto;
    display: inline-block;
}

.tpbrand-slide-element {
    width: auto;
    display: inline-block;
}

.ml-m-5 {
    margin-left: -6px;
}

.br-d-lg-none br {
    display: none;
    max-height: 144px;
    max-width: 220px;
    object-fit: cover;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0;
}

.pt-0 {
    padding-top: 0;
}

.gap-24 {
    gap: 24px;
}

.gap-20 {
    gap: 20px;
}

.gap-16 {
    gap: 16px !important;
}

.gap-48 {
    gap: 48px !important;
}

.gap-13 {
    gap: 13px;
}

.gap-15 {
    gap: 15px;
}

.gap-8 {
    gap: 8px;
}

.gap-4 {
    gap: 4px !important;
}

.gap-10 {
    gap: 10px;
}

.gap-12 {
    gap: 12px;
}

.gap-16 {
    gap: 16px;
}

.gap-32 {
    gap: 32px;
}

.gap-40 {
    gap: 40px;
}

.gap-60 {
    gap: 60px;
}

.gap-61 {
    gap: 61px;
}

.gap-62 {
    gap: 62px;
}

.gap-72 {
    gap: 72px;
}

.gap-93 {
    gap: 93px;
}

.self-center {
    align-self: center;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-14 {
    margin-bottom: 14px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.p-24 {
    padding: 24px;
}

.p-16 {
    padding: 16px;
}

.p-12 {
    padding: 12px;
}

.h-152 {
    height: 152px;
}

.w-176 {
    width: 176px !important;
}

.object-fit-cover {
    object-fit: cover;
}

.ml-auto {
    margin-left: auto;
}

button {
    border: none;
}

.rotate-0 {
    transform: rotate(0) !important;
}

.br-100 {
    border-radius: 100%;
}

.backdrop-filter-10 {
    backdrop-filter: blur(10px);
}

.backdrop-filter-15 {
    backdrop-filter: blur(15px);
}

.ml-auto-start {
    margin-left: auto;
    align-self: start;
}

.mr-auto {
    margin-right: auto;
}

.pt-290 {
    padding-top: 290px;
}

.pt-1 {
    padding-top: 1px;
}

.pt-2 {
    padding-top: 2px;
}

.pt-3 {
    padding-top: 3px;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-9 {
    padding-top: 9px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-11 {
    padding-top: 11px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-13 {
    padding-top: 13px;
}

.pt-14 {
    padding-top: 14px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-17 {
    padding-top: 17px;
}

.pt-18 {
    padding-top: 18px;
}

.pt-19 {
    padding-top: 19px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-21 {
    padding-top: 21px;
}

.pt-22 {
    padding-top: 22px;
}

.pt-23 {
    padding-top: 23px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-26 {
    padding-top: 26px;
}

.pt-27 {
    padding-top: 27px;
}

.pt-28 {
    padding-top: 28px;
}

.pt-29 {
    padding-top: 29px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-31 {
    padding-top: 31px;
}

.pt-32 {
    padding-top: 32px;
}

.pt-33 {
    padding-top: 33px;
}

.pt-34 {
    padding-top: 34px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-36 {
    padding-top: 36px;
}

.pt-37 {
    padding-top: 37px;
}

.pt-38 {
    padding-top: 38px;
}

.pt-39 {
    padding-top: 39px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-41 {
    padding-top: 41px;
}

.pt-42 {
    padding-top: 42px;
}

.pt-43 {
    padding-top: 43px;
}

.pt-44 {
    padding-top: 44px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-46 {
    padding-top: 46px;
}

.pt-47 {
    padding-top: 47px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-49 {
    padding-top: 49px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-51 {
    padding-top: 51px;
}

.pt-52 {
    padding-top: 52px;
}

.pt-53 {
    padding-top: 53px;
}

.pt-54 {
    padding-top: 54px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-56 {
    padding-top: 56px;
}

.pt-57 {
    padding-top: 57px;
}

.pt-58 {
    padding-top: 58px;
}

.pt-59 {
    padding-top: 59px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-61 {
    padding-top: 61px;
}

.pt-62 {
    padding-top: 62px;
}

.pt-63 {
    padding-top: 63px;
}

.pt-64 {
    padding-top: 64px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-66 {
    padding-top: 66px;
}

.pt-67 {
    padding-top: 67px;
}

.pt-68 {
    padding-top: 68px;
}

.pt-69 {
    padding-top: 69px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-71 {
    padding-top: 71px;
}

.pt-72 {
    padding-top: 72px;
}

.pt-73 {
    padding-top: 73px;
}

.pt-74 {
    padding-top: 74px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-76 {
    padding-top: 76px;
}

.pt-77 {
    padding-top: 77px;
}

.pt-78 {
    padding-top: 78px;
}

.pt-79 {
    padding-top: 79px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-81 {
    padding-top: 81px;
}

.pt-82 {
    padding-top: 82px;
}

.pt-83 {
    padding-top: 83px;
}

.pt-84 {
    padding-top: 84px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-86 {
    padding-top: 86px;
}

.pt-87 {
    padding-top: 87px;
}

.pt-88 {
    padding-top: 88px;
}

.pt-89 {
    padding-top: 89px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-91 {
    padding-top: 91px;
}

.pt-92 {
    padding-top: 92px;
}

.pt-93 {
    padding-top: 93px;
}

.pt-94 {
    padding-top: 94px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-96 {
    padding-top: 96px;
}

.pt-97 {
    padding-top: 97px;
}

.pt-98 {
    padding-top: 98px;
}

.pt-99 {
    padding-top: 99px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-101 {
    padding-top: 101px;
}

.pt-102 {
    padding-top: 102px;
}

.pt-103 {
    padding-top: 103px;
}

.pt-104 {
    padding-top: 104px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-106 {
    padding-top: 106px;
}

.pt-107 {
    padding-top: 107px;
}

.pt-108 {
    padding-top: 108px;
}

.pt-109 {
    padding-top: 109px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-111 {
    padding-top: 111px;
}

.pt-112 {
    padding-top: 112px;
}

.pt-113 {
    padding-top: 113px;
}

.pt-114 {
    padding-top: 114px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-116 {
    padding-top: 116px;
}

.pt-117 {
    padding-top: 117px;
}

.pt-118 {
    padding-top: 118px;
}

.pt-119 {
    padding-top: 119px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-121 {
    padding-top: 121px;
}

.pt-122 {
    padding-top: 122px;
}

.pt-123 {
    padding-top: 123px;
}

.pt-124 {
    padding-top: 124px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-126 {
    padding-top: 126px;
}

.pt-127 {
    padding-top: 127px;
}

.pt-128 {
    padding-top: 128px;
}

.pt-129 {
    padding-top: 129px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-131 {
    padding-top: 131px;
}

.pt-132 {
    padding-top: 132px;
}

.pt-133 {
    padding-top: 133px;
}

.pt-134 {
    padding-top: 134px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-136 {
    padding-top: 136px;
}

.pt-137 {
    padding-top: 137px;
}

.pt-138 {
    padding-top: 138px;
}

.pt-139 {
    padding-top: 139px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-141 {
    padding-top: 141px;
}

.pt-142 {
    padding-top: 142px;
}

.pt-143 {
    padding-top: 143px;
}

.pt-144 {
    padding-top: 144px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-146 {
    padding-top: 146px;
}

.pt-147 {
    padding-top: 147px;
}

.pt-148 {
    padding-top: 148px;
}

.pt-149 {
    padding-top: 149px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-151 {
    padding-top: 151px;
}

.pt-152 {
    padding-top: 152px;
}

.pt-153 {
    padding-top: 153px;
}

.pt-154 {
    padding-top: 154px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-156 {
    padding-top: 156px;
}

.pt-157 {
    padding-top: 157px;
}

.pt-158 {
    padding-top: 158px;
}

.pt-159 {
    padding-top: 159px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-161 {
    padding-top: 161px;
}

.pt-162 {
    padding-top: 162px;
}

.pt-163 {
    padding-top: 163px;
}

.pt-164 {
    padding-top: 164px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-166 {
    padding-top: 166px;
}

.pt-167 {
    padding-top: 167px;
}

.pt-168 {
    padding-top: 168px;
}

.pt-169 {
    padding-top: 169px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-171 {
    padding-top: 171px;
}

.pt-172 {
    padding-top: 172px;
}

.pt-173 {
    padding-top: 173px;
}

.pt-174 {
    padding-top: 174px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-176 {
    padding-top: 176px;
}

.pt-177 {
    padding-top: 177px;
}

.pt-178 {
    padding-top: 178px;
}

.pt-179 {
    padding-top: 179px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-181 {
    padding-top: 181px;
}

.pt-182 {
    padding-top: 182px;
}

.pt-183 {
    padding-top: 183px;
}

.pt-184 {
    padding-top: 184px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-186 {
    padding-top: 186px;
}

.pt-187 {
    padding-top: 187px;
}

.pt-188 {
    padding-top: 188px;
}

.pt-189 {
    padding-top: 189px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-191 {
    padding-top: 191px;
}

.pt-192 {
    padding-top: 192px;
}

.pt-193 {
    padding-top: 193px;
}

.pt-194 {
    padding-top: 194px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-196 {
    padding-top: 196px;
}

.pt-197 {
    padding-top: 197px;
}

.pt-198 {
    padding-top: 198px;
}

.pt-199 {
    padding-top: 199px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-201 {
    padding-top: 201px;
}

.pt-202 {
    padding-top: 202px;
}

.pt-203 {
    padding-top: 203px;
}

.pt-204 {
    padding-top: 204px;
}

.pt-205 {
    padding-top: 205px;
}

.pt-206 {
    padding-top: 206px;
}

.pt-207 {
    padding-top: 207px;
}

.pt-208 {
    padding-top: 208px;
}

.pt-209 {
    padding-top: 209px;
}

.pt-210 {
    padding-top: 210px;
}

.pt-211 {
    padding-top: 211px;
}

.pt-212 {
    padding-top: 212px;
}

.pt-213 {
    padding-top: 213px;
}

.pt-214 {
    padding-top: 214px;
}

.pt-215 {
    padding-top: 215px;
}

.pt-216 {
    padding-top: 216px;
}

.pt-217 {
    padding-top: 217px;
}

.pt-218 {
    padding-top: 218px;
}

.pt-219 {
    padding-top: 219px;
}

.pt-220 {
    padding-top: 220px;
}

.pt-221 {
    padding-top: 221px;
}

.pt-222 {
    padding-top: 222px;
}

.pt-223 {
    padding-top: 223px;
}

.pt-224 {
    padding-top: 224px;
}

.pt-225 {
    padding-top: 225px;
}

.pt-226 {
    padding-top: 226px;
}

.pt-227 {
    padding-top: 227px;
}

.pt-228 {
    padding-top: 228px;
}

.pt-229 {
    padding-top: 229px;
}

.pt-230 {
    padding-top: 230px;
}

.pt-231 {
    padding-top: 231px;
}

.pt-232 {
    padding-top: 232px;
}

.pt-233 {
    padding-top: 233px;
}

.pt-234 {
    padding-top: 234px;
}

.pt-235 {
    padding-top: 235px;
}

.pt-236 {
    padding-top: 236px;
}

.pt-237 {
    padding-top: 237px;
}

.pt-238 {
    padding-top: 238px;
}

.pt-239 {
    padding-top: 239px;
}

.pt-240 {
    padding-top: 240px;
}

.pt-241 {
    padding-top: 241px;
}

.pt-242 {
    padding-top: 242px;
}

.pt-243 {
    padding-top: 243px;
}

.pt-244 {
    padding-top: 244px;
}

.pt-245 {
    padding-top: 245px;
}

.pt-246 {
    padding-top: 246px;
}

.pt-247 {
    padding-top: 247px;
}

.pt-248 {
    padding-top: 248px;
}

.pt-249 {
    padding-top: 249px;
}

.pt-250 {
    padding-top: 250px;
}

.pt-251 {
    padding-top: 251px;
}

.pt-252 {
    padding-top: 252px;
}

.pt-253 {
    padding-top: 253px;
}

.pt-254 {
    padding-top: 254px;
}

.pt-255 {
    padding-top: 255px;
}

.pt-256 {
    padding-top: 256px;
}

.pt-257 {
    padding-top: 257px;
}

.pt-258 {
    padding-top: 258px;
}

.pt-259 {
    padding-top: 259px;
}

.pt-260 {
    padding-top: 260px;
}

.pt-261 {
    padding-top: 261px;
}

.pt-262 {
    padding-top: 262px;
}

.pt-263 {
    padding-top: 263px;
}

.pt-264 {
    padding-top: 264px;
}

.pt-265 {
    padding-top: 265px;
}

.pt-266 {
    padding-top: 266px;
}

.pt-267 {
    padding-top: 267px;
}

.pt-268 {
    padding-top: 268px;
}

.pt-269 {
    padding-top: 269px;
}

.pt-270 {
    padding-top: 270px;
}

.pt-271 {
    padding-top: 271px;
}

.pt-272 {
    padding-top: 272px;
}

.pt-273 {
    padding-top: 273px;
}

.pt-274 {
    padding-top: 274px;
}

.pt-275 {
    padding-top: 275px;
}

.pt-276 {
    padding-top: 276px;
}

.pt-277 {
    padding-top: 277px;
}

.pt-278 {
    padding-top: 278px;
}

.pt-279 {
    padding-top: 279px;
}

.pt-280 {
    padding-top: 280px;
}

.pt-281 {
    padding-top: 281px;
}

.pt-282 {
    padding-top: 282px;
}

.pt-283 {
    padding-top: 283px;
}

.pt-284 {
    padding-top: 284px;
}

.pt-285 {
    padding-top: 285px;
}

.pt-286 {
    padding-top: 286px;
}

.pt-287 {
    padding-top: 287px;
}

.pt-288 {
    padding-top: 288px;
}

.pt-289 {
    padding-top: 289px;
}

.pt-290 {
    padding-top: 290px;
}

.pt-291 {
    padding-top: 291px;
}

.pt-292 {
    padding-top: 292px;
}

.pt-293 {
    padding-top: 293px;
}

.pt-294 {
    padding-top: 294px;
}

.pt-295 {
    padding-top: 295px;
}

.pt-296 {
    padding-top: 296px;
}

.pt-297 {
    padding-top: 297px;
}

.pt-298 {
    padding-top: 298px;
}

.pt-299 {
    padding-top: 299px;
}

.pt-300 {
    padding-top: 300px;
}

.pr-1 {
    padding-right: 1px;
}

.pr-2 {
    padding-right: 2px;
}

.pr-3 {
    padding-right: 3px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-7 {
    padding-right: 7px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-9 {
    padding-right: 9px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-11 {
    padding-right: 11px;
}

.pr-12 {
    padding-right: 12px;
}

.pr-13 {
    padding-right: 13px;
}

.pr-14 {
    padding-right: 14px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-16 {
    padding-right: 16px;
}

.pr-17 {
    padding-right: 17px;
}

.pr-18 {
    padding-right: 18px;
}

.pr-19 {
    padding-right: 19px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-21 {
    padding-right: 21px;
}

.pr-22 {
    padding-right: 22px;
}

.pr-23 {
    padding-right: 23px;
}

.pr-24 {
    padding-right: 24px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-26 {
    padding-right: 26px;
}

.pr-27 {
    padding-right: 27px;
}

.pr-28 {
    padding-right: 28px;
}

.pr-29 {
    padding-right: 29px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-31 {
    padding-right: 31px;
}

.pr-32 {
    padding-right: 32px;
}

.pr-33 {
    padding-right: 33px;
}

.pr-34 {
    padding-right: 34px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-36 {
    padding-right: 36px;
}

.pr-37 {
    padding-right: 37px;
}

.pr-38 {
    padding-right: 38px;
}

.pr-39 {
    padding-right: 39px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-41 {
    padding-right: 41px;
}

.pr-42 {
    padding-right: 42px;
}

.pr-43 {
    padding-right: 43px;
}

.pr-44 {
    padding-right: 44px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-46 {
    padding-right: 46px;
}

.pr-47 {
    padding-right: 47px;
}

.pr-48 {
    padding-right: 48px;
}

.pr-49 {
    padding-right: 49px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-51 {
    padding-right: 51px;
}

.pr-52 {
    padding-right: 52px;
}

.pr-53 {
    padding-right: 53px;
}

.pr-54 {
    padding-right: 54px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-56 {
    padding-right: 56px;
}

.pr-57 {
    padding-right: 57px;
}

.pr-58 {
    padding-right: 58px;
}

.pr-59 {
    padding-right: 59px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-61 {
    padding-right: 61px;
}

.pr-62 {
    padding-right: 62px;
}

.pr-63 {
    padding-right: 63px;
}

.pr-64 {
    padding-right: 64px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-66 {
    padding-right: 66px;
}

.pr-67 {
    padding-right: 67px;
}

.pr-68 {
    padding-right: 68px;
}

.pr-69 {
    padding-right: 69px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-71 {
    padding-right: 71px;
}

.pr-72 {
    padding-right: 72px;
}

.pr-73 {
    padding-right: 73px;
}

.pr-74 {
    padding-right: 74px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-76 {
    padding-right: 76px;
}

.pr-77 {
    padding-right: 77px;
}

.pr-78 {
    padding-right: 78px;
}

.pr-79 {
    padding-right: 79px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-81 {
    padding-right: 81px;
}

.pr-82 {
    padding-right: 82px;
}

.pr-83 {
    padding-right: 83px;
}

.pr-84 {
    padding-right: 84px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-86 {
    padding-right: 86px;
}

.pr-87 {
    padding-right: 87px;
}

.pr-88 {
    padding-right: 88px;
}

.pr-89 {
    padding-right: 89px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-91 {
    padding-right: 91px;
}

.pr-92 {
    padding-right: 92px;
}

.pr-93 {
    padding-right: 93px;
}

.pr-94 {
    padding-right: 94px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-96 {
    padding-right: 96px;
}

.pr-97 {
    padding-right: 97px;
}

.pr-98 {
    padding-right: 98px;
}

.pr-99 {
    padding-right: 99px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-101 {
    padding-right: 101px;
}

.pr-102 {
    padding-right: 102px;
}

.pr-103 {
    padding-right: 103px;
}

.pr-104 {
    padding-right: 104px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-106 {
    padding-right: 106px;
}

.pr-107 {
    padding-right: 107px;
}

.pr-108 {
    padding-right: 108px;
}

.pr-109 {
    padding-right: 109px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-111 {
    padding-right: 111px;
}

.pr-112 {
    padding-right: 112px;
}

.pr-113 {
    padding-right: 113px;
}

.pr-114 {
    padding-right: 114px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-116 {
    padding-right: 116px;
}

.pr-117 {
    padding-right: 117px;
}

.pr-118 {
    padding-right: 118px;
}

.pr-119 {
    padding-right: 119px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-121 {
    padding-right: 121px;
}

.pr-122 {
    padding-right: 122px;
}

.pr-123 {
    padding-right: 123px;
}

.pr-124 {
    padding-right: 124px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-126 {
    padding-right: 126px;
}

.pr-127 {
    padding-right: 127px;
}

.pr-128 {
    padding-right: 128px;
}

.pr-129 {
    padding-right: 129px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-131 {
    padding-right: 131px;
}

.pr-132 {
    padding-right: 132px;
}

.pr-133 {
    padding-right: 133px;
}

.pr-134 {
    padding-right: 134px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-136 {
    padding-right: 136px;
}

.pr-137 {
    padding-right: 137px;
}

.pr-138 {
    padding-right: 138px;
}

.pr-139 {
    padding-right: 139px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-141 {
    padding-right: 141px;
}

.pr-142 {
    padding-right: 142px;
}

.pr-143 {
    padding-right: 143px;
}

.pr-144 {
    padding-right: 144px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-146 {
    padding-right: 146px;
}

.pr-147 {
    padding-right: 147px;
}

.pr-148 {
    padding-right: 148px;
}

.pr-149 {
    padding-right: 149px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-151 {
    padding-right: 151px;
}

.pr-152 {
    padding-right: 152px;
}

.pr-153 {
    padding-right: 153px;
}

.pr-154 {
    padding-right: 154px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-156 {
    padding-right: 156px;
}

.pr-157 {
    padding-right: 157px;
}

.pr-158 {
    padding-right: 158px;
}

.pr-159 {
    padding-right: 159px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-161 {
    padding-right: 161px;
}

.pr-162 {
    padding-right: 162px;
}

.pr-163 {
    padding-right: 163px;
}

.pr-164 {
    padding-right: 164px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-166 {
    padding-right: 166px;
}

.pr-167 {
    padding-right: 167px;
}

.pr-168 {
    padding-right: 168px;
}

.pr-169 {
    padding-right: 169px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-171 {
    padding-right: 171px;
}

.pr-172 {
    padding-right: 172px;
}

.pr-173 {
    padding-right: 173px;
}

.pr-174 {
    padding-right: 174px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-176 {
    padding-right: 176px;
}

.pr-177 {
    padding-right: 177px;
}

.pr-178 {
    padding-right: 178px;
}

.pr-179 {
    padding-right: 179px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-181 {
    padding-right: 181px;
}

.pr-182 {
    padding-right: 182px;
}

.pr-183 {
    padding-right: 183px;
}

.pr-184 {
    padding-right: 184px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-186 {
    padding-right: 186px;
}

.pr-187 {
    padding-right: 187px;
}

.pr-188 {
    padding-right: 188px;
}

.pr-189 {
    padding-right: 189px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-191 {
    padding-right: 191px;
}

.pr-192 {
    padding-right: 192px;
}

.pr-193 {
    padding-right: 193px;
}

.pr-194 {
    padding-right: 194px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-196 {
    padding-right: 196px;
}

.pr-197 {
    padding-right: 197px;
}

.pr-198 {
    padding-right: 198px;
}

.pr-199 {
    padding-right: 199px;
}

.pr-200 {
    padding-right: 200px;
}

.pr-201 {
    padding-right: 201px;
}

.pr-202 {
    padding-right: 202px;
}

.pr-203 {
    padding-right: 203px;
}

.pr-204 {
    padding-right: 204px;
}

.pr-205 {
    padding-right: 205px;
}

.pr-206 {
    padding-right: 206px;
}

.pr-207 {
    padding-right: 207px;
}

.pr-208 {
    padding-right: 208px;
}

.pr-209 {
    padding-right: 209px;
}

.pr-210 {
    padding-right: 210px;
}

.pr-211 {
    padding-right: 211px;
}

.pr-212 {
    padding-right: 212px;
}

.pr-213 {
    padding-right: 213px;
}

.pr-214 {
    padding-right: 214px;
}

.pr-215 {
    padding-right: 215px;
}

.pr-216 {
    padding-right: 216px;
}

.pr-217 {
    padding-right: 217px;
}

.pr-218 {
    padding-right: 218px;
}

.pr-219 {
    padding-right: 219px;
}

.pr-220 {
    padding-right: 220px;
}

.pr-221 {
    padding-right: 221px;
}

.pr-222 {
    padding-right: 222px;
}

.pr-223 {
    padding-right: 223px;
}

.pr-224 {
    padding-right: 224px;
}

.pr-225 {
    padding-right: 225px;
}

.pr-226 {
    padding-right: 226px;
}

.pr-227 {
    padding-right: 227px;
}

.pr-228 {
    padding-right: 228px;
}

.pr-229 {
    padding-right: 229px;
}

.pr-230 {
    padding-right: 230px;
}

.pr-231 {
    padding-right: 231px;
}

.pr-232 {
    padding-right: 232px;
}

.pr-233 {
    padding-right: 233px;
}

.pr-234 {
    padding-right: 234px;
}

.pr-235 {
    padding-right: 235px;
}

.pr-236 {
    padding-right: 236px;
}

.pr-237 {
    padding-right: 237px;
}

.pr-238 {
    padding-right: 238px;
}

.pr-239 {
    padding-right: 239px;
}

.pr-240 {
    padding-right: 240px;
}

.pr-241 {
    padding-right: 241px;
}

.pr-242 {
    padding-right: 242px;
}

.pr-243 {
    padding-right: 243px;
}

.pr-244 {
    padding-right: 244px;
}

.pr-245 {
    padding-right: 245px;
}

.pr-246 {
    padding-right: 246px;
}

.pr-247 {
    padding-right: 247px;
}

.pr-248 {
    padding-right: 248px;
}

.pr-249 {
    padding-right: 249px;
}

.pr-250 {
    padding-right: 250px;
}

.pr-251 {
    padding-right: 251px;
}

.pr-252 {
    padding-right: 252px;
}

.pr-253 {
    padding-right: 253px;
}

.pr-254 {
    padding-right: 254px;
}

.pr-255 {
    padding-right: 255px;
}

.pr-256 {
    padding-right: 256px;
}

.pr-257 {
    padding-right: 257px;
}

.pr-258 {
    padding-right: 258px;
}

.pr-259 {
    padding-right: 259px;
}

.pr-260 {
    padding-right: 260px;
}

.pr-261 {
    padding-right: 261px;
}

.pr-262 {
    padding-right: 262px;
}

.pr-263 {
    padding-right: 263px;
}

.pr-264 {
    padding-right: 264px;
}

.pr-265 {
    padding-right: 265px;
}

.pr-266 {
    padding-right: 266px;
}

.pr-267 {
    padding-right: 267px;
}

.pr-268 {
    padding-right: 268px;
}

.pr-269 {
    padding-right: 269px;
}

.pr-270 {
    padding-right: 270px;
}

.pr-271 {
    padding-right: 271px;
}

.pr-272 {
    padding-right: 272px;
}

.pr-273 {
    padding-right: 273px;
}

.pr-274 {
    padding-right: 274px;
}

.pr-275 {
    padding-right: 275px;
}

.pr-276 {
    padding-right: 276px;
}

.pr-277 {
    padding-right: 277px;
}

.pr-278 {
    padding-right: 278px;
}

.pr-279 {
    padding-right: 279px;
}

.pr-280 {
    padding-right: 280px;
}

.pr-281 {
    padding-right: 281px;
}

.pr-282 {
    padding-right: 282px;
}

.pr-283 {
    padding-right: 283px;
}

.pr-284 {
    padding-right: 284px;
}

.pr-285 {
    padding-right: 285px;
}

.pr-286 {
    padding-right: 286px;
}

.pr-287 {
    padding-right: 287px;
}

.pr-288 {
    padding-right: 288px;
}

.pr-289 {
    padding-right: 289px;
}

.pr-290 {
    padding-right: 290px;
}

.pr-291 {
    padding-right: 291px;
}

.pr-292 {
    padding-right: 292px;
}

.pr-293 {
    padding-right: 293px;
}

.pr-294 {
    padding-right: 294px;
}

.pr-295 {
    padding-right: 295px;
}

.pr-296 {
    padding-right: 296px;
}

.pr-297 {
    padding-right: 297px;
}

.pr-298 {
    padding-right: 298px;
}

.pr-299 {
    padding-right: 299px;
}

.pr-300 {
    padding-right: 300px;
}

.pb-1 {
    padding-bottom: 1px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-3 {
    padding-bottom: 3px;
}

.pb-4 {
    padding-bottom: 4px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-6 {
    padding-bottom: 6px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-9 {
    padding-bottom: 9px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-11 {
    padding-bottom: 11px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-13 {
    padding-bottom: 13px;
}

.pb-14 {
    padding-bottom: 14px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-17 {
    padding-bottom: 17px;
}

.pb-18 {
    padding-bottom: 18px;
}

.pb-19 {
    padding-bottom: 19px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-21 {
    padding-bottom: 21px;
}

.pb-22 {
    padding-bottom: 22px;
}

.pb-23 {
    padding-bottom: 23px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-26 {
    padding-bottom: 26px;
}

.pb-27 {
    padding-bottom: 27px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pb-29 {
    padding-bottom: 29px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-31 {
    padding-bottom: 31px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-33 {
    padding-bottom: 33px;
}

.pb-34 {
    padding-bottom: 34px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-36 {
    padding-bottom: 36px;
}

.pb-37 {
    padding-bottom: 37px;
}

.pb-38 {
    padding-bottom: 38px;
}

.pb-39 {
    padding-bottom: 39px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-41 {
    padding-bottom: 41px;
}

.pb-42 {
    padding-bottom: 42px;
}

.pb-43 {
    padding-bottom: 43px;
}

.pb-44 {
    padding-bottom: 44px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-46 {
    padding-bottom: 46px;
}

.pb-47 {
    padding-bottom: 47px;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-49 {
    padding-bottom: 49px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-51 {
    padding-bottom: 51px;
}

.pb-52 {
    padding-bottom: 52px;
}

.pb-53 {
    padding-bottom: 53px;
}

.pb-54 {
    padding-bottom: 54px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-56 {
    padding-bottom: 56px;
}

.pb-57 {
    padding-bottom: 57px;
}

.pb-58 {
    padding-bottom: 58px;
}

.pb-59 {
    padding-bottom: 59px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-61 {
    padding-bottom: 61px;
}

.pb-62 {
    padding-bottom: 62px;
}

.pb-63 {
    padding-bottom: 63px;
}

.pb-64 {
    padding-bottom: 64px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-66 {
    padding-bottom: 66px;
}

.pb-67 {
    padding-bottom: 67px;
}

.pb-68 {
    padding-bottom: 68px;
}

.pb-69 {
    padding-bottom: 69px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-71 {
    padding-bottom: 71px;
}

.pb-72 {
    padding-bottom: 72px;
}

.pb-73 {
    padding-bottom: 73px;
}

.pb-74 {
    padding-bottom: 74px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-76 {
    padding-bottom: 76px;
}

.pb-77 {
    padding-bottom: 77px;
}

.pb-78 {
    padding-bottom: 78px;
}

.pb-79 {
    padding-bottom: 79px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-81 {
    padding-bottom: 81px;
}

.pb-82 {
    padding-bottom: 82px;
}

.pb-83 {
    padding-bottom: 83px;
}

.pb-84 {
    padding-bottom: 84px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-86 {
    padding-bottom: 86px;
}

.pb-87 {
    padding-bottom: 87px;
}

.pb-88 {
    padding-bottom: 88px;
}

.pb-89 {
    padding-bottom: 89px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-91 {
    padding-bottom: 91px;
}

.pb-92 {
    padding-bottom: 92px;
}

.pb-93 {
    padding-bottom: 93px;
}

.pb-94 {
    padding-bottom: 94px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-96 {
    padding-bottom: 96px;
}

.pb-97 {
    padding-bottom: 97px;
}

.pb-98 {
    padding-bottom: 98px;
}

.pb-99 {
    padding-bottom: 99px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-101 {
    padding-bottom: 101px;
}

.pb-102 {
    padding-bottom: 102px;
}

.pb-103 {
    padding-bottom: 103px;
}

.pb-104 {
    padding-bottom: 104px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-106 {
    padding-bottom: 106px;
}

.pb-107 {
    padding-bottom: 107px;
}

.pb-108 {
    padding-bottom: 108px;
}

.pb-109 {
    padding-bottom: 109px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-111 {
    padding-bottom: 111px;
}

.pb-112 {
    padding-bottom: 112px;
}

.pb-113 {
    padding-bottom: 113px;
}

.pb-114 {
    padding-bottom: 114px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-116 {
    padding-bottom: 116px;
}

.pb-117 {
    padding-bottom: 117px;
}

.pb-118 {
    padding-bottom: 118px;
}

.pb-119 {
    padding-bottom: 119px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-121 {
    padding-bottom: 121px;
}

.pb-122 {
    padding-bottom: 122px;
}

.pb-123 {
    padding-bottom: 123px;
}

.pb-124 {
    padding-bottom: 124px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-126 {
    padding-bottom: 126px;
}

.pb-127 {
    padding-bottom: 127px;
}

.pb-128 {
    padding-bottom: 128px;
}

.pb-129 {
    padding-bottom: 129px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-131 {
    padding-bottom: 131px;
}

.pb-132 {
    padding-bottom: 132px;
}

.pb-133 {
    padding-bottom: 133px;
}

.pb-134 {
    padding-bottom: 134px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-136 {
    padding-bottom: 136px;
}

.pb-137 {
    padding-bottom: 137px;
}

.pb-138 {
    padding-bottom: 138px;
}

.pb-139 {
    padding-bottom: 139px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-141 {
    padding-bottom: 141px;
}

.pb-142 {
    padding-bottom: 142px;
}

.pb-143 {
    padding-bottom: 143px;
}

.pb-144 {
    padding-bottom: 144px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-146 {
    padding-bottom: 146px;
}

.pb-147 {
    padding-bottom: 147px;
}

.pb-148 {
    padding-bottom: 148px;
}

.pb-149 {
    padding-bottom: 149px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-151 {
    padding-bottom: 151px;
}

.pb-152 {
    padding-bottom: 152px;
}

.pb-153 {
    padding-bottom: 153px;
}

.pb-154 {
    padding-bottom: 154px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-156 {
    padding-bottom: 156px;
}

.pb-157 {
    padding-bottom: 157px;
}

.pb-158 {
    padding-bottom: 158px;
}

.pb-159 {
    padding-bottom: 159px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-161 {
    padding-bottom: 161px;
}

.pb-162 {
    padding-bottom: 162px;
}

.pb-163 {
    padding-bottom: 163px;
}

.pb-164 {
    padding-bottom: 164px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-166 {
    padding-bottom: 166px;
}

.pb-167 {
    padding-bottom: 167px;
}

.pb-168 {
    padding-bottom: 168px;
}

.pb-169 {
    padding-bottom: 169px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-171 {
    padding-bottom: 171px;
}

.pb-172 {
    padding-bottom: 172px;
}

.pb-173 {
    padding-bottom: 173px;
}

.pb-174 {
    padding-bottom: 174px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-176 {
    padding-bottom: 176px;
}

.pb-177 {
    padding-bottom: 177px;
}

.pb-178 {
    padding-bottom: 178px;
}

.pb-179 {
    padding-bottom: 179px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-181 {
    padding-bottom: 181px;
}

.pb-182 {
    padding-bottom: 182px;
}

.pb-183 {
    padding-bottom: 183px;
}

.pb-184 {
    padding-bottom: 184px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-186 {
    padding-bottom: 186px;
}

.pb-187 {
    padding-bottom: 187px;
}

.pb-188 {
    padding-bottom: 188px;
}

.pb-189 {
    padding-bottom: 189px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-191 {
    padding-bottom: 191px;
}

.pb-192 {
    padding-bottom: 192px;
}

.pb-193 {
    padding-bottom: 193px;
}

.pb-194 {
    padding-bottom: 194px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-196 {
    padding-bottom: 196px;
}

.pb-197 {
    padding-bottom: 197px;
}

.pb-198 {
    padding-bottom: 198px;
}

.pb-199 {
    padding-bottom: 199px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pl-1 {
    padding-left: 1px;
}

.pl-2 {
    padding-left: 2px;
}

.pl-3 {
    padding-left: 3px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-6 {
    padding-left: 6px;
}

.pl-7 {
    padding-left: 7px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-9 {
    padding-left: 9px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-11 {
    padding-left: 11px;
}

.pl-12 {
    padding-left: 12px;
}

.pl-13 {
    padding-left: 13px;
}

.pl-14 {
    padding-left: 14px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-16 {
    padding-left: 16px;
}

.pl-17 {
    padding-left: 17px;
}

.pl-18 {
    padding-left: 18px;
}

.pl-19 {
    padding-left: 19px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-21 {
    padding-left: 21px;
}

.pl-22 {
    padding-left: 22px;
}

.pl-23 {
    padding-left: 23px;
}

.pl-24 {
    padding-left: 24px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-26 {
    padding-left: 26px;
}

.pl-27 {
    padding-left: 27px;
}

.pl-28 {
    padding-left: 28px;
}

.pl-29 {
    padding-left: 29px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-31 {
    padding-left: 31px;
}

.pl-32 {
    padding-left: 32px;
}

.pl-33 {
    padding-left: 33px;
}

.pl-34 {
    padding-left: 34px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-36 {
    padding-left: 36px;
}

.pl-37 {
    padding-left: 37px;
}

.pl-38 {
    padding-left: 38px;
}

.pl-39 {
    padding-left: 39px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-41 {
    padding-left: 41px;
}

.pl-42 {
    padding-left: 42px;
}

.pl-43 {
    padding-left: 43px;
}

.pl-44 {
    padding-left: 44px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-46 {
    padding-left: 46px;
}

.pl-47 {
    padding-left: 47px;
}

.pl-48 {
    padding-left: 48px;
}

.pl-49 {
    padding-left: 49px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-51 {
    padding-left: 51px;
}

.pl-52 {
    padding-left: 52px;
}

.pl-53 {
    padding-left: 53px;
}

.pl-54 {
    padding-left: 54px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-56 {
    padding-left: 56px;
}

.pl-57 {
    padding-left: 57px;
}

.pl-58 {
    padding-left: 58px;
}

.pl-59 {
    padding-left: 59px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-61 {
    padding-left: 61px;
}

.pl-62 {
    padding-left: 62px;
}

.pl-63 {
    padding-left: 63px;
}

.pl-64 {
    padding-left: 64px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-66 {
    padding-left: 66px;
}

.pl-67 {
    padding-left: 67px;
}

.pl-68 {
    padding-left: 68px;
}

.pl-69 {
    padding-left: 69px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-71 {
    padding-left: 71px;
}

.pl-72 {
    padding-left: 72px;
}

.pl-73 {
    padding-left: 73px;
}

.pl-74 {
    padding-left: 74px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-76 {
    padding-left: 76px;
}

.pl-77 {
    padding-left: 77px;
}

.pl-78 {
    padding-left: 78px;
}

.pl-79 {
    padding-left: 79px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-81 {
    padding-left: 81px;
}

.pl-82 {
    padding-left: 82px;
}

.pl-83 {
    padding-left: 83px;
}

.pl-84 {
    padding-left: 84px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-86 {
    padding-left: 86px;
}

.pl-87 {
    padding-left: 87px;
}

.pl-88 {
    padding-left: 88px;
}

.pl-89 {
    padding-left: 89px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-91 {
    padding-left: 91px;
}

.pl-92 {
    padding-left: 92px;
}

.pl-93 {
    padding-left: 93px;
}

.pl-94 {
    padding-left: 94px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-96 {
    padding-left: 96px;
}

.pl-97 {
    padding-left: 97px;
}

.pl-98 {
    padding-left: 98px;
}

.pl-99 {
    padding-left: 99px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-101 {
    padding-left: 101px;
}

.pl-102 {
    padding-left: 102px;
}

.pl-103 {
    padding-left: 103px;
}

.pl-104 {
    padding-left: 104px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-106 {
    padding-left: 106px;
}

.pl-107 {
    padding-left: 107px;
}

.pl-108 {
    padding-left: 108px;
}

.pl-109 {
    padding-left: 109px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-111 {
    padding-left: 111px;
}

.pl-112 {
    padding-left: 112px;
}

.pl-113 {
    padding-left: 113px;
}

.pl-114 {
    padding-left: 114px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-116 {
    padding-left: 116px;
}

.pl-117 {
    padding-left: 117px;
}

.pl-118 {
    padding-left: 118px;
}

.pl-119 {
    padding-left: 119px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-121 {
    padding-left: 121px;
}

.pl-122 {
    padding-left: 122px;
}

.pl-123 {
    padding-left: 123px;
}

.pl-124 {
    padding-left: 124px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-126 {
    padding-left: 126px;
}

.pl-127 {
    padding-left: 127px;
}

.pl-128 {
    padding-left: 128px;
}

.pl-129 {
    padding-left: 129px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-131 {
    padding-left: 131px;
}

.pl-132 {
    padding-left: 132px;
}

.pl-133 {
    padding-left: 133px;
}

.pl-134 {
    padding-left: 134px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-136 {
    padding-left: 136px;
}

.pl-137 {
    padding-left: 137px;
}

.pl-138 {
    padding-left: 138px;
}

.pl-139 {
    padding-left: 139px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-141 {
    padding-left: 141px;
}

.pl-142 {
    padding-left: 142px;
}

.pl-143 {
    padding-left: 143px;
}

.pl-144 {
    padding-left: 144px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-146 {
    padding-left: 146px;
}

.pl-147 {
    padding-left: 147px;
}

.pl-148 {
    padding-left: 148px;
}

.pl-149 {
    padding-left: 149px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-151 {
    padding-left: 151px;
}

.pl-152 {
    padding-left: 152px;
}

.pl-153 {
    padding-left: 153px;
}

.pl-154 {
    padding-left: 154px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-156 {
    padding-left: 156px;
}

.pl-157 {
    padding-left: 157px;
}

.pl-158 {
    padding-left: 158px;
}

.pl-159 {
    padding-left: 159px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-161 {
    padding-left: 161px;
}

.pl-162 {
    padding-left: 162px;
}

.pl-163 {
    padding-left: 163px;
}

.pl-164 {
    padding-left: 164px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-166 {
    padding-left: 166px;
}

.pl-167 {
    padding-left: 167px;
}

.pl-168 {
    padding-left: 168px;
}

.pl-169 {
    padding-left: 169px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-171 {
    padding-left: 171px;
}

.pl-172 {
    padding-left: 172px;
}

.pl-173 {
    padding-left: 173px;
}

.pl-174 {
    padding-left: 174px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-176 {
    padding-left: 176px;
}

.pl-177 {
    padding-left: 177px;
}

.pl-178 {
    padding-left: 178px;
}

.pl-179 {
    padding-left: 179px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-181 {
    padding-left: 181px;
}

.pl-182 {
    padding-left: 182px;
}

.pl-183 {
    padding-left: 183px;
}

.pl-184 {
    padding-left: 184px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-186 {
    padding-left: 186px;
}

.pl-187 {
    padding-left: 187px;
}

.pl-188 {
    padding-left: 188px;
}

.pl-189 {
    padding-left: 189px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-191 {
    padding-left: 191px;
}

.pl-192 {
    padding-left: 192px;
}

.pl-193 {
    padding-left: 193px;
}

.pl-194 {
    padding-left: 194px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-196 {
    padding-left: 196px;
}

.pl-197 {
    padding-left: 197px;
}

.pl-198 {
    padding-left: 198px;
}

.pl-199 {
    padding-left: 199px;
}

.pl-200 {
    padding-left: 200px;
}

.pl-201 {
    padding-left: 201px;
}

.pl-202 {
    padding-left: 202px;
}

.pl-203 {
    padding-left: 203px;
}

.pl-204 {
    padding-left: 204px;
}

.pl-205 {
    padding-left: 205px;
}

.pl-206 {
    padding-left: 206px;
}

.pl-207 {
    padding-left: 207px;
}

.pl-208 {
    padding-left: 208px;
}

.pl-209 {
    padding-left: 209px;
}

.pl-210 {
    padding-left: 210px;
}

.pl-211 {
    padding-left: 211px;
}

.pl-212 {
    padding-left: 212px;
}

.pl-213 {
    padding-left: 213px;
}

.pl-214 {
    padding-left: 214px;
}

.pl-215 {
    padding-left: 215px;
}

.pl-216 {
    padding-left: 216px;
}

.pl-217 {
    padding-left: 217px;
}

.pl-218 {
    padding-left: 218px;
}

.pl-219 {
    padding-left: 219px;
}

.pl-220 {
    padding-left: 220px;
}

.pl-221 {
    padding-left: 221px;
}

.pl-222 {
    padding-left: 222px;
}

.pl-223 {
    padding-left: 223px;
}

.pl-224 {
    padding-left: 224px;
}

.pl-225 {
    padding-left: 225px;
}

.pl-226 {
    padding-left: 226px;
}

.pl-227 {
    padding-left: 227px;
}

.pl-228 {
    padding-left: 228px;
}

.pl-229 {
    padding-left: 229px;
}

.pl-230 {
    padding-left: 230px;
}

.pl-231 {
    padding-left: 231px;
}

.pl-232 {
    padding-left: 232px;
}

.pl-233 {
    padding-left: 233px;
}

.pl-234 {
    padding-left: 234px;
}

.pl-235 {
    padding-left: 235px;
}

.pl-236 {
    padding-left: 236px;
}

.pl-237 {
    padding-left: 237px;
}

.pl-238 {
    padding-left: 238px;
}

.pl-239 {
    padding-left: 239px;
}

.pl-240 {
    padding-left: 240px;
}

.pl-241 {
    padding-left: 241px;
}

.pl-242 {
    padding-left: 242px;
}

.pl-243 {
    padding-left: 243px;
}

.pl-244 {
    padding-left: 244px;
}

.pl-245 {
    padding-left: 245px;
}

.pl-246 {
    padding-left: 246px;
}

.pl-247 {
    padding-left: 247px;
}

.pl-248 {
    padding-left: 248px;
}

.pl-249 {
    padding-left: 249px;
}

.pl-250 {
    padding-left: 250px;
}

.pl-251 {
    padding-left: 251px;
}

.pl-252 {
    padding-left: 252px;
}

.pl-253 {
    padding-left: 253px;
}

.pl-254 {
    padding-left: 254px;
}

.pl-255 {
    padding-left: 255px;
}

.pl-256 {
    padding-left: 256px;
}

.pl-257 {
    padding-left: 257px;
}

.pl-258 {
    padding-left: 258px;
}

.pl-259 {
    padding-left: 259px;
}

.pl-260 {
    padding-left: 260px;
}

.pl-261 {
    padding-left: 261px;
}

.pl-262 {
    padding-left: 262px;
}

.pl-263 {
    padding-left: 263px;
}

.pl-264 {
    padding-left: 264px;
}

.pl-265 {
    padding-left: 265px;
}

.pl-266 {
    padding-left: 266px;
}

.pl-267 {
    padding-left: 267px;
}

.pl-268 {
    padding-left: 268px;
}

.pl-269 {
    padding-left: 269px;
}

.pl-270 {
    padding-left: 270px;
}

.pl-271 {
    padding-left: 271px;
}

.pl-272 {
    padding-left: 272px;
}

.pl-273 {
    padding-left: 273px;
}

.pl-274 {
    padding-left: 274px;
}

.pl-275 {
    padding-left: 275px;
}

.pl-276 {
    padding-left: 276px;
}

.pl-277 {
    padding-left: 277px;
}

.pl-278 {
    padding-left: 278px;
}

.pl-279 {
    padding-left: 279px;
}

.pl-280 {
    padding-left: 280px;
}

.pl-281 {
    padding-left: 281px;
}

.pl-282 {
    padding-left: 282px;
}

.pl-283 {
    padding-left: 283px;
}

.pl-284 {
    padding-left: 284px;
}

.pl-285 {
    padding-left: 285px;
}

.pl-286 {
    padding-left: 286px;
}

.pl-287 {
    padding-left: 287px;
}

.pl-288 {
    padding-left: 288px;
}

.pl-289 {
    padding-left: 289px;
}

.pl-290 {
    padding-left: 290px;
}

.pl-291 {
    padding-left: 291px;
}

.pl-292 {
    padding-left: 292px;
}

.pl-293 {
    padding-left: 293px;
}

.pl-294 {
    padding-left: 294px;
}

.pl-295 {
    padding-left: 295px;
}

.pl-296 {
    padding-left: 296px;
}

.pl-297 {
    padding-left: 297px;
}

.pl-298 {
    padding-left: 298px;
}

.pl-299 {
    padding-left: 299px;
}

.pl-300 {
    padding-left: 300px;
}

.mb-1 {
    margin-bottom: 1px;
}

.mb-2 {
    margin-bottom: 2px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-7 {
    margin-bottom: 7px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-9 {
    margin-bottom: 9px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-11 {
    margin-bottom: 11px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-13 {
    margin-bottom: 13px;
}

.mb-14 {
    margin-bottom: 14px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-17 {
    margin-bottom: 17px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-19 {
    margin-bottom: 19px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-21 {
    margin-bottom: 21px;
}

.mb-22 {
    margin-bottom: 22px;
}

.mb-23 {
    margin-bottom: 23px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-26 {
    margin-bottom: 26px;
}

.mb-27 {
    margin-bottom: 27px;
}

.mb-28 {
    margin-bottom: 28px;
}

.mb-29 {
    margin-bottom: 29px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-31 {
    margin-bottom: 31px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-33 {
    margin-bottom: 33px;
}

.mb-34 {
    margin-bottom: 34px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-36 {
    margin-bottom: 36px;
}

.mb-37 {
    margin-bottom: 37px;
}

.mb-38 {
    margin-bottom: 38px;
}

.mb-39 {
    margin-bottom: 39px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-41 {
    margin-bottom: 41px;
}

.mb-42 {
    margin-bottom: 42px;
}

.mb-43 {
    margin-bottom: 43px;
}

.mb-44 {
    margin-bottom: 44px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-46 {
    margin-bottom: 46px;
}

.mb-47 {
    margin-bottom: 47px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-49 {
    margin-bottom: 49px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-51 {
    margin-bottom: 51px;
}

.mb-52 {
    margin-bottom: 52px;
}

.mb-53 {
    margin-bottom: 53px;
}

.mb-54 {
    margin-bottom: 54px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-56 {
    margin-bottom: 56px;
}

.mb-57 {
    margin-bottom: 57px;
}

.mb-58 {
    margin-bottom: 58px;
}

.mb-59 {
    margin-bottom: 59px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-61 {
    margin-bottom: 61px;
}

.mb-62 {
    margin-bottom: 62px;
}

.mb-63 {
    margin-bottom: 63px;
}

.mb-64 {
    margin-bottom: 64px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-66 {
    margin-bottom: 66px;
}

.mb-67 {
    margin-bottom: 67px;
}

.mb-68 {
    margin-bottom: 68px;
}

.mb-69 {
    margin-bottom: 69px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-71 {
    margin-bottom: 71px;
}

.mb-72 {
    margin-bottom: 72px;
}

.mb-73 {
    margin-bottom: 73px;
}

.mb-74 {
    margin-bottom: 74px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-76 {
    margin-bottom: 76px;
}

.mb-77 {
    margin-bottom: 77px;
}

.mb-78 {
    margin-bottom: 78px;
}

.mb-79 {
    margin-bottom: 79px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-81 {
    margin-bottom: 81px;
}

.mb-82 {
    margin-bottom: 82px;
}

.mb-83 {
    margin-bottom: 83px;
}

.mb-84 {
    margin-bottom: 84px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-86 {
    margin-bottom: 86px;
}

.mb-87 {
    margin-bottom: 87px;
}

.mb-88 {
    margin-bottom: 88px;
}

.mb-89 {
    margin-bottom: 89px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-91 {
    margin-bottom: 91px;
}

.mb-92 {
    margin-bottom: 92px;
}

.mb-93 {
    margin-bottom: 93px;
}

.mb-94 {
    margin-bottom: 94px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-96 {
    margin-bottom: 96px;
}

.mb-97 {
    margin-bottom: 97px;
}

.mb-98 {
    margin-bottom: 98px;
}

.mb-99 {
    margin-bottom: 99px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-101 {
    margin-bottom: 101px;
}

.mb-102 {
    margin-bottom: 102px;
}

.mb-103 {
    margin-bottom: 103px;
}

.mb-104 {
    margin-bottom: 104px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-106 {
    margin-bottom: 106px;
}

.mb-107 {
    margin-bottom: 107px;
}

.mb-108 {
    margin-bottom: 108px;
}

.mb-109 {
    margin-bottom: 109px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-111 {
    margin-bottom: 111px;
}

.mb-112 {
    margin-bottom: 112px;
}

.mb-113 {
    margin-bottom: 113px;
}

.mb-114 {
    margin-bottom: 114px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-116 {
    margin-bottom: 116px;
}

.mb-117 {
    margin-bottom: 117px;
}

.mb-118 {
    margin-bottom: 118px;
}

.mb-119 {
    margin-bottom: 119px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-121 {
    margin-bottom: 121px;
}

.mb-122 {
    margin-bottom: 122px;
}

.mb-123 {
    margin-bottom: 123px;
}

.mb-124 {
    margin-bottom: 124px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-126 {
    margin-bottom: 126px;
}

.mb-127 {
    margin-bottom: 127px;
}

.mb-128 {
    margin-bottom: 128px;
}

.mb-129 {
    margin-bottom: 129px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-131 {
    margin-bottom: 131px;
}

.mb-132 {
    margin-bottom: 132px;
}

.mb-133 {
    margin-bottom: 133px;
}

.mb-134 {
    margin-bottom: 134px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-136 {
    margin-bottom: 136px;
}

.mb-137 {
    margin-bottom: 137px;
}

.mb-138 {
    margin-bottom: 138px;
}

.mb-139 {
    margin-bottom: 139px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-141 {
    margin-bottom: 141px;
}

.mb-142 {
    margin-bottom: 142px;
}

.mb-143 {
    margin-bottom: 143px;
}

.mb-144 {
    margin-bottom: 144px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-146 {
    margin-bottom: 146px;
}

.mb-147 {
    margin-bottom: 147px;
}

.mb-148 {
    margin-bottom: 148px;
}

.mb-149 {
    margin-bottom: 149px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-151 {
    margin-bottom: 151px;
}

.mb-152 {
    margin-bottom: 152px;
}

.mb-153 {
    margin-bottom: 153px;
}

.mb-154 {
    margin-bottom: 154px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-156 {
    margin-bottom: 156px;
}

.mb-157 {
    margin-bottom: 157px;
}

.mb-158 {
    margin-bottom: 158px;
}

.mb-159 {
    margin-bottom: 159px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-161 {
    margin-bottom: 161px;
}

.mb-162 {
    margin-bottom: 162px;
}

.mb-163 {
    margin-bottom: 163px;
}

.mb-164 {
    margin-bottom: 164px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-166 {
    margin-bottom: 166px;
}

.mb-167 {
    margin-bottom: 167px;
}

.mb-168 {
    margin-bottom: 168px;
}

.mb-169 {
    margin-bottom: 169px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-171 {
    margin-bottom: 171px;
}

.mb-172 {
    margin-bottom: 172px;
}

.mb-173 {
    margin-bottom: 173px;
}

.mb-174 {
    margin-bottom: 174px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-176 {
    margin-bottom: 176px;
}

.mb-177 {
    margin-bottom: 177px;
}

.mb-178 {
    margin-bottom: 178px;
}

.mb-179 {
    margin-bottom: 179px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-181 {
    margin-bottom: 181px;
}

.mb-182 {
    margin-bottom: 182px;
}

.mb-183 {
    margin-bottom: 183px;
}

.mb-184 {
    margin-bottom: 184px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-186 {
    margin-bottom: 186px;
}

.mb-187 {
    margin-bottom: 187px;
}

.mb-188 {
    margin-bottom: 188px;
}

.mb-189 {
    margin-bottom: 189px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-191 {
    margin-bottom: 191px;
}

.mb-192 {
    margin-bottom: 192px;
}

.mb-193 {
    margin-bottom: 193px;
}

.mb-194 {
    margin-bottom: 194px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-196 {
    margin-bottom: 196px;
}

.mb-197 {
    margin-bottom: 197px;
}

.mb-198 {
    margin-bottom: 198px;
}

.mb-199 {
    margin-bottom: 199px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mr-1 {
    margin-right: 1px;
}

.mr-2 {
    margin-right: 2px;
}

.mr-3 {
    margin-right: 3px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-6 {
    margin-right: 6px;
}

.mr-7 {
    margin-right: 7px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-9 {
    margin-right: 9px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-11 {
    margin-right: 11px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-13 {
    margin-right: 13px;
}

.mr-14 {
    margin-right: 14px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-17 {
    margin-right: 17px;
}

.mr-18 {
    margin-right: 18px;
}

.mr-19 {
    margin-right: 19px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-21 {
    margin-right: 21px;
}

.mr-22 {
    margin-right: 22px;
}

.mr-23 {
    margin-right: 23px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-26 {
    margin-right: 26px;
}

.mr-27 {
    margin-right: 27px;
}

.mr-28 {
    margin-right: 28px;
}

.mr-29 {
    margin-right: 29px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-31 {
    margin-right: 31px;
}

.mr-32 {
    margin-right: 32px;
}

.mr-33 {
    margin-right: 33px;
}

.mr-34 {
    margin-right: 34px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-36 {
    margin-right: 36px;
}

.mr-37 {
    margin-right: 37px;
}

.mr-38 {
    margin-right: 38px;
}

.mr-39 {
    margin-right: 39px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-41 {
    margin-right: 41px;
}

.mr-42 {
    margin-right: 42px;
}

.mr-43 {
    margin-right: 43px;
}

.mr-44 {
    margin-right: 44px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-46 {
    margin-right: 46px;
}

.mr-47 {
    margin-right: 47px;
}

.mr-48 {
    margin-right: 48px;
}

.mr-49 {
    margin-right: 49px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-51 {
    margin-right: 51px;
}

.mr-52 {
    margin-right: 52px;
}

.mr-53 {
    margin-right: 53px;
}

.mr-54 {
    margin-right: 54px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-56 {
    margin-right: 56px;
}

.mr-57 {
    margin-right: 57px;
}

.mr-58 {
    margin-right: 58px;
}

.mr-59 {
    margin-right: 59px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-61 {
    margin-right: 61px;
}

.mr-62 {
    margin-right: 62px;
}

.mr-63 {
    margin-right: 63px;
}

.mr-64 {
    margin-right: 64px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-66 {
    margin-right: 66px;
}

.mr-67 {
    margin-right: 67px;
}

.mr-68 {
    margin-right: 68px;
}

.mr-69 {
    margin-right: 69px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-71 {
    margin-right: 71px;
}

.mr-72 {
    margin-right: 72px;
}

.mr-73 {
    margin-right: 73px;
}

.mr-74 {
    margin-right: 74px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-76 {
    margin-right: 76px;
}

.mr-77 {
    margin-right: 77px;
}

.mr-78 {
    margin-right: 78px;
}

.mr-79 {
    margin-right: 79px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-81 {
    margin-right: 81px;
}

.mr-82 {
    margin-right: 82px;
}

.mr-83 {
    margin-right: 83px;
}

.mr-84 {
    margin-right: 84px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-86 {
    margin-right: 86px;
}

.mr-87 {
    margin-right: 87px;
}

.mr-88 {
    margin-right: 88px;
}

.mr-89 {
    margin-right: 89px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-91 {
    margin-right: 91px;
}

.mr-92 {
    margin-right: 92px;
}

.mr-93 {
    margin-right: 93px;
}

.mr-94 {
    margin-right: 94px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-96 {
    margin-right: 96px;
}

.mr-97 {
    margin-right: 97px;
}

.mr-98 {
    margin-right: 98px;
}

.mr-99 {
    margin-right: 99px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-101 {
    margin-right: 101px;
}

.mr-102 {
    margin-right: 102px;
}

.mr-103 {
    margin-right: 103px;
}

.mr-104 {
    margin-right: 104px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-106 {
    margin-right: 106px;
}

.mr-107 {
    margin-right: 107px;
}

.mr-108 {
    margin-right: 108px;
}

.mr-109 {
    margin-right: 109px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-111 {
    margin-right: 111px;
}

.mr-112 {
    margin-right: 112px;
}

.mr-113 {
    margin-right: 113px;
}

.mr-114 {
    margin-right: 114px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-116 {
    margin-right: 116px;
}

.mr-117 {
    margin-right: 117px;
}

.mr-118 {
    margin-right: 118px;
}

.mr-119 {
    margin-right: 119px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-121 {
    margin-right: 121px;
}

.mr-122 {
    margin-right: 122px;
}

.mr-123 {
    margin-right: 123px;
}

.mr-124 {
    margin-right: 124px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-126 {
    margin-right: 126px;
}

.mr-127 {
    margin-right: 127px;
}

.mr-128 {
    margin-right: 128px;
}

.mr-129 {
    margin-right: 129px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-131 {
    margin-right: 131px;
}

.mr-132 {
    margin-right: 132px;
}

.mr-133 {
    margin-right: 133px;
}

.mr-134 {
    margin-right: 134px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-136 {
    margin-right: 136px;
}

.mr-137 {
    margin-right: 137px;
}

.mr-138 {
    margin-right: 138px;
}

.mr-139 {
    margin-right: 139px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-141 {
    margin-right: 141px;
}

.mr-142 {
    margin-right: 142px;
}

.mr-143 {
    margin-right: 143px;
}

.mr-144 {
    margin-right: 144px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-146 {
    margin-right: 146px;
}

.mr-147 {
    margin-right: 147px;
}

.mr-148 {
    margin-right: 148px;
}

.mr-149 {
    margin-right: 149px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-151 {
    margin-right: 151px;
}

.mr-152 {
    margin-right: 152px;
}

.mr-153 {
    margin-right: 153px;
}

.mr-154 {
    margin-right: 154px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-156 {
    margin-right: 156px;
}

.mr-157 {
    margin-right: 157px;
}

.mr-158 {
    margin-right: 158px;
}

.mr-159 {
    margin-right: 159px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-161 {
    margin-right: 161px;
}

.mr-162 {
    margin-right: 162px;
}

.mr-163 {
    margin-right: 163px;
}

.mr-164 {
    margin-right: 164px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-166 {
    margin-right: 166px;
}

.mr-167 {
    margin-right: 167px;
}

.mr-168 {
    margin-right: 168px;
}

.mr-169 {
    margin-right: 169px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-171 {
    margin-right: 171px;
}

.mr-172 {
    margin-right: 172px;
}

.mr-173 {
    margin-right: 173px;
}

.mr-174 {
    margin-right: 174px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-176 {
    margin-right: 176px;
}

.mr-177 {
    margin-right: 177px;
}

.mr-178 {
    margin-right: 178px;
}

.mr-179 {
    margin-right: 179px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-181 {
    margin-right: 181px;
}

.mr-182 {
    margin-right: 182px;
}

.mr-183 {
    margin-right: 183px;
}

.mr-184 {
    margin-right: 184px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-186 {
    margin-right: 186px;
}

.mr-187 {
    margin-right: 187px;
}

.mr-188 {
    margin-right: 188px;
}

.mr-189 {
    margin-right: 189px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-191 {
    margin-right: 191px;
}

.mr-192 {
    margin-right: 192px;
}

.mr-193 {
    margin-right: 193px;
}

.mr-194 {
    margin-right: 194px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-196 {
    margin-right: 196px;
}

.mr-197 {
    margin-right: 197px;
}

.mr-198 {
    margin-right: 198px;
}

.mr-199 {
    margin-right: 199px;
}

.mr-200 {
    margin-right: 200px;
}

.mt-1 {
    margin-top: 1px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-9 {
    margin-top: 9px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-11 {
    margin-top: 11px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-13 {
    margin-top: 13px;
}

.mt-14 {
    margin-top: 14px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-17 {
    margin-top: 17px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-19 {
    margin-top: 19px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-21 {
    margin-top: 21px;
}

.mt-22 {
    margin-top: 22px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-26 {
    margin-top: 26px;
}

.mt-27 {
    margin-top: 27px;
}

.mt-28 {
    margin-top: 28px;
}

.mt-29 {
    margin-top: 29px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-31 {
    margin-top: 31px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-33 {
    margin-top: 33px;
}

.mt-34 {
    margin-top: 34px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-36 {
    margin-top: 36px;
}

.mt-37 {
    margin-top: 37px;
}

.mt-38 {
    margin-top: 38px;
}

.mt-39 {
    margin-top: 39px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-41 {
    margin-top: 41px;
}

.mt-42 {
    margin-top: 42px;
}

.mt-43 {
    margin-top: 43px;
}

.mt-44 {
    margin-top: 44px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-46 {
    margin-top: 46px;
}

.mt-47 {
    margin-top: 47px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-49 {
    margin-top: 49px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-51 {
    margin-top: 51px;
}

.mt-52 {
    margin-top: 52px;
}

.mt-53 {
    margin-top: 53px;
}

.mt-54 {
    margin-top: 54px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-56 {
    margin-top: 56px;
}

.mt-57 {
    margin-top: 57px;
}

.mt-58 {
    margin-top: 58px;
}

.mt-59 {
    margin-top: 59px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-61 {
    margin-top: 61px;
}

.mt-62 {
    margin-top: 62px;
}

.mt-63 {
    margin-top: 63px;
}

.mt-64 {
    margin-top: 64px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-66 {
    margin-top: 66px;
}

.mt-67 {
    margin-top: 67px;
}

.mt-68 {
    margin-top: 68px;
}

.mt-69 {
    margin-top: 69px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-71 {
    margin-top: 71px;
}

.mt-72 {
    margin-top: 72px;
}

.mt-73 {
    margin-top: 73px;
}

.mt-74 {
    margin-top: 74px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-76 {
    margin-top: 76px;
}

.mt-77 {
    margin-top: 77px;
}

.mt-78 {
    margin-top: 78px;
}

.mt-79 {
    margin-top: 79px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-81 {
    margin-top: 81px;
}

.mt-82 {
    margin-top: 82px;
}

.mt-83 {
    margin-top: 83px;
}

.mt-84 {
    margin-top: 84px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-86 {
    margin-top: 86px;
}

.mt-87 {
    margin-top: 87px;
}

.mt-88 {
    margin-top: 88px;
}

.mt-89 {
    margin-top: 89px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-91 {
    margin-top: 91px;
}

.mt-92 {
    margin-top: 92px;
}

.mt-93 {
    margin-top: 93px;
}

.mt-94 {
    margin-top: 94px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-96 {
    margin-top: 96px;
}

.mt-97 {
    margin-top: 97px;
}

.mt-98 {
    margin-top: 98px;
}

.mt-99 {
    margin-top: 99px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-101 {
    margin-top: 101px;
}

.mt-102 {
    margin-top: 102px;
}

.mt-103 {
    margin-top: 103px;
}

.mt-104 {
    margin-top: 104px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-106 {
    margin-top: 106px;
}

.mt-107 {
    margin-top: 107px;
}

.mt-108 {
    margin-top: 108px;
}

.mt-109 {
    margin-top: 109px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-111 {
    margin-top: 111px;
}

.mt-112 {
    margin-top: 112px;
}

.mt-113 {
    margin-top: 113px;
}

.mt-114 {
    margin-top: 114px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-116 {
    margin-top: 116px;
}

.mt-117 {
    margin-top: 117px;
}

.mt-118 {
    margin-top: 118px;
}

.mt-119 {
    margin-top: 119px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-121 {
    margin-top: 121px;
}

.mt-122 {
    margin-top: 122px;
}

.mt-123 {
    margin-top: 123px;
}

.mt-124 {
    margin-top: 124px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-126 {
    margin-top: 126px;
}

.mt-127 {
    margin-top: 127px;
}

.mt-128 {
    margin-top: 128px;
}

.mt-129 {
    margin-top: 129px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-131 {
    margin-top: 131px;
}

.mt-132 {
    margin-top: 132px;
}

.mt-133 {
    margin-top: 133px;
}

.mt-134 {
    margin-top: 134px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-136 {
    margin-top: 136px;
}

.mt-137 {
    margin-top: 137px;
}

.mt-138 {
    margin-top: 138px;
}

.mt-139 {
    margin-top: 139px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-141 {
    margin-top: 141px;
}

.mt-142 {
    margin-top: 142px;
}

.mt-143 {
    margin-top: 143px;
}

.mt-144 {
    margin-top: 144px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-146 {
    margin-top: 146px;
}

.mt-147 {
    margin-top: 147px;
}

.mt-148 {
    margin-top: 148px;
}

.mt-149 {
    margin-top: 149px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-151 {
    margin-top: 151px;
}

.mt-152 {
    margin-top: 152px;
}

.mt-153 {
    margin-top: 153px;
}

.mt-154 {
    margin-top: 154px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-156 {
    margin-top: 156px;
}

.mt-157 {
    margin-top: 157px;
}

.mt-158 {
    margin-top: 158px;
}

.mt-159 {
    margin-top: 159px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-161 {
    margin-top: 161px;
}

.mt-162 {
    margin-top: 162px;
}

.mt-163 {
    margin-top: 163px;
}

.mt-164 {
    margin-top: 164px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-166 {
    margin-top: 166px;
}

.mt-167 {
    margin-top: 167px;
}

.mt-168 {
    margin-top: 168px;
}

.mt-169 {
    margin-top: 169px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-171 {
    margin-top: 171px;
}

.mt-172 {
    margin-top: 172px;
}

.mt-173 {
    margin-top: 173px;
}

.mt-174 {
    margin-top: 174px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-176 {
    margin-top: 176px;
}

.mt-177 {
    margin-top: 177px;
}

.mt-178 {
    margin-top: 178px;
}

.mt-179 {
    margin-top: 179px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-181 {
    margin-top: 181px;
}

.mt-182 {
    margin-top: 182px;
}

.mt-183 {
    margin-top: 183px;
}

.mt-184 {
    margin-top: 184px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-186 {
    margin-top: 186px;
}

.mt-187 {
    margin-top: 187px;
}

.mt-188 {
    margin-top: 188px;
}

.mt-189 {
    margin-top: 189px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-191 {
    margin-top: 191px;
}

.mt-192 {
    margin-top: 192px;
}

.mt-193 {
    margin-top: 193px;
}

.mt-194 {
    margin-top: 194px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-196 {
    margin-top: 196px;
}

.mt-197 {
    margin-top: 197px;
}

.mt-198 {
    margin-top: 198px;
}

.mt-199 {
    margin-top: 199px;
}

.mt-200 {
    margin-top: 200px;
}

.ml-1 {
    margin-left: 1px;
}

.ml-2 {
    margin-left: 2px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-4 {
    margin-left: 4px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-6 {
    margin-left: 6px;
}

.ml-7 {
    margin-left: 7px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-9 {
    margin-left: 9px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-11 {
    margin-left: 11px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-13 {
    margin-left: 13px;
}

.ml-14 {
    margin-left: 14px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-16 {
    margin-left: 16px;
}

.ml-17 {
    margin-left: 17px;
}

.ml-18 {
    margin-left: 18px;
}

.ml-19 {
    margin-left: 19px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-21 {
    margin-left: 21px;
}

.ml-22 {
    margin-left: 22px;
}

.ml-23 {
    margin-left: 23px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-26 {
    margin-left: 26px;
}

.ml-27 {
    margin-left: 27px;
}

.ml-28 {
    margin-left: 28px;
}

.ml-29 {
    margin-left: 29px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-31 {
    margin-left: 31px;
}

.ml-32 {
    margin-left: 32px;
}

.ml-33 {
    margin-left: 33px;
}

.ml-34 {
    margin-left: 34px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-36 {
    margin-left: 36px;
}

.ml-37 {
    margin-left: 37px;
}

.ml-38 {
    margin-left: 38px;
}

.ml-39 {
    margin-left: 39px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-41 {
    margin-left: 41px;
}

.ml-42 {
    margin-left: 42px;
}

.ml-43 {
    margin-left: 43px;
}

.ml-44 {
    margin-left: 44px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-46 {
    margin-left: 46px;
}

.ml-47 {
    margin-left: 47px;
}

.ml-48 {
    margin-left: 48px;
}

.ml-49 {
    margin-left: 49px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-51 {
    margin-left: 51px;
}

.ml-52 {
    margin-left: 52px;
}

.ml-53 {
    margin-left: 53px;
}

.ml-54 {
    margin-left: 54px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-56 {
    margin-left: 56px;
}

.ml-57 {
    margin-left: 57px;
}

.ml-58 {
    margin-left: 58px;
}

.ml-59 {
    margin-left: 59px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-61 {
    margin-left: 61px;
}

.ml-62 {
    margin-left: 62px;
}

.ml-63 {
    margin-left: 63px;
}

.ml-64 {
    margin-left: 64px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-66 {
    margin-left: 66px;
}

.ml-67 {
    margin-left: 67px;
}

.ml-68 {
    margin-left: 68px;
}

.ml-69 {
    margin-left: 69px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-71 {
    margin-left: 71px;
}

.ml-72 {
    margin-left: 72px;
}

.ml-73 {
    margin-left: 73px;
}

.ml-74 {
    margin-left: 74px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-76 {
    margin-left: 76px;
}

.ml-77 {
    margin-left: 77px;
}

.ml-78 {
    margin-left: 78px;
}

.ml-79 {
    margin-left: 79px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-81 {
    margin-left: 81px;
}

.ml-82 {
    margin-left: 82px;
}

.ml-83 {
    margin-left: 83px;
}

.ml-84 {
    margin-left: 84px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-86 {
    margin-left: 86px;
}

.ml-87 {
    margin-left: 87px;
}

.ml-88 {
    margin-left: 88px;
}

.ml-89 {
    margin-left: 89px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-91 {
    margin-left: 91px;
}

.ml-92 {
    margin-left: 92px;
}

.ml-93 {
    margin-left: 93px;
}

.ml-94 {
    margin-left: 94px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-96 {
    margin-left: 96px;
}

.ml-97 {
    margin-left: 97px;
}

.ml-98 {
    margin-left: 98px;
}

.ml-99 {
    margin-left: 99px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-101 {
    margin-left: 101px;
}

.ml-102 {
    margin-left: 102px;
}

.ml-103 {
    margin-left: 103px;
}

.ml-104 {
    margin-left: 104px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-106 {
    margin-left: 106px;
}

.ml-107 {
    margin-left: 107px;
}

.ml-108 {
    margin-left: 108px;
}

.ml-109 {
    margin-left: 109px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-111 {
    margin-left: 111px;
}

.ml-112 {
    margin-left: 112px;
}

.ml-113 {
    margin-left: 113px;
}

.ml-114 {
    margin-left: 114px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-116 {
    margin-left: 116px;
}

.ml-117 {
    margin-left: 117px;
}

.ml-118 {
    margin-left: 118px;
}

.ml-119 {
    margin-left: 119px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-121 {
    margin-left: 121px;
}

.ml-122 {
    margin-left: 122px;
}

.ml-123 {
    margin-left: 123px;
}

.ml-124 {
    margin-left: 124px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-126 {
    margin-left: 126px;
}

.ml-127 {
    margin-left: 127px;
}

.ml-128 {
    margin-left: 128px;
}

.ml-129 {
    margin-left: 129px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-131 {
    margin-left: 131px;
}

.ml-132 {
    margin-left: 132px;
}

.ml-133 {
    margin-left: 133px;
}

.ml-134 {
    margin-left: 134px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-136 {
    margin-left: 136px;
}

.ml-137 {
    margin-left: 137px;
}

.ml-138 {
    margin-left: 138px;
}

.ml-139 {
    margin-left: 139px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-141 {
    margin-left: 141px;
}

.ml-142 {
    margin-left: 142px;
}

.ml-143 {
    margin-left: 143px;
}

.ml-144 {
    margin-left: 144px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-146 {
    margin-left: 146px;
}

.ml-147 {
    margin-left: 147px;
}

.ml-148 {
    margin-left: 148px;
}

.ml-149 {
    margin-left: 149px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-151 {
    margin-left: 151px;
}

.ml-152 {
    margin-left: 152px;
}

.ml-153 {
    margin-left: 153px;
}

.ml-154 {
    margin-left: 154px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-156 {
    margin-left: 156px;
}

.ml-157 {
    margin-left: 157px;
}

.ml-158 {
    margin-left: 158px;
}

.ml-159 {
    margin-left: 159px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-161 {
    margin-left: 161px;
}

.ml-162 {
    margin-left: 162px;
}

.ml-163 {
    margin-left: 163px;
}

.ml-164 {
    margin-left: 164px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-166 {
    margin-left: 166px;
}

.ml-167 {
    margin-left: 167px;
}

.ml-168 {
    margin-left: 168px;
}

.ml-169 {
    margin-left: 169px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-171 {
    margin-left: 171px;
}

.ml-172 {
    margin-left: 172px;
}

.ml-173 {
    margin-left: 173px;
}

.ml-174 {
    margin-left: 174px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-176 {
    margin-left: 176px;
}

.ml-177 {
    margin-left: 177px;
}

.ml-178 {
    margin-left: 178px;
}

.ml-179 {
    margin-left: 179px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-181 {
    margin-left: 181px;
}

.ml-182 {
    margin-left: 182px;
}

.ml-183 {
    margin-left: 183px;
}

.ml-184 {
    margin-left: 184px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-186 {
    margin-left: 186px;
}

.ml-187 {
    margin-left: 187px;
}

.ml-188 {
    margin-left: 188px;
}

.ml-189 {
    margin-left: 189px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-191 {
    margin-left: 191px;
}

.ml-192 {
    margin-left: 192px;
}

.ml-193 {
    margin-left: 193px;
}

.ml-194 {
    margin-left: 194px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-196 {
    margin-left: 196px;
}

.ml-197 {
    margin-left: 197px;
}

.ml-198 {
    margin-left: 198px;
}

.ml-199 {
    margin-left: 199px;
}

.ml-200 {
    margin-left: 200px;
}

.tp-newsletter-m-100 {
    margin: 0 100px;
}

.ml-0 {
    margin-left: 0 !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

p {
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #57595c;
    margin-bottom: 15px;
    line-height: 26px;
}

p b {
    color: var(--tp-common-black);
}

span {
    font-family: "Poppins", sans-serif;
}

textarea {
    outline: none;
    background-color: transparent;
    height: 150px;
    width: 100%;
    line-height: 56px;
    font-size: 15px;
    color: var(--tp-common-black);
    border: 0;
    border-bottom: 1px solid #57595c;
    font-weight: 500;
    line-height: 1.4;
}

textarea::-webkit-input-placeholder {
    color: white;
}

textarea:-moz-placeholder {
    color: white;
}

textarea::-moz-placeholder {
    color: white;
}

textarea:-ms-input-placeholder {
    color: white;
}

textarea:focus {
    border-color: var(--tp-common-black);
}

textarea:focus::placeholder {
    opacity: 1;
}

textarea::placeholder {
    color: var(--tp-common-black);
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

input {
    outline: none;
    border: none;
    background: none;
    border-bottom: 1px solid;
    height: 56px;
    width: 100%;
}

* ::placeholder {
    color: var(--tp-common-black);
    font-size: 15px;
    opacity: 1;
    font-weight: 500;
    text-transform: uppercase;
}

::selection {
    color: #0d6efd;
    background-color: #212529;
}

.rs-header-top {
    padding: 20px 0;
    padding-top: 36px;
}

@media (max-width: 767px) {
    .rs-header-top {
        padding-top: 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-header-top {
        padding-top: 20px;
    }
}

.rs-header-notification {
    border-radius: 50px;
    background: var(--tp-grey-color);
    padding: 7px;
    margin-right: 8px;
    position: relative;
}

.alert-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 10px !important;
    font-weight: 500;
    color: #ffffff !important;
    background: var(--tp-red-color);
}

.rs-header-notification span {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.rs-header-notification cite {
    color: var(--tp-white-color);
    font-size: 8.531px;
    font-style: normal;
    font-weight: 700;
    background: var(--tp-red-color);
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    border-radius: 30px;
    margin-left: 4px;
}

.rs-header-heart {
    border-radius: 4px;
    background: var(--tp-grey-color);
    padding: 2px 7px;
    margin-right: 16px;
}

.rs-header-heart span {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.rs-header-heart cite {
    color: var(--tp-white-color);
    font-size: 8.531px;
    font-style: normal;
    font-weight: 700;
    background: var(--tp-red-color);
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    border-radius: 30px;
    margin-left: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-header-btn {
        padding: 5px 12px;
        height: 40px;
        font-size: 12px;
        line-height: 28px;
    }
}

.rs-header-btn svg {
    margin-left: 12px;
    transition: 0.3s ease-in-out;
    color: var(--tp-white-color);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.rs-header-btn .svg-register {
    margin-right: 12px;
    transition: 0.3s ease-in-out;
    color: var(--tp-white-color);
}

.rs-header-btn:hover svg {
    transform: rotate(-90deg);
    color: var(--tp-heading-color);
}

.rs-header-main-menu ul {
    display: flex;
    align-items: center;
}

.rs-header-main-menu ul > li {
    margin-right: 32px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-header-main-menu ul > li {
        margin-right: 25px;
    }
}

.rs-header-main-menu ul > li:hover > a {
    color: var(--tp-red-color);
}

.rs-header-main-menu ul > li:hover > a svg {
    color: var(--tp-red-color);
}

.rs-header-main-menu ul > li:hover > .rs-hero-dropdown__menu {
    opacity: 1;
    visibility: visible;
    top: 55px;
}

.rs-header-main-menu ul > li:hover > .rs-hero-dropdown__menu-2 {
    right: -187px;
    top: 11px;
    left: auto;
}

.rs-header-main-menu ul > li:last-child {
    margin-right: 0;
}

.rs-header-main-menu ul > li > a {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s linear;
}

.rs-header-main-menu ul > li > a svg {
    margin-left: 12px;
    color: var(--tp-heading-color);
    transition: 0.3s linear;
}

.rs-header-main-menu ul > li .rs-hero-dropdown__menu {
    top: 25px;
    left: 0;
    background: var(--tp-white-color);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 15px;
    border-radius: 5px;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s linear;
    z-index: 9;
    display: block;
}

.rs-header-main-menu ul > li .rs-hero-dropdown__menu li {
    margin-right: 0;
    position: relative;
    padding: 5px 0;
}

.rs-header-main-menu ul > li .rs-hero-dropdown__menu li a {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    display: block;
    transition: 0.3s linear;
    display: flex;
    align-items: center;
    gap: 5px;
}

.rs-header-main-menu ul > li .rs-hero-dropdown__menu li:hover > a {
    color: var(--tp-red-color);
}

.rs-header-main-menu ul > li .rs-hero-dropdown__menu li:hover > a svg {
    color: var(--tp-red-color);
}

.rs-header-main-menu
    ul
    > li
    .rs-hero-dropdown__menu
    li
    .rs-hero-dropdown__menu-2 {
    right: -240px;
    top: 0;
    left: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

.rs-header-main-menu
    ul
    > li
    .rs-hero-dropdown__menu
    li:hover
    > .rs-hero-dropdown__menu-2 {
    opacity: 1;
    visibility: visible;
    right: -258px;
    top: 5px;
}

.rs-header-main-menu ul > li .rs-hero-dropdown__menu-2 {
    right: -187px;
    top: 5px;
    left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-header-form {
        display: flex;
        align-items: center;
        gap: 16px;
    }
}

.rs-header-form form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-header-form form {
        flex: 0 0 90%;
    }
}

@media (max-width: 767px) {
    .rs-header-form form {
        flex: 0 0 83%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-header-form form {
        flex: 0 0 90%;
    }
}

.rs-header-form form input {
    border-radius: 4px 0 0 4px;
    background: var(--tp-grey-color);
    border: none;
    height: 48px;
    padding: 12px 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-header-form form input {
        height: 40px;
    }
}

.rs-header-form form input::placeholder {
    color: var(--tp-grey-color-2);
    font-size: 14px;
    font-weight: 400;
}

.rs-header-form form input:focus {
    border: 1px solid var(--tp-red-color);
    border-right: none;
}

.rs-header-form form input:focus::placeholder {
    color: transparent;
}

.rs-header-form form a {
    border-radius: 0 4px 4px 0;
    background: var(--tp-red-color);
    width: 56px;
    height: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-header-form form a {
        height: 40px;
        line-height: 38px;
    }
}

.rs-header-bottom {
    background: var(--White, #fff);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgb(246, 247, 249);
}

.rs-header-abtar {
    position: relative;
}

.rs-header-abtar::before {
    position: absolute;
    content: "";
    border-radius: 48px;
    border: 2px solid #dd5454;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rs-hero-dropdown__menu-icon {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tp-offcanvas-menu ul li {
    list-style: none;
    position: relative;
}

.tp-offcanvas-menu ul li:last-child a {
    border: 0;
}

.tp-offcanvas-menu ul li a {
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
}

.tp-offcanvas-menu ul li.active > a {
    color: var(--tp-secondary-color);
}

.tp-offcanvas-menu ul li.active > button.tp-sidemenu-close i {
    transform: rotate(90deg);
}

.tp-offcanvas-menu ul li .rs-hero-dropdown__menu {
    margin-left: 20px;
    display: none;
    position: inherit;
}

.tp-sidemenu-close {
    position: absolute;
    right: 0;
    top: 5px;
    border: 1px solid #ddd;
    font-size: 12px;
    width: 30px;
    height: 30px;
}

.tp-sidemenu-close i {
    transition: 0.3s;
}

.rs-footer-area {
    padding: 64px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .rs-footer-area {
        padding: 25px 0;
    }
}

@media (max-width: 767px) {
    .rs-footer-area-2 {
        padding-bottom: 135px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-footer-area-2 {
        padding-bottom: 25px;
    }
}

@media (max-width: 400px) {
    .rs-footer-area-2 {
        padding-bottom: 205px;
    }
}

@media (max-width: 312px) {
    .rs-footer-area-2 {
        padding-bottom: 235px;
    }
}

@media (max-width: 767px) {
    .rs-footer-logo {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .rs-footer-social {
        justify-content: start !important;
    }
}

.rs-footer-social a {
    width: 40px;
    height: 40px;
    /* background: rgba(255, 255, 255, 0.15); */
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    transition: 0.2s ease-out;
}

.rs-footer-social a img {
    transition: 0.3s linear;
}

.rs-footer-social a:hover {
    /* background: var(--tp-red-color); */
    transform: scale(1.04);
}

.rs-footer-social a:hover img {
    /* filter: brightness(0) saturate(100%); */
}

@media (max-width: 767px) {
    .rs-footer-download-app {
        justify-content: start !important;
    }
}

.rs-footer-download-app a {
    background: var(--tp-white-color);
    width: 144px;
    height: 40px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

.rs-footer-top {
    border-bottom: 1px solid #363a44;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-footer-widget-3 {
        margin-left: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-footer-widget-3 {
        margin-left: -30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-footer-widget-2 {
        margin-left: -30px;
    }
}

.rs-footer-widget-title {
    color: var(--tp-white-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-footer-widget-title {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-footer-widget-title {
        margin-bottom: 10px;
        font-size: 18px;
    }
}

.rs-footer-widget-menu ul li {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-footer-widget-menu ul li {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 767px) {
    .rs-footer-widget-menu ul li {
        margin-bottom: 12px;
    }
}

.rs-footer-widget-menu ul li a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    transition: 0.3s linear;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-footer-widget-menu ul li a {
        font-size: 15px;
    }
}

.rs-footer-widget-menu ul li a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.8);
    left: 50%;
    transform: translateX(-50%);
    bottom: 1px;
    transition: 0.3s linear;
}

.rs-footer-widget-menu ul li a:hover {
    color: var(--tp-white-color);
}

.rs-footer-widget-menu ul li a:hover::after {
    width: 100%;
}

.rs-footer-contact a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 24px;
}

.rs-footer-contact a svg {
    flex: 0 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-footer-contact a {
        font-size: 15px;
        margin-bottom: 15px;
    }
}

.rs-footer-copyright-border {
    border-bottom: 2px solid #363a44;
    transform: translateY(-13px);
}

.rs-footer-copyright-border::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-45%);
    left: 0;
    background: #363a44;
    width: 10.5px;
    height: 10.5px;
    border-radius: 30px;
}

.rs-footer-copyright-border::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-45%);
    right: 0;
    background: #363a44;
    width: 10.5px;
    height: 10.5px;
    border-radius: 30px;
}

.rs-footer-copyright-text {
    color: #b3bac6;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    background: var(--tp-heading-color);
    padding: 0 24px;
}

.rs-footer-copyright-text a {
    color: var(--Gray-300, #b3bac6);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
    position: relative;
    transition: 0.3s linear;
}

.rs-footer-copyright-text a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.8);
    left: 50%;
    transform: translateX(-50%);
    bottom: 1px;
    transition: 0.3s linear;
}

.rs-footer-copyright-text a:hover {
    color: var(--tp-white-color);
}

.rs-footer-copyright-text a:hover::after {
    width: 100%;
}

@media (max-width: 767px) {
    .rs-footer-logo a img {
        width: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-footer-widget {
        margin-bottom: 33px;
    }
}

@media (max-width: 767px) {
    .rs-hero-area {
        padding-bottom: 55px;
    }
}

.rs-hero-sub-title span {
    color: var(--tp-heading-color);
    font-size: 32px;
    font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-hero-sub-title span {
        font-size: 27px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-hero-sub-title span {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .rs-hero-sub-title span {
        font-size: 18px;
    }
}

.rs-hero-title {
    color: var(--tp-red-color);
    font-size: 56px;
    font-weight: 600;
    line-height: 64px;
    margin-top: 16px;
    margin-bottom: 16px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-hero-title {
        font-size: 46px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-hero-title {
        font-size: 37px;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-hero-title {
        font-size: 45px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .rs-hero-title {
        font-size: 25px;
        line-height: 1;
        font-weight: 700;
        margin-top: 10px;
    }
}

.rs-hero-title span {
    color: var(--tp-heading-color);
    display: block;
    line-height: 64px;
    margin-top: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-hero-title span {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .rs-hero-title span {
        line-height: 1;
    }
}

.rs-hero-text {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .rs-hero-text br {
        display: none;
    }
}

.rs-hero-location {
    display: flex;
    align-items: center;
}

.rs-hero-location span {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

.rs-hero-location i {
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 8px 8px 32px 32px;
    background: var(--tp-red-color);
    margin-right: 5px;
}

.rs-hero-btn a {
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background: var(--tp-red-color);
    height: 56px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    padding: 12px 24px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s linear;
}

.rs-hero-btn a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--tp-grey-color-3);
    z-index: -1;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s linear;
    z-index: -1;
}

.rs-hero-btn a:hover svg {
    transform: rotate(-45deg);
}

.rs-hero-btn a:hover::before {
    opacity: 1;
    visibility: visible;
    width: 105%;
}

.rs-hero-btn a i {
    margin-left: 10px;
}

.rs-hero-btn a i svg {
    transition: 0.3s linear;
}

.rs-hero-big-img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -53%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    (max-width: 767px) {
    .rs-hero-big-img {
        transform: translate(-55%, -53%);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 767px) {
    .rs-hero-img.mr-25 {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 767px) {
    .rs-hero-img img.mb-25 {
        margin-bottom: 15px;
    }
}

.rs-hero-img-area {
    margin-right: -25px;
}

.rs-hero-img-shadow {
    position: relative;
}

.rs-hero-img-shadow::before {
    position: absolute;
    content: "";
    border-radius: 8px;
    border: 10px solid var(--tp-white-color);
    box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-hero-content {
        margin-top: 20px;
    }
}

.rs-hero-img-shadow {
    position: relative;
    border-radius: 8px;
}

.rs-hero-img-shadow::before {
    position: absolute;
    content: "";
    border-radius: 8px;
    border: 10px solid var(--tp-white-color);
    box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 11;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 767px) {
    .rs-hero-img-shadow::before {
        border: 7px solid var(--tp-white-color);
    }
}

#bigImage {
    width: 350px;
    height: 456px;
    object-fit: cover;
    border-radius: 8px;
    background: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #bigImage {
        width: 300px !important;
        height: 400px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #bigImage {
        width: 250px !important;
        height: 300px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #bigImage {
        width: 350px !important;
        height: 450px !important;
    }
}

@media (max-width: 767px) {
    #bigImage {
        width: 200px !important;
        height: 240px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #bigImage {
        width: 300px !important;
        height: 355px !important;
    }
}

@media only screen and (min-width: 460px) and (max-width: 575px) {
    #bigImage {
        width: 300px !important;
        height: 355px !important;
    }
}

#bigImage.fade-out {
    transform: scale(1.2);
}

.small-img {
    cursor: pointer;
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
}

@media (max-width: 576px) {
    .small-img {
        height: 120px;
    }
}

.image-clone {
    position: absolute;
    z-index: 5;
    border-radius: 8px;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .image-clone {
        width: 300px !important;
        height: 400px !important;
    }
}

.rs-category-area {
    border-bottom: 1px solid rgb(237, 238, 241);
}

@media (max-width: 767px) {
    .rs-category-area {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .rs-category-area .rs-section-title-wrapper {
        margin-bottom: 15px;
    }
}

.rs-category-wrapper {
    gap: 24px;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-category-wrapper {
        justify-content: center !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-category-wrapper {
        overflow-y: scroll;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }
}

.rs-category-title {
    margin-bottom: 0;
}

.rs-category-title a {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s linear;
    line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 767px) {
    .rs-category-title a {
        font-size: 12px;
    }
}

.rs-category-item {
    color: var(--tp-grey-color-3);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.rs-category-img {
    width: 140px;
    height: 100px;
    margin: auto;
    object-fit: cover;
}

.rs-category-img img {
    width: 140px;
    height: 100px;
    transition: 0.3s ease-in-out;
    object-fit: contain;
}

.rs-category-box {
    border-radius: 8px;
    background: var(--tp-white-color);
    padding: 12px 16px;
    width: 268px;
    position: relative;
    overflow: hidden;
    transition: 0.3s linear;
    flex: 0 0 260px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-category-box {
        flex: 0 0 260px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-category-box {
        flex: 0 0 215px;
        padding: 12px 10px;
    }
}

@media (max-width: 767px) {
    .rs-category-box {
        flex: 0 0 190px;
        padding: 12px 10px;
    }
}

.rs-category-box::before {
    position: absolute;
    content: "";
    width: 66px;
    height: 66px;
    background: #d92eae;
    filter: blur(200px);
    border-radius: 100%;
    right: -17.2px;
    bottom: -17px;
}

.rs-category-box::after {
    position: absolute;
    content: "";
    width: 66px;
    height: 66px;
    background: #d92eae;
    filter: blur(200px);
    border-radius: 100%;
    left: -17.2px;
    top: -17px;
}

.rs-category-box:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
}

.rs-category-box:hover .rs-category-title a {
    color: var(--tp-red-color);
}

.rs-category-box:hover .rs-category-img img {
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .rs-product-area {
        padding-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .rs-product-area .rs-section-title-wrapper {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .rs-product-area .rs-section-title-wrapper .rs-section-sub-title {
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .rs-product-top-btn {
        position: absolute;
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-top-btn {
        position: absolute;
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }
}

.rs-product-top-btn a {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    display: flex;
    width: 120px;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s linear;
}

@media (max-width: 767px) {
    .rs-product-top-btn a {
        display: block;
        width: 100%;
        padding: 0;
        line-height: 40px;
        text-align: center;
        margin: 0 12px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-top-btn a {
        padding: 10px;
        line-height: 20px;
    }
}

.rs-product-top-btn a svg {
    transition: 0.3s linear;
    color: var(--tp-red-color);
}

@media (max-width: 767px) {
    .rs-product-top-btn a svg {
        margin-left: 10px;
    }
}

.rs-product-top-btn a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--tp-red-color);
    z-index: -1;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s linear;
    z-index: -1;
}

.rs-product-top-btn a:hover {
    color: var(--tp-white-color);
}

.rs-product-top-btn a:hover svg {
    transform: rotate(-45deg);
    color: var(--tp-white-color);
}

.rs-product-top-btn a:hover::before {
    opacity: 1;
    visibility: visible;
    width: 105%;
}

.rs-product-box {
    margin-bottom: 14px;
    border-radius: 8px;
    border: 1px solid #edeef1;
    background: var(--tp-white-color);
    transition: 0.3s linear;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 767px) {
    .rs-product-box {
        width: 342px;
    }
}

@media (max-width: 767px) {
    .rs-product-box-2 {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 767px) {
    .rs-product-box-wishlist {
        width: 100%;
    }
}

@media (max-width: 445px) {
    .rs-product-box-3 {
        gap: 8px !important;
    }
}

@media (max-width: 395px) {
    .rs-product-box-3 {
        flex-wrap: wrap;
    }
}

@media (max-width: 395px) {
    .rs-product-box-3 .rs-product-thumb {
        width: 100%;
    }
}

@media (max-width: 395px) {
    .rs-product-box-3 .rs-product-thumb img {
        width: 100%;
        border-radius: 8px 8px 0 0 !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-box-message {
        margin-right: 0;
    }
}

@media (max-width: 395px) {
    .rs-product-box-message {
        height: auto;
    }
}

@media (max-width: 395px) {
    .rs-product-box-message img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover;
    }
}

.rs-product-box:hover {
    box-shadow: 0 2px 15px 0 #d3d9e0;
}

.rs-product-box:hover img {
    transform: scale(1.03);
}

.rs-product-content {
    padding: 12px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-content {
        padding: 9px;
    }
}

@media (max-width: 767px) {
    .rs-product-content-2 {
        padding: 8px !important;
    }
}

@media (max-width: 445px) {
    .rs-product-content-2 {
        padding-left: 0 !important;
    }
}

@media (max-width: 395px) {
    .rs-product-content-2 {
        padding-top: 0 !important;
        padding-left: 8px !important;
    }
}

@media (max-width: 767px) {
    .rs-product-thumb-4 {
        overflow: visible;
    }
}

.rs-product-thumb img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    transition: 0.2s linear;
    height: 250px;
    object-fit: cover;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-thumb img {
        height: 215px;
    }
}

.rs-product-thumb-loves {
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    backdrop-filter: blur(4px);
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.rs-product-thumb-loves a svg {
    margin-left: 2px;
}

.rs-product-thumb-love svg {
    transform: translateX(1.5px);
}

.rs-product-thumb-2 {
    height: -webkit-fill-available;
    flex: 0 0 auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-thumb-2 {
        flex: 0 0 27%;
    }
}

.rs-product-thumb-2 img {
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-thumb-2 img {
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-thumb-2 img {
        width: 150px;
    }
}

@media (max-width: 445px) {
    .rs-product-thumb-2 img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .rs-product-thumb-2 img {
        height: 100%;
        object-fit: cover;
        width: 150px;
    }
}

@media (max-width: 767px) {
    .rs-seler-profile-product-btn {
        padding: 0 !important;
        font-size: 12px !important;
    }
}

@media (max-width: 767px) and (max-width: 470px) {
    .rs-product-thumb-2 img {
        width: 120px;
    }
}

@media (max-width: 390px) {
    .rs-product-location-area {
        padding: 16px;
    }
}

.rs-product-location a {
    color: var(--tp-theme-color);
    font-size: 12px;
    font-weight: 400;
}

.rs-product-location svg {
    margin-right: 4px;
}

.rs-product-title {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    transition: 0.3s linear;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-title {
        font-size: 12px;
    }
}

.rs-product-title:hover {
    color: var(--tp-red-color);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-title-2 {
        font-size: 14px;
    }
}

@media (max-width: 445px) {
    .rs-product-title-2 {
        font-size: 12px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-title-2 {
        font-size: 12px;
    }
}

.rs-product-condition {
    color: #687387;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 445px) {
    .rs-product-condition {
        font-size: 10px;
    }
}

@media (max-width: 445px) and (max-width: 295px) {
    .rs-product-condition {
        flex-wrap: wrap;
    }
}

.rs-product-condition span {
    color: #687387;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-condition span {
        font-size: 11px;
    }
}

@media (max-width: 445px) {
    .rs-product-condition span {
        font-size: 10px;
    }
}

.rs-product-price b {
    color: var(--tp-red-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.rs-product-price span {
    color: #687387;
    font-size: 12px;
    line-height: 20px;
    display: flex;
}

.rs-product-price span svg {
    margin-right: 5px;
}

.rs-product-details-btn {
    color: #687387;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tp-grey-color);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12) inset;
    height: 40px;
    flex: 0 0 48%;
    text-align: center;
    line-height: 1.3;
    gap: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s linear;
}

.rs-product-details-btn-2 {
    padding: 0 67px;
}

.rs-product-details-btn svg {
    transition: 0.3s ease-out;
    color: #687387;
}

.rs-product-details-btn::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--tp-grey-color-3);
    z-index: -1;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s linear;
    z-index: -1;
}

.rs-product-details-btn:hover {
    color: var(--tp-white-color);
}

.rs-product-details-btn:hover svg {
    transform: rotate(-45deg);
    color: var(--tp-white-color);
}

.rs-product-details-btn:hover::before {
    opacity: 1;
    visibility: visible;
    width: 105%;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-details-btn {
        padding: 8px;
        flex: 0 0 47%;
        font-size: 12px;
        justify-content: center !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-details-btn svg {
        width: 16px;
    }
}

@media (max-width: 767px) {
    .rs-product-details-btn-3 {
        width: 16px;
        font-size: 0px;
        width: 24px;
        height: 24px !important;
        margin-left: 0;
        display: block !important;
        padding: 0;
        flex: 0 0 auto;
        line-height: 24px;
        border-radius: 4px;
        background: var(--Gray-50, #f6f7f9);
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12) inset;
        overflow: visible;
    }
}

.rs-product-details-btn-3::after {
    position: absolute;
    content: "details";
    font-size: 10px;
    font-weight: 500;
    font-family: var(--tp-font-heading);
    top: 0;
    left: -12px;
    width: 55px;
    height: 22px;
    background: var(--tp-grey-color-2);
    color: var(--tp-heading-color);
    border-radius: 5px;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s linear;
}

@media (max-width: 767px) {
    .rs-product-details-btn-3:hover::after {
        opacity: 1;
        visibility: visible;
        top: -22px;
    }
}

@media (max-width: 767px) {
    .rs-product-details-info {
        padding: 8px !important;
    }
}

@media (max-width: 767px) {
    .rs-product-details-info-bottom {
        flex-wrap: wrap;
    }
}

.rs-product-offer-btn {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 4px;
    background: var(--tp-red-color);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12) inset;
    height: 40px;
    flex: 0 0 48%;
    text-align: center;
    line-height: 1.3;
    gap: 10px;
}

.rs-product-offer-btn-2 {
    padding: 0 67px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-offer-btn {
        padding: 10px;
        flex: 0 0 47%;
        font-size: 12px;
        justify-content: center !important;
    }
}

@media (max-width: 350px) {
    .rs-product-offer-btn {
        width: 100%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-offer-btn svg {
        width: 16px;
    }
}

.rs-product-btn {
    gap: 12px;
}

.rs-product-btn-2 {
    position: relative;
    flex: 0 0 25%;
}

@media (max-width: 767px) {
    .rs-product-btn-2 {
        position: absolute;
        right: 8px;
        bottom: 10px;
        flex-direction: row !important;
        align-items: center;
        gap: 8px !important;
    }
}

@media (min-width: 1400px) and (max-width: 1420px) {
    .rs-product-btn-2 {
        flex: 0 0 22%;
    }
}

@media (min-width: 1421px) and (max-width: 1425px) {
    .rs-product-btn-2 {
        flex: 0 0 23%;
    }
}

.rs-product-btn-2::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 112px;
    background: #edeef1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

@media (max-width: 767px) {
    .rs-product-btn-2::before {
        display: none;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-product-btn-3 {
        padding: 0;
        font-size: 12px;
        flex: 0 0 20%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-btn-3 {
        padding: 0;
        font-size: 12px;
        margin-right: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-btn-3 {
        margin: 0 0 0 8px;
        padding: 0 7px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-btn-3 {
        margin: 0 10px;
        padding: 0 7px;
        font-size: 12px;
    }
}

.rs-product-head {
    background: var(--tp-grey-color);
    padding: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-head {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .rs-product-head-right {
        margin-top: 15px;
        gap: 5px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-head-right {
        margin-top: 10px;
        gap: 15px !important;
    }
}

@media (max-width: 390px) {
    .rs-product-head-right {
        justify-content: space-between;
    }
}

@media (max-width: 340px) {
    .rs-product-head-right {
        flex-wrap: wrap;
    }
}

.rs-product-head-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-head-title {
        font-weight: 700;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-product-price-menu {
        display: flex;
        align-items: center;
        justify-content: end;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 390px),
    (max-width: 767px) and (max-width: 390px) {
    .rs-product-price-menu {
        width: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 340px),
    (max-width: 767px) and (max-width: 340px) {
    .rs-product-price-menu {
        width: 100%;
    }
}

@media (max-width: 340px) {
    .rs-product-price-menu ul {
        width: 100%;
    }
}

.rs-product-price-menu ul > li {
    position: relative;
}

.rs-product-price-menu ul > li > a {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #edeef1;
    background: var(--tp-white-color);
    padding: 5px 18px;
    height: 32px;
    transition: 0.3s linear;
}

@media (max-width: 767px) {
    .rs-product-price-menu ul > li > a {
        font-size: 12px;
        padding: 5px 10px;
    }
}

@media (max-width: 390px) {
    .rs-product-price-menu ul > li > a {
        font-size: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-price-menu ul > li > a {
        font-size: 12px;
    }
}

@media (max-width: 340px) {
    .rs-product-price-menu ul > li > a {
        width: 100%;
        justify-content: center;
    }
}

.rs-product-price-menu ul > li:hover .rs-product-price-dropdown {
    opacity: 1;
    visibility: visible;
}

.rs-product-price-menu ul > li:hover > a {
    color: var(--tp-heading-color);
}

.rs-product-price-menu ul > li .rs-product-price-dropdown {
    position: absolute;
    top: 30px;
    left: 0;
    border: 1px solid #edeef1;
    border-top: none;
    background: var(--tp-white-color);
    padding: 8px 16px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s linear;
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    z-index: 2;
}

.rs-product-price-menu ul > li .rs-product-price-dropdown ul li a {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    border: transparent;
    line-height: 1.3;
    padding-right: 0;
}

.rs-product-price-menu ul > li .rs-product-price-dropdown ul li a:hover {
    color: var(--tp-theme-color);
}

@media (max-width: 767px) {
    .rs-product-price-2 {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .rs-product-price-2 b {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rs-product-menu-icon {
        gap: 5px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-menu-icon {
        gap: 15px !important;
    }
}

.rs-product-menu-icon a {
    border-radius: 4px;
    background: var(--tp-white-color);
    width: 32px;
    height: 32px;
    text-align: center;
}

@media (max-width: 340px) {
    .rs-product-menu-icon a {
        width: 50%;
    }
}

.rs-product-menu-icon a svg {
    color: var(--tp-heading-color);
    transition: none;
}

@media (max-width: 340px) {
    .rs-product-menu-icon {
        width: 100%;
    }
}

.rs-product-menu__icon.active svg {
    color: var(--tp-red-color);
    transition: none;
}

.rs-product-name {
    margin: 0 52px 25px 52px;
}

.rs-product-name button {
    color: #3d434f;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tp-grey-color);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 3px 14.5px;
    height: 40px;
}

.rs-product-name .swiper-slide.swiper-slide-active {
    margin-right: 0 !important;
    width: auto !important;
}

.rs-product-name .swiper-slide.swiper-slide-next {
    margin-right: 0 !important;
    width: auto !important;
}

.rs-product-name .swiper-slide {
    margin-right: 0 !important;
    flex: 0 0 auto;
    width: auto !important;
}

.rs-product-name .swiper-wrapper {
    gap: 16px;
}

.rs-product-button-next {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: var(--tp-theme-color);
    cursor: pointer;
    position: absolute;
    top: -65px;
    left: 0;
}

.rs-product-button-next-2 {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: var(--tp-heading-color);
    cursor: pointer;
    position: absolute;
    top: 222px;
    left: 0px;
    z-index: 9;
}

@media (max-width: 1400px), (max-width: 1450px) {
    .rs-product-button-next-2 {
        top: 212px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-button-next-2 {
        top: 173px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-button-next-2 {
        top: 187px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-button-next-2 {
        top: 210px;
    }
}

@media (max-width: 530px) {
    .rs-product-button-next-2 {
        top: 40%;
        transform: translateY(-46%);
    }
}

@media (max-width: 340px) {
    .rs-product-button-next-2 {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media (max-width: 369px) {
    .rs-product-button-next-2 {
        top: 25%;
        transform: translateY(-25%);
    }
}

@media (max-width: 340px) {
    .rs-product-button-next-2 svg {
        height: 12px;
    }
}

.rs-product-button-prev {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: var(--tp-theme-color);
    cursor: pointer;
    position: absolute;
    top: -65px;
    right: 0;
}

.rs-product-button-prev-2 {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: var(--tp-heading-color);
    cursor: pointer;
    position: absolute;
    top: 222px;
    right: 0px;
    z-index: 9;
    transform: rotate(180deg);
}

@media (max-width: 1400px), (max-width: 1450px) {
    .rs-product-button-prev-2 {
        top: 212px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-product-button-prev-2 {
        top: 173px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-button-prev-2 {
        top: 187px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-button-prev-2 {
        top: 210px;
    }
}

@media (max-width: 530px) {
    .rs-product-button-prev-2 {
        top: 40%;
        transform: translateY(-46%);
    }
}

@media (max-width: 340px) {
    .rs-product-button-prev-2 {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media (max-width: 369px) {
    .rs-product-button-prev-2 {
        top: 25%;
        transform: translateY(-25%);
    }
}

@media (max-width: 340px) {
    .rs-product-button-prev-2 svg {
        height: 12px;
    }
}

@media (max-width: 530px) {
    .rs-product-button-prev-2 svg {
        transform: rotate(180deg);
    }
}

.rs-product-button-prev svg {
    transform: rotate(180deg);
}

.rs-product-filter-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.rs-product-filter-head {
    background: var(--tp-grey-color);
    padding: 16px;
    border-radius: 8px 8px 0 0;
}

.rs-product-filter-accordion {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
    border: none;
    background: none;
    height: 32px;
}

.rs-product-time {
    color: var(--Gray-500, #687387) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

@media (max-width: 767px) {
    .rs-product-time-2 {
        flex: 1 0 0;
        margin-left: 0;
        text-align: end;
    }
}

@media (max-width: 767px) and (max-width: 295px) {
    .rs-product-time-2 {
        flex: 0 0 auto;
    }
}

@media (max-width: 445px) {
    .rs-product-time-2 {
        font-size: 10px !important;
    }
}

.rs-product-border {
    position: relative;
}

.rs-product-border::after {
    position: absolute;
    content: "";
    background: #edeef1;
    width: 1px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-border::after {
        right: -15px;
    }
}

@media (max-width: 767px) {
    .rs-product-border::after {
        right: -10px;
    }
}

@media (max-width: 445px) {
    .rs-product-border::after {
        display: none;
    }
}

.rs-product-make-offer {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background: var(--Light-Colors-White, #fff);
    border-radius: 20px;
    z-index: 99;
    padding: 24px;
    width: 500px;
}

@media (max-width: 767px) {
    .rs-product-make-offer {
        width: 90%;
        height: 70%;
        border-radius: 10px;
        z-index: 999;
        box-shadow: -2px 20px 8px 0px rgba(0, 0, 0, 0.16);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-make-offer {
        width: 70%;
        height: 70%;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .rs-product-make-offer-content {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}

.rs-product-make-offer-title {
    color: var(--Light-Font-Dark, #06161c);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.rs-product-make-offer p {
    color: var(--Light-Font-Dark, #06161c);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
}

.rs-product-make-offer label {
    color: var(--Black, #17181d);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    .rs-product-make-offer label {
        font-size: 14px;
        margin-bottom: 2px;
    }
}

.rs-product-make-offer input {
    border-radius: 8px;
    border: 1px solid var(--Gray-200, #d7dae0);
    background: var(--White, #fff);
    padding: 16px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .rs-product-make-offer input {
        height: 48px;
        font-size: 12px;
    }
}

.rs-product-make-offer input::placeholder {
    color: var(--Black, #17181d);
    font-size: 16px;
    font-weight: 400;
    color: var(--Gray-500, #687387);
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .rs-product-make-offer input::placeholder {
        font-size: 12px;
    }
}

.rs-product-make-offer input:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-product-make-offer input:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-product-make-offer input:focus::placeholder {
    color: transparent;
}

.rs-product-make-offer textarea {
    border-radius: 8px;
    border: 1px solid var(--Gray-200, #d7dae0);
    background: var(--White, #fff);
    padding: 16px;
}

@media (max-width: 767px) {
    .rs-product-make-offer textarea {
        padding: 10px;
    }
}

.rs-product-make-offer textarea::placeholder {
    color: var(--Gray-500, #687387);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .rs-product-make-offer textarea::placeholder {
        font-size: 12px;
    }
}

.rs-product-make-offer textarea:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-product-make-offer textarea:focus::placeholder {
    color: transparent;
}

.rs-product-make-offer button {
    color: var(--tp-white-color);
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    background: var(--Primary, #dd5454);
    width: 100%;
    height: 48px;
    margin-top: 16px;
    line-height: 48px;
}

.rs-product-make-offer-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 30px !important;
    height: 30px !important;
    margin-top: 0 !important;
    line-height: 35px !important;
}

.rs-product-make-offer-close i {
    transition: 0.3s linear;
    font-size: 18px;
}

.rs-product-make-offer-close:hover i {
    transform: rotate(-90deg);
}

@media (max-width: 767px) {
    .rs-product-make-offer-close {
        top: 15px;
        right: 15px;
    }
}

.rs-product-list-view-2.active {
    display: block !important;
}

.rs-product-list-view-1.active {
    display: block !important;
}

.love-icon path {
    fill: none;
    stroke: #17181d;
    stroke-width: 2;
    transition: all 0.3s ease;
    cursor: pointer;
}

.love-icon.active path {
    fill: var(--tp-red-color);
    stroke: none;
}

.rs-product-filter.active {
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    /* background: #fdf3f3; */
    background: color-mix(in srgb, var(--tp-theme-color) 10%, white 90%);
    color: var(--tp-heading-color);
}

.filter-box {
    border-radius: 0 0 8px 8px;
    padding: 16px;
    width: 100%;
    border: 1px solid rgb(237, 238, 241);
    border-top: 0;
}

.filter-title {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.btn-filter {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    background: var(--tp-red-color);
    border: none;
    padding: 0 13px;
    height: 32px;
}

.range-input {
    position: relative;
}

.range-input input::-webkit-slider-thumb {
    pointer-events: auto;
    appearance: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #e74c3c;
    cursor: pointer;
}

.range-input input::-moz-range-thumb {
    pointer-events: auto;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--tp-white-color);
    border: 2px solid var(--tp-red-color);
    cursor: pointer;
}

.range-values {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    margin-top: 20.5px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #edeef1;
}

.range-values cite {
    position: relative;
    font-style: normal;
    border-radius: 4px;
    border: 1px solid var(--Gray-200, #d7dae0);
    background: var(--tp-grey-color);
    margin-right: 17px;
    height: 32px;
    width: 50%;
    margin-left: 8px;
    padding-left: 12px;
}

.range-values cite:last-child {
    margin-right: 0;
    margin-left: 0;
}

.range-values cite:last-child::after {
    display: none;
}

.range-values cite::after {
    position: absolute;
    content: "";
    width: 6.5px;
    height: 1.3px;
    background: #3d434f;
    top: 50%;
    transform: translateY(-50%);
    right: -11%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .range-values cite::after {
        right: -15%;
    }
}

.range-values span {
    color: var(--tp-heading-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
}

.range-values i {
    color: var(--tp-heading-color);
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 32px;
}

.accordion-button {
    font-size: 15px;
    font-weight: 600;
    background: none;
    box-shadow: none;
    padding: 8px 0;
}

.form-check {
    margin-bottom: 12px;
    font-size: 12px;
    height: 24px;
}

.badge-count {
    background: #f1f1f1;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 12px;
    margin-left: 5px;
}

.range-slider {
    position: relative;
    width: 100%;
    height: 4px;
    background: #ddd;
}

.range-slider .progress {
    position: absolute;
    height: 4px;
    background: var(--tp-red-color);
    border-radius: 0;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 4px;
    top: -4px;
    background: none;
    pointer-events: none;
    appearance: none;
    border: none;
}

.range-input input::-webkit-slider-thumb {
    pointer-events: auto;
    appearance: none;
    width: 8px;
    height: 15px;
    border-radius: 2px;
    background: var(--tp-red-color);
    cursor: pointer;
}

.form-check .form-check-input {
    border-radius: 4px;
    border: 2px solid var(--Gray-300, #b3bac6);
    transform: translateY(2.5px);
}

.form-check .form-check-input input:focus {
    box-shadow: none;
}

.form-check label {
    color: var(--Gray-800, #3d434f);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .form-check label {
        font-size: 12px;
    }
}

.form-check label span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    border-radius: 35px;
    border: 1px solid var(--Gray-100, #edeef1);
    height: 22px;
    padding: 0 8px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
}

@media (max-width: 340px) {
    .rs-filter-side-btn {
        width: 100%;
    }
}

.rs-filter-side-btn button {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #edeef1;
    background: var(--tp-white-color);
    padding: 2px 15px;
}

@media (max-width: 767px) {
    .rs-filter-side-btn button {
        font-size: 12px;
        gap: 10px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-filter-side-btn button {
        font-size: 12px;
    }
}

@media (max-width: 340px) {
    .rs-filter-side-btn button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .rs-filter-side-btn button {
        font-size: 10px;
        padding: 2px 8px;
        gap: 7px !important;
    }
}

@media (max-width: 390px) {
    .rs-filter-side-btn button svg {
        width: 14px;
    }
}

@media (max-width: 767px) {
    .rs-filter-side-btn button svg {
        width: 15px;
    }
}

.rs-product-filter-accordion {
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .rs-product-item-show-area {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .rs-product-item-show-area p {
        margin-bottom: 15px !important;
    }
}

.rs-product-item-show-content-left p {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.rs-product-item-show-content-left p span {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 400;
}

.rs-product-item-show-content-left p cite {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
}

@media (max-width: 767px) {
    .rs-product-item-show-content-right {
        gap: 5px;
    }
}

@media (max-width: 767px) {
    .rs-product-item-show-content-right .rs-product-item-show-page {
        display: flex;
        align-items: center;
        gap: 5px;
    }
}

.rs-product-item-show-btn {
    width: 40px;
    height: 40px;
    align-items: center;
    border-radius: 4px;
    background: var(--tp-grey-color);
    border: 1px solid var(--tp-grey-color);
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #cbd5e1;
}

.rs-product-item-show-btn:hover {
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
}

.rs-product-item-show-btn:hover svg {
    color: #1e293b;
}

@media (max-width: 320px) {
    .rs-product-item-show-btn {
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

.rs-product-item-show-page a {
    color: var(--Gray-600, #565f73);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    transition: 0.3s linner;
    border: 1px solid rgb(237, 238, 241);
    width: 40px;
    height: 40px;
}

.rs-product-item-show-page a:hover {
    background: var(--tp-red-color);
    color: var(--tp-white-color);
    border-color: transparent;
}

@media (max-width: 320px) {
    .rs-product-item-show-page a {
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .rs-product-details-price {
        margin-bottom: 8px;
    }
}

.rs-product-pagination {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 8px;
}

.rs-product-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    border: 1px solid var(--Gray-200, #d7dae0);
    background: var(--tp-white-color);
    display: block;
    margin-right: 4px;
    transition: 0.3s linear;
}

.rs-product-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.rs-product-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px;
    height: 8px;
    border-radius: 50px;
    background: var(--tp-red-color);
    opacity: 1;
    border-color: transparent;
}

@media (max-width: 349px) {
    .rs-product-btn {
        display: block !important;
    }

    .rs-product-btn a {
        margin-bottom: 10px;
    }
}

@media (max-width: 395px) {
    .rs-product-btn-2 {
        display: flex !important;
        width: 70% !important;
        justify-content: end;
    }
}

@media (max-width: 395px) {
    .rs-product-btn-2 a {
        margin-bottom: 0;
    }
}

/* filter-offcanvas */
.rs-filter-offcanvas {
    position: fixed;
    top: 0;
    transform: translatex(-100%);
    width: 300px;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    transition: all 0.4s ease;
}

.rs-filter-offcanvas.open {
    transform: translatex(0);
}

.rs-filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, 0.44);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.rs-filter-overlay.show {
    opacity: 1;
    visibility: visible;
}

.rs-filter-close {
    border-radius: 4px;
    background: var(--tp-white-color);
    width: 32px;
    height: 32px;
}

.rs-filter-close svg {
    transition: 0.3s linear;
}

.rs-filter-close svg:hover {
    transform: rotate(-90deg);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-time.ml-48 {
        margin-left: 22px;
    }
}

@media (max-width: 767px) {
    .makeOfferBtn-2 {
        height: 24px;
        margin-left: 0;
        padding: 0;
        flex: 0 0 auto !important;
        padding: 5px 0;
        width: 82px;
    }

    .makeOfferBtn-2 svg {
        display: none;
    }
}

.rs-product-menu__icon {
    transition: 0.3s linear;
}

.rs-product-menu__icon-1.active,
.rs-product-menu__icon-2.active {
    color: var(--tp-red-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-slide-2 {
        overflow: visible;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-time.ml-48 {
        margin-left: 22px;
    }
}

@media (max-width: 767px) {
    .makeOfferBtn-2 {
        height: 24px;
        margin-left: 0;
        padding: 0;
        flex: 0 0 auto !important;
        padding: 5px 0;
        width: 82px;
    }

    .makeOfferBtn-2 svg {
        display: none;
    }
}

.rs-product-menu__icon {
    transition: 0.3s linear;
}

.rs-product-menu__icon-1.active,
.rs-product-menu__icon-2.active {
    color: var(--tp-red-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-slide-2 {
        overflow: visible;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-time.ml-48 {
        margin-left: 22px;
    }
}

@media (max-width: 767px) {
    .makeOfferBtn-2 {
        height: 24px;
        margin-left: 0;
        padding: 0;
        flex: 0 0 auto !important;
        padding: 5px 0;
        width: 82px;
    }

    .makeOfferBtn-2 svg {
        display: none;
    }
}

.rs-product-menu__icon {
    transition: 0.3s linear;
}

.rs-product-menu__icon-1.active,
.rs-product-menu__icon-2.active {
    color: var(--tp-red-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-slide-2 {
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .rs-sell-area {
        margin-bottom: 10px;
    }
}

.rs-sell-bg {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-bg {
        padding: 40px 0;
    }
}

.rs-sell-bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.95) 100%
    );
    z-index: -1;
    top: 0;
    left: 0;
}

.rs-sell-bg::after {
    position: absolute;
    content: "";
    width: 746px;
    height: 746px;
    background: #6998af;
    filter: blur(500px);
    border-radius: 100%;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.rs-sell-img {
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-img {
        margin-bottom: 25px;
    }
}

.rs-sell-img img {
    border-radius: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-img img {
        width: 100%;
        object-fit: cover;
    }
}

.rs-sell-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    border: 10px solid var(--tp-white-color);
    box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.8);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-img::before {
        border: 10px solid var(--tp-white-color);
    }
}

@media (max-width: 767px) {
    .rs-sell-img::before {
        border: 7px solid var(--tp-white-color);
    }
}

.rs-sell-sub-title {
    color: var(--tp-white-color);
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 16px;
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-sub-title {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-sell-sub-title {
        font-size: 30px;
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .rs-sell-sub-title {
        font-size: 18px;
        margin-bottom: 3px;
    }
}

.rs-sell-title {
    color: var(--tp-red-color);
    font-size: 56px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-title {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .rs-sell-title {
        font-size: 32px;
    }
}

.rs-sell-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rs-sell-content p {
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .rs-sell-content p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-content p br {
        display: none;
    }
}

.rs-sell-btn a {
    height: 56px;
    display: inline-block !important;
    line-height: 56px;
    padding: 0 24px;
    margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-right {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.rs-count-wrapper {
    gap: 24px;
}

@media (max-width: 767px) {
    .rs-count-icon {
        transform: translateY(5px);
    }
}

.rs-count-icon img {
    width: 32px;
    height: 32px;
    max-width: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-count-area {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-count-area .rs-section-title {
        margin-bottom: 8px !important;
    }
}

.rs-count-cercle {
    position: relative;
}

.rs-count-cercle::before {
    content: "";
    width: 431px;
    height: 431px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 431px;
    background: #ffcece;
    z-index: -1;
    filter: blur(200px);
}

.rs-count-item {
    gap: 12px;
    border-radius: 4px;
    background: var(--tp-white-color);
    box-shadow: 0 4px 16px 0 #efefef;
    padding: 27px 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-count-item {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-count-item {
        padding: 27px 10px;
    }
}

.rs-count-counter {
    margin-bottom: 0;
}

.rs-count-counter span {
    color: var(--tp-red-color);
    font-size: 40px;
    font-weight: 600;
    line-height: 0;
}

@media (max-width: 767px) {
    .rs-count-counter span {
        font-size: 18px;
        font-weight: 700;
    }
}

.rs-count-counter span i {
    color: var(--tp-red-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-count-counter span i {
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    .rs-count-counter span i {
        font-size: 18px;
        font-weight: 700;
    }
}

.rs-count-title {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .rs-count-title {
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
    }
}

.rs-count-text {
    color: var(--tp-grey-color-4);
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-count-text {
        font-size: 11px;
    }
}

.rs-user-bg {
    z-index: 1;
    position: relative;
}

.rs-user-bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.6) 100%
    );
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-user-bg::after {
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.9) 0%,
            rgba(0, 0, 0, 0.9) 100%
        );
    }
}

.rs-user-shape {
    position: relative;
}

@media (max-width: 767px) {
    .rs-user-shape {
        padding-top: 50px;
    }
}

.rs-user-shape::before {
    position: absolute;
    content: "";
    width: 799px;
    height: 799px;
    top: 0;
    left: 0;
    border-radius: 100%;
    background: #003d3a;
    filter: blur(400px);
    z-index: 2;
}

.rs-user-shape::after {
    position: absolute;
    content: "";
    width: 799px;
    height: 799px;
    top: 0;
    right: 0;
    border-radius: 100%;
    background: #3d0000;
    filter: blur(400px);
    z-index: 2;
}

.rs-user-name a {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.rs-user-name span {
    color: #b3bac6;
    font-size: 12px;
    font-weight: 400;
}

.rs-user-text p {
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.rs-user-box {
    position: relative;
    z-index: 5;
    padding: 24px;
    backdrop-filter: blur(10px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-user-box {
        margin-bottom: 24px;
    }
}

.rs-user-box:hover::before {
    transform: scale(1.04);
}

.rs-user-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.3s linear;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-user-box-row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overscroll-behavior-y: contain;
        scrollbar-width: none;
        position: relative;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-mobile-img {
        margin-bottom: 30px;
    }
}

.rs-mobile-img-2 {
    margin-left: -88px;
    position: relative;
}

.rs-mobile-img-2::after {
    position: absolute;
    content: "";
    width: 93%;
    height: 97%;
    top: 10px;
    left: 10px;
    border-radius: 45px 45px 36px 36px;
    transition: 0.4s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-mobile-img-2::after {
        width: 93%;
        height: 97%;
        top: 4px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-img-2::after {
        height: 98%;
        top: 0px;
    }
}

.rs-mobile-img-2:hover::after {
    opacity: 0;
    visibility: hidden;
}

.rs-mobile-img-1 {
    position: relative;
    z-index: 1;
}

.rs-mobile-img-1::after {
    position: absolute;
    content: "";
    width: 92%;
    height: 96%;
    top: 10px;
    left: 10px;
    border-radius: 25px;
    transition: 0.3s linear;
}

@media (max-width: 767px) {
    .rs-mobile-img-1::after {
        height: 98%;
        top: 6px;
    }
}

.rs-mobile-img-1:hover::after {
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-mobile-right .fns-56 {
        font-size: 52px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-mobile-right .fns-56 {
        font-size: 42px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-mobile-right .mt-22 {
        margin-top: 8px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-mobile-right p br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-mobile-app-area {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area {
        padding-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-sub-title {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-mobile-app-wrapper {
        gap: 16px;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-mobile-app-wrapper p {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-title {
        font-size: 50px !important;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-title {
        font-size: 24px !important;
        font-weight: 700 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-mobile-app-area .rs-section-title span {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-title span {
        margin-top: 2px;
    }
}

.rs-mobile-app-area::after {
    position: absolute;
    content: "";
    width: 4022px;
    height: 4022px;
    border-radius: 100%;
    background: #ffe3e3;
    filter: blur(200px);
    left: -110%;
    bottom: -3007.813px;
    z-index: -1;
}

.rs-mobile-app-area::before {
    position: absolute;
    content: "";
    width: 431px;
    height: 431px;
    border-radius: 431px;
    background: #cefff1;
    filter: blur(200px);
    right: -135px;
    top: -135px;
    z-index: -1;
}

.rs-mobile-app-Download-btn {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    background: var(--tp-red-color);
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    padding: 0 31px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s ease-out;
}

.rs-mobile-app-Download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 15px 0 #d3d9e0;
}

.rs-mobile-app-Download-btn:hover svg {
    transform: rotate(-45deg);
}

.rs-mobile-app-box {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: var(--tp-white-color);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(6px);
    padding: 16px;
    max-width: 290px;
    transition: 0.3s linear;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-mobile-app-box {
        max-width: inherit;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-box {
        flex-wrap: wrap;
        max-width: inherit;
        width: 50%;
        justify-content: center;
        flex: 0 0 169px;
    }
}

.rs-mobile-app-box:hover {
    transform: translateY(-3px);
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-details-area {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .rs-details-wrapper {
        padding: 16px;
    }
}

.rs-details-slide {
    height: 100px;
    box-sizing: border-box;
}

.rs-details-slide img {
    border-radius: 4px;
}

.rs-details-slide .swiper-slide {
    width: 25%;
    height: 100%;
    cursor: pointer;
    position: relative;
    width: 156px !important;
}

@media (max-width: 767px) {
    .rs-details-slide .swiper-slide {
        width: 100px !important;
        height: 100px;
    }
}

.rs-details-slide .swiper-slide img {
    width: 156px;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .rs-details-slide .swiper-slide img {
        width: 100px;
        height: 100%;
        object-fit: cover;
    }
}

.rs-details-slide .swiper-slide::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.4) 100%
    );
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .rs-details-slide .swiper-slide::after {
        width: 100px;
        height: 100px;
    }
}

.rs-details-slide .swiper-slide-thumb-active {
    opacity: 1;
    border-radius: 4px;
    border: 3px solid var(--tp-red-color);
}

.rs-details-slide .swiper-slide-thumb-active::after {
    display: none;
}

.rs-details-slide .swiper-slide-thumb-active img {
    border-radius: 0;
}

.rs-details-slide-2 {
    width: 100%;
    height: 456px;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .rs-details-slide-2 {
        height: 240px;
    }
}

.rs-details-slide-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.rs-product-details-contact a {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 4px;
    background: var(--Roman-50, #fdf3f3);
    margin-bottom: 12px;
    padding: 13px 24px;
}

.rs-product-details-contact a:last-child {
    margin-bottom: 0;
}

@media (max-width: 310px) {
    .rs-product-details-contact a {
        padding: 13px 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-details-info {
        margin-top: 45px;
    }
}

.rs-product-details-info-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .rs-product-details-info-title {
        font-size: 16px;
    }
}

.rs-product-details-info-title a {
    transition: 0.3s linear;
}

.rs-product-details-info-title a:hover {
    color: var(--tp-red-color);
}

.rs-product-details-info-posted,
.rs-product-details-info-condition,
.rs-product-details-info-location {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .rs-product-details-info-posted,
    .rs-product-details-info-condition,
    .rs-product-details-info-location {
        font-size: 12px;
    }
}

@media (max-width: 450px) {
    .rs-product-details-info-posted,
    .rs-product-details-info-condition,
    .rs-product-details-info-location {
        gap: 20px;
    }
}

@media (max-width: 299px) {
    .rs-product-details-info-posted,
    .rs-product-details-info-condition,
    .rs-product-details-info-location {
        gap: 3px;
        flex-wrap: wrap;
        padding: 5px 0;
        line-height: 1.3;
    }
}

.rs-product-details-info-posted span,
.rs-product-details-info-condition span,
.rs-product-details-info-location span {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .rs-product-details-info-posted span,
    .rs-product-details-info-condition span,
    .rs-product-details-info-location span {
        font-size: 12px;
    }
}

.rs-product-details-info-btn {
    border-radius: 4px;
    background: var(--tp-grey-color);
    padding: 16px;
}

@media (max-width: 0px), (max-width: 399px) {
    .rs-product-details-info-btn {
        flex-wrap: wrap !important;
    }
}

@media (max-width: 400px), (max-width: 767px) {
    .rs-product-details-info-btn {
        flex-wrap: nowrap;
        padding: 8px;
    }
}

@media (max-width: 300px) {
    .rs-product-details-info-btn {
        padding: 8px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-info-btn {
        flex-wrap: nowrap;
    }
}

.rs-product-details-info-btn button {
    height: 48px;
    flex: 0 50%;
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 400px), (max-width: 767px) {
    .rs-product-details-info-btn button {
        flex: 0 50%;
        font-size: 12px;
    }
}

@media (max-width: 0px), (max-width: 399px) {
    .rs-product-details-info-btn button {
        flex: 0 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-info-btn button {
        flex: 0 50%;
    }
}

.rs-product-details-info-rating {
    gap: 4px;
}

.rs-product-details-info-rating-area {
    border-bottom: 1px solid #edeef1;
}

@media (max-width: 335px) {
    .rs-product-details-info-rating-area img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 300px) {
    .rs-product-details-info-rating-area img {
        width: 50px;
        height: 50px;
    }
}

.rs-product-details-info-rating-author-name {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
}

.rs-product-details-info-rating-author-name svg {
    margin-left: 5px;
    transform: translateY(2px) !important;
}

@media (max-width: 335px) {
    .rs-product-details-info-rating-author-name {
        font-size: 12px;
    }
}

@media (max-width: 300px) {
    .rs-product-details-info-rating-author-name {
        font-size: 12px;
    }
}

.rs-product-details-info-rating span {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 600;
}

.rs-product-details-info-rating cite {
    overflow: hidden;
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
}

.rs-product-details-info-rating svg {
    transform: translateY(-2px);
}

.rs-product-details-info-rating-year span {
    color: var(--tp-grey-color-4);
    font-weight: 400;
    line-height: 20px;
    font-size: 12px;
}

.rs-product-details-info-box {
    border-radius: 4px;
    border: 1px solid var(--Gray-100, #edeef1);
    padding: 12px;
    flex: 0 50%;
}

@media (max-width: 767px) {
    .rs-product-details-info-box {
        flex: 0 100%;
    }
}

@media (max-width: 395px) {
    .rs-product-details-price {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.rs-product-details-price a {
    color: var(--tp-red-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

@media (max-width: 767px) {
    .rs-product-details-price a {
        font-size: 25px;
    }
}

.rs-product-details-price a span {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .rs-product-details-price a span {
        font-size: 12px;
    }
}

@media (max-width: 450px) {
    .rs-product-details-price-contact-icon {
        gap: 8px !important;
    }
}

.rs-product-details-price-contact-icon-bg {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    backdrop-filter: blur(4px);
    text-align: center;
    line-height: 38.5px !important;
}

@media (max-width: 767px) {
    .rs-product-details-price-contact-icon-bg {
        width: 24px;
        height: 24px;
        line-height: 24px !important;
    }
}

@media (max-width: 767px) {
    .rs-product-details-price-contact-icon-bg svg {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-price-contact-icon-bg {
        width: 30px;
        height: 30px;
        line-height: 30px !important;
    }
}

.rs-product-details-massage-btn {
    color: var(--tp-red-color);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12) inset;
    padding: 5px 10px;
    height: 48px;
    line-height: 38px;
    flex: 0 50%;
}

@media (max-width: 400px), (max-width: 767px) {
    .rs-product-details-massage-btn {
        flex: 0 50%;
        font-size: 12px;
    }
}

@media (max-width: 0px), (max-width: 399px) {
    .rs-product-details-massage-btn {
        flex: 0 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-massage-btn {
        flex: 0 50%;
    }
}

.rs-product-info-head {
    border-radius: 8px;
    background: var(--tp-grey-color);
    padding: 24px 16px;
}

.rs-product-info-title {
    color: var(--Black, #24262d);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rs-product-info-title {
        font-size: 18px;
    }
}

.rs-product-about-title {
    color: var(--Black, #24262d);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .rs-product-about-title {
        font-size: 16px;
    }
}

.rs-product-brand,
.rs-product-model,
.rs-product-warranty,
.rs-product-color {
    padding: 9px;
    border-top: 1px solid #edeef1;
    width: 464px;
}

@media (max-width: 767px) {
    .rs-product-brand,
    .rs-product-model,
    .rs-product-warranty,
    .rs-product-color {
        width: 100%;
    }
}

.rs-product-brand:last-child,
.rs-product-model:last-child,
.rs-product-warranty:last-child,
.rs-product-color:last-child {
    border-bottom: 1px solid #edeef1;
}

.rs-product-brand p,
.rs-product-model p,
.rs-product-warranty p,
.rs-product-color p {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    flex: 0 140px;
}

@media (max-width: 767px) {
    .rs-product-brand p,
    .rs-product-model p,
    .rs-product-warranty p,
    .rs-product-color p {
        font-size: 12px;
    }
}

.rs-product-brand span,
.rs-product-model span,
.rs-product-warranty span,
.rs-product-color span {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 767px) {
    .rs-product-brand span,
    .rs-product-model span,
    .rs-product-warranty span,
    .rs-product-color span {
        font-size: 12px;
    }
}

.rs-product-description-title {
    color: var(--Black, #24262d);
    font-size: 18px;
    font-weight: 600;
}

.rs-product-description-text li {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.9;
}

@media (max-width: 767px) {
    .rs-product-description-text li {
        font-size: 12px;
    }
}

@media (max-width: 425px) {
    .rs-product-description-text li {
        line-height: 1.7;
        padding: 8px 0;
    }
}

.rs-product-location-area {
    border-radius: 4px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-location-area {
        margin-top: 45px;
    }
}

@media (max-width: 767px) {
    .rs-product-location-area {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-location-area iframe {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .rs-product-location-area iframe {
        height: 300px;
    }
}

.rs-product-location-area a {
    color: var(--tp-red-color);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px;
}

@media (max-width: 450px) {
    .rs-product-location-area a {
        font-size: 14px;
    }
}

@media (max-width: 370px) {
    .rs-product-location-area a {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rs-details-bottom-area {
        padding: 12px 16px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 4px;
        background: var(--tp-white-color);
        box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
        z-index: 99;
    }
}

@media (max-width: 767px) {
    .rs-details-bottom-area .rs-product-details-price {
        margin-top: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-details-bottom-area .rs-product-details-price {
        margin-top: 20px;
    }
}

.rs-post-ad-title {
    color: var(--tp-heading-color);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-ad-title {
        font-size: 35px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .rs-post-ad-title {
        font-size: 20px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .rs-post-ad-box {
        padding: 12px;
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .rs-post-ad-info {
        padding-top: 40px;
    }
}

.rs-post-cta-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 13px;
}

@media (max-width: 767px) {
    .rs-post-cta-title {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-post-cta-title {
        font-size: 20px;
    }
}

.rs-post-cta-title-2 {
    color: var(--Gray-Black, #24262d);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    flex: 0 50%;
}

@media (max-width: 767px) {
    .rs-post-cta-title-2 {
        flex: 0 0 100%;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        font-size: 14px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .rs-post-cta-title-2 {
        font-size: 12px;
    }
}

.rs-post-cta-title-2 .negotiable {
    color: var(--Black-c, #1d1d1d);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    width: 79%;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    gap: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-post-cta-title-2 .negotiable {
        width: 75%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-post-cta-title-2 .negotiable {
        width: 68%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-cta-title-2 .negotiable {
        width: 55%;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-title-2 .negotiable {
        margin-left: auto;
        width: auto;
    }
}

.rs-post-cta-title-2 .negotiable svg {
    transform: translateY(-2px);
}

.rs-post-cta-title-2 .negotiable:nth-child {
    text-align: end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-cta-form {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-form {
        flex-wrap: wrap;
        gap: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-cta-select {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-select {
        flex-wrap: wrap;
        gap: 0;
    }
}

.rs-post-cta-select a {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    padding: 16px;
    flex: 0 50%;
    height: 56px;
}

.rs-post-cta-select-icon {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: var(--tp-white-color);
    border-radius: 3px;
}

@media (max-width: 767px) {
    .rs-step-tabs {
        gap: 18px;
        justify-content: center !important;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .rs-step-tabs {
        gap: 14px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .rs-step-tabs {
        flex-wrap: wrap;
        gap: 40px;
    }
}

.step-tabs {
    display: flex;
    justify-content: center;
    margin: 30px auto;
    max-width: 700px;
}

.step-tab {
    flex: 0 0 203px;
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    color: var(--tp-heading-color);
    height: 40px;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 767px) {
    .step-tab {
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        flex: 0 0 125px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab {
        font-size: 10px !important;
        flex: 0 0 105px;
        height: 25px;
        line-height: 25px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab {
        flex: 0 0 100%;
        height: 35px;
        line-height: 35px;
        font-size: 12px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .step-tab {
        flex: 0 0 192px;
    }
}

.step-tab .step-tab-svg-1 {
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-grey-color-5);
}

@media (max-width: 767px) {
    .step-tab .step-tab-svg-1 {
        width: 20px;
        height: 20px;
        top: -26px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab .step-tab-svg-1 {
        width: 25px;
        height: 25px;
        top: -35px;
    }
}

.step-tab .step-tab-svg-2 {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-grey-color-5);
}

@media (max-width: 767px) {
    .step-tab .step-tab-svg-2 {
        width: 7px;
        height: 7px;
        top: -7px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab .step-tab-svg-2 {
        width: 10px;
        height: 10px;
        top: -10px;
    }
}

.step-tab .step-tab-svg-3 {
    top: -51px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
    display: none;
}

.step-tab::after {
    position: absolute;
    content: "";
    background: var(--tp-grey-color-5);
    width: 204px;
    height: 2px;
    top: -36px;
    left: 121px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .step-tab::after {
        width: 194px;
        left: 115.4px;
    }
}

@media (max-width: 767px) {
    .step-tab::after {
        top: -16px;
        width: 124px;
        height: 2px;
        left: 71px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab::after {
        width: 100px;
        height: 2px;
        left: 61px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab::after {
        display: none;
    }
}

.step-tab:last-child::after {
    display: none;
}

.step-tab.active {
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    color: var(--tp-heading-color);
    height: 40px;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 767px) {
    .step-tab.active {
        height: 30px;
        line-height: 30px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab.active {
        height: 25px;
        line-height: 25px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab.active {
        flex: 0 0 100%;
        height: 35px;
        line-height: 35px;
        font-size: 12px !important;
    }
}

.step-tab.active .step-tab-svg-1 {
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
}

@media (max-width: 767px) {
    .step-tab.active .step-tab-svg-1 {
        width: 20px;
        height: 20px;
        top: -26px;
    }
}

@media (max-width: 399px) {
    .step-tab.active .step-tab-svg-1 {
        width: 25px;
        height: 25px;
        top: -35px;
    }
}

.step-tab.active .step-tab-svg-2 {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
}

@media (max-width: 767px) {
    .step-tab.active .step-tab-svg-2 {
        width: 7px;
        height: 7px;
        top: -7px;
    }
}

@media (max-width: 399px) {
    .step-tab.active .step-tab-svg-2 {
        width: 10px;
        height: 10px;
        top: -10px;
    }
}

.step-tab.completed {
    border-radius: 4px;
    color: var(--tp-white-color);
    border: 1px solid var(--tp-red-color);
    background: var(--tp-red-color);
}

.step-tab.completed::after {
    background: var(--tp-red-color);
    width: 212px;
    height: 2px;
    top: -34px;
    left: 114.4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .step-tab.completed::after {
        width: 198px;
        left: 112.4px;
    }
}

@media (max-width: 767px) {
    .step-tab.completed::after {
        top: -16px;
        width: 127px;
        height: 2px;
        left: 69px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab.completed::after {
        width: 105px;
        height: 2px;
        left: 57px;
    }
}

.step-tab.completed .step-tab-svg-1 {
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
    display: none;
}

.step-tab.completed .step-tab-svg-2 {
    color: var(--tp-red-color);
}

.step-tab.completed .step-tab-svg-3 {
    top: -52px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
    display: block;
    width: 42px;
    height: 42px;
}

@media (max-width: 767px) {
    .step-tab.completed .step-tab-svg-3 {
        width: 20px;
        height: 20px;
        top: -25px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab.completed .step-tab-svg-3 {
        width: 25px;
        height: 25px;
        top: -32px;
    }
}

.step-pane {
    display: none;
}

@media (max-width: 767px) {
    .step-pane {
        padding-bottom: 65px;
    }
}

.step-pane input,
.step-pane textarea {
    height: 56px;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    padding: 16px;
    flex: 0 50%;
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .step-pane input,
    .step-pane textarea {
        height: 48px;
    }
}

@media (max-width: 767px) {
    .step-pane input,
    .step-pane textarea {
        flex: 0 0 100%;
        margin-bottom: 20px;
        font-size: 12px;
    }
}

.step-pane input::placeholder,
.step-pane textarea::placeholder {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .step-pane input::placeholder,
    .step-pane textarea::placeholder {
        font-size: 12px;
    }
}

.step-pane input:focus,
.step-pane textarea:focus {
    border: 1px solid var(--tp-heading-color);
}

.step-pane input:focus::placeholder,
.step-pane textarea:focus::placeholder {
    color: transparent;
}

.step-pane textarea {
    height: 205px;
    padding-top: 10px;
    line-height: 2;
}

@media (max-width: 767px) {
    .step-pane textarea {
        height: 150px;
        font-size: 12px;
    }
}

.step-pane textarea::placeholder {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.step-pane form svg {
    top: 50%;
    transform: translateY(-83%);
    right: 16px;
}

@media (max-width: 767px) {
    .step-pane form svg {
        height: 14px;
        transform: translateY(-100%);
    }
}

.step-pane.active {
    display: block;
}

.prev-btn,
.submit-btn,
.next-btn {
    border-radius: 4px;
    background: var(--tp-red-color);
    height: 56px;
    color: var(--tp-white-color);
    width: 240px;
    font-size: 14px;
    font-weight: 500;
    line-height: 56px;
    right: 0;
    bottom: 50px;
    transition: 0.2s linear;
}

@media (max-width: 460px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        display: none !important;
    }
}

.prev-btn-2,
.submit-btn-2,
.next-btn-2 {
    position: inherit !important;
    bottom: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 399px),
    (max-width: 767px) and (max-width: 399px) {
    .prev-btn svg,
    .submit-btn svg,
    .next-btn svg {
        height: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        height: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 399px),
    (max-width: 767px) and (max-width: 399px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        height: 40px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        width: 180px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        width: 100%;
    }
}

.prev-btn:hover,
.submit-btn:hover,
.next-btn:hover {
    background: var(--tp-theme-color);
    border-color: transparent;
}
.prev-btn:hover{
    color:var(--tp-heading-color);
}

.prev-btn {
    justify-content: center;
    right: 18% !important;
    left: auto;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: none;
}

.prev-btn svg {
    transform: rotate(-180deg);
    display: none;
}

.prev-btn {
    border-radius: 4px;
    height: 56px;
    color: var(--tp-heading-color);
    width: 240px;
    font-size: 14px;
    font-weight: 500;
    line-height: 56px;
    right: 0;
    bottom: 50px;
    transition: 0.2s linear;
    border: 1px solid var(--tp-heading-color);
}

.prev-btn:hover {
    background: var(--tp-grey-color);
    border: 1px solid var(--tp-heading-color);
}

.prev-btn-2 {
    position: inherit !important;
    right: 0 !important;
    bottom: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .prev-btn-2 {
        height: 48px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .prev-btn-2 {
        width: 180px;
    }
}

.step-2-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-2-btn {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-2-btn button {
        flex: 0 0 100%;
    }
}

.step-3-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-3-btn {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-3-btn button {
        flex: 0 0 100%;
    }
}

.rs-post-cta-select select {
    width: 100%;
    padding: 5px 16px;
    border: 1px solid var(--Gray-100, #edeef1);
    border-radius: 8px;
    background: var(--tp-white-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-grey-color-4);
    height: 56px;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M11.9998 14.7508C11.8078 14.7508 11.6157 14.6778 11.4697 14.5308L7.46975 10.5308C7.17675 10.2378 7.17675 9.76275 7.46975 9.46975C7.76275 9.17675 8.23779 9.17675 8.53079 9.46975L12.0008 12.9397L15.4707 9.46975C15.7637 9.17675 16.2388 9.17675 16.5318 9.46975C16.8248 9.76275 16.8248 10.2378 16.5318 10.5308L12.5318 14.5308C12.3838 14.6778 12.1918 14.7508 11.9998 14.7508Z' fill='%2325314C'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 25px;
    flex: 0 50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-post-cta-select select {
        height: 48px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-select select {
        flex: 0 0 100%;
        margin-bottom: 16px;
    }
}

.rs-post-cta-select select:focus {
    outline: none;
    border: 2px solid var(--tp-heading-color);
}

.rs-post-cta-select select:valid {
    color: var(--tp-heading-color);
    font-size: 18px;
}

@media (max-width: 767px) {
    .rs-post-cta-select select:valid {
        font-size: 14px;
    }
}

.rs-post-cta-select select option {
    color: var(--tp-heading-color);
    font-size: 18px;
}

@media (max-width: 767px) {
    .rs-post-cta-select select option {
        font-size: 14px;
    }
}

.product-colors {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.color-box {
    border-radius: 6px;
    border: 2px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    cursor: pointer;
    transition: all 0.2s;
    height: 56px;
    line-height: 56px;
    text-align: center;
    flex: 0 143px;
    position: relative;
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .color-box {
        flex: 0 135px;
    }
}

.color-box::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background: var(--tp-heading-color);
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}

.color-box:nth-child(2)::before {
    background: #f04438;
}

.color-box:nth-child(3)::before {
    background: #ffc107;
}

.color-box:nth-child(4)::before {
    background: #4bb543;
}

.color-box:nth-child(5)::before {
    background: #687387;
}

.color-box:nth-child(6)::before {
    background: #cc9235;
}

.color-box:nth-child(7)::before {
    background: #fb5fbd;
}

.color-box:nth-child(8)::before {
    background: #f9701c;
}

.color-box:nth-child(9)::before {
    background: #067bff;
}

.color-box.selected {
    border-radius: 6px;
    border: 2px solid var(--tp-red-color);
    background: var(--Roman-50, #fdf3f3);
}

.drop-zone {
    padding: 24px;
    text-align: center;
    cursor: pointer;
    height: 248px;
    width: 464px;
    background: var(--tp-white-color);
    border-radius: 4px;
    background: var(--tp-white-color);
    background:
        linear-gradient(90deg, #dd5454 50%, transparent 50%),
        linear-gradient(90deg, #dd5454 50%, transparent 50%),
        linear-gradient(0deg, #dd5454 50%, transparent 50%),
        linear-gradient(0deg, #dd5454 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size:
        8px 2px,
        8px 2px,
        2px 8px,
        2px 8px;
    background-position:
        0% 0%,
        100% 100%,
        0% 100%,
        100% 0px;
    animation: dash 20s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .drop-zone {
        width: 100%;
    }
}

@keyframes dash {
    to {
        background-position:
            100% 0%,
            0% 100%,
            0% 0%,
            100% 100%;
    }
}

.drop-zone.dragover {
    background: #fff6f6;
    border-color: var(--tp-red-color);
    box-shadow: 0 6px 18px rgba(221, 84, 84, 0.06);
}

.upload-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    justify-content: center;
    height: 100%;
}

.upload-inner svg {
    cursor: pointer;
}

.upload-svg {
    opacity: 0.9;
}

/* thumbnail preview */
.thumbnail-preview {
    display: flex;
    gap: 12px;
    align-items: center;
}

.thumbnail-preview .preview-item {
    height: 248px;
    width: 464px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .thumbnail-preview .preview-item {
        width: 100%;
    }
}

.thumbnail-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* remove button */
.remove-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    backdrop-filter: blur(4px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.remove-btn svg {
    transition: 0.3s linear;
}

.remove-btn:hover svg {
    transform: rotate(-90deg);
}

.browse-btn {
    cursor: pointer;
    color: var(--tp-red-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    border-radius: 8px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    height: 32px;
    padding: 0 11px;
}

.file-info {
    color: var(--tp-grey-color-4);
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 22px;
    display: block;
}

.file-info-2 {
    font-size: 10px;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .rs-post-cta-contant {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .rs-post-location-contant {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .rs-post-location-contant iframe {
        height: 300px;
    }
}

.Drag-text {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 0;
}

.Drag-text span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 500;
    position: relative;
}

.Drag-text span::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: var(--tp-grey-color-5);
    top: 51.2%;
    transform: translateY(-50%);
    left: -93px;
}

.Drag-text span::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    top: 51.2%;
    transform: translateY(-50%);
    background: var(--tp-grey-color-5);
    right: -93px;
}

.upload-label {
    height: 100%;
}

.max-img {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.upload-gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    align-items: start;
    min-height: 260px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .upload-gallery-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .upload-gallery-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.next-btn-fix {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: var(--tp-white-color);
    border-radius: 4px;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.12);
}

@media (min-width: 461px) {
    .next-btn-fix {
        display: none;
    }
}

@media (max-width: 460px) {
    .next-btn-fix {
        display: block;
    }
}

.next-btn-fix .next-btn {
    display: block !important;
    bottom: -10%;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.drop-zone {
    min-height: 248px;
    border-radius: 8px;
    grid-column: span 1;
}

.preview-gallery {
    display: contents;
}

.preview-item {
    position: relative;
    width: 100%;
    height: 248px;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    overflow: hidden;
}

.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-item {
    transition: all 0.3s ease;
}

.preview-item.removing {
    opacity: 0;
    transform: scale(0.8);
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 8px;
    font-size: 14px;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox .checkmark {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-red-color);
    border-radius: 100%;
}

.custom-checkbox cite {
    color: var(--Black-c, #1d1d1d);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    gap: 5px;
}

.custom-checkbox input[type="checkbox"] + .checkmark svg {
    display: none;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark svg {
    display: block;
    transform: translateY(0%);
}

.rs-profile-title {
    color: var(--tp-heading-color);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-profile-title {
        margin-right: auto;
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .rs-profile-title {
        font-size: 25px;
        margin-right: auto;
    }
}

@media (max-width: 767px) and (max-width: 400px) {
    .rs-profile-title {
        margin-right: inherit;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .rs-profile-body {
        padding: 16px;
        margin-bottom: 0;
    }
}

.rs-profile-img-add {
    width: 260px;
    height: 260px;
    display: inline-block;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-profile-img-add {
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 767px) {
    .rs-profile-img-add {
        width: 180px;
        height: 180px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-profile-img-add {
        width: 200px;
        height: 200px;
    }
}

.rs-profile-img-add::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border-radius: 260px;
    border: 6px solid var(--tp-red-color);
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .rs-profile-img-add::before {
        border: 5px solid var(--tp-red-color);
    }
}

.rs-profile-img-add::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: var(--tp-red-color);
    bottom: 0px;
    right: 30px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25' fill='none'><path d='M25 10.6667C24.448 10.6667 24 11.1147 24 11.6667V14.5853L18.6533 9.23991C17.7733 8.35858 16.2267 8.35858 15.3467 9.23991L9 15.5853L7.98665 14.5732C7.10665 13.6919 5.56001 13.6919 4.68001 14.5732L2 17.2533V6.33333C2 4.23067 2.89733 3.33333 5 3.33333H14.3333C14.8853 3.33333 15.3333 2.88533 15.3333 2.33333C15.3333 1.78133 14.8853 1.33333 14.3333 1.33333H5C1.776 1.33333 0 3.10933 0 6.33333V19.6667C0 22.8907 1.776 24.6667 5 24.6667H21C24.224 24.6667 26 22.8907 26 19.6667V11.6667C26 11.1147 25.552 10.6667 25 10.6667ZM21 22.6667H5C3.03733 22.6667 2.13596 21.872 2.02262 20.0573L6.09326 15.9867C6.2626 15.8187 6.40261 15.8187 6.57194 15.9867L7.82406 17.2386C8.44672 17.8626 9.55204 17.8613 10.172 17.2386L16.7586 10.652C16.928 10.484 17.068 10.484 17.2373 10.652L23.9974 17.4121V19.6667C24.0001 21.7693 23.1027 22.6667 21 22.6667ZM7.66667 7.33333C8.58667 7.33333 9.33333 8.08 9.33333 9C9.33333 9.92 8.58667 10.6667 7.66667 10.6667C6.74667 10.6667 6 9.92 6 9C6 8.08 6.74667 7.33333 7.66667 7.33333ZM18.6667 3.66667C18.6667 3.11467 19.1147 2.66667 19.6667 2.66667H21.3333V1C21.3333 0.448 21.7813 0 22.3333 0C22.8853 0 23.3333 0.448 23.3333 1V2.66667H25C25.552 2.66667 26 3.11467 26 3.66667C26 4.21867 25.552 4.66667 25 4.66667H23.3333V6.33333C23.3333 6.88533 22.8853 7.33333 22.3333 7.33333C21.7813 7.33333 21.3333 6.88533 21.3333 6.33333V4.66667H19.6667C19.1147 4.66667 18.6667 4.21867 18.6667 3.66667Z' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-profile-img-add::after {
        width: 55px;
        height: 55px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 25' fill='none'><path d='M25 10.6667C24.448 10.6667 24 11.1147 24 11.6667V14.5853L18.6533 9.23991C17.7733 8.35858 16.2267 8.35858 15.3467 9.23991L9 15.5853L7.98665 14.5732C7.10665 13.6919 5.56001 13.6919 4.68001 14.5732L2 17.2533V6.33333C2 4.23067 2.89733 3.33333 5 3.33333H14.3333C14.8853 3.33333 15.3333 2.88533 15.3333 2.33333C15.3333 1.78133 14.8853 1.33333 14.3333 1.33333H5C1.776 1.33333 0 3.10933 0 6.33333V19.6667C0 22.8907 1.776 24.6667 5 24.6667H21C24.224 24.6667 26 22.8907 26 19.6667V11.6667C26 11.1147 25.552 10.6667 25 10.6667ZM21 22.6667H5C3.03733 22.6667 2.13596 21.872 2.02262 20.0573L6.09326 15.9867C6.2626 15.8187 6.40261 15.8187 6.57194 15.9867L7.82406 17.2386C8.44672 17.8626 9.55204 17.8613 10.172 17.2386L16.7586 10.652C16.928 10.484 17.068 10.484 17.2373 10.652L23.9974 17.4121V19.6667C24.0001 21.7693 23.1027 22.6667 21 22.6667ZM7.66667 7.33333C8.58667 7.33333 9.33333 8.08 9.33333 9C9.33333 9.92 8.58667 10.6667 7.66667 10.6667C6.74667 10.6667 6 9.92 6 9C6 8.08 6.74667 7.33333 7.66667 7.33333ZM18.6667 3.66667C18.6667 3.11467 19.1147 2.66667 19.6667 2.66667H21.3333V1C21.3333 0.448 21.7813 0 22.3333 0C22.8853 0 23.3333 0.448 23.3333 1V2.66667H25C25.552 2.66667 26 3.11467 26 3.66667C26 4.21867 25.552 4.66667 25 4.66667H23.3333V6.33333C23.3333 6.88533 22.8853 7.33333 22.3333 7.33333C21.7813 7.33333 21.3333 6.88533 21.3333 6.33333V4.66667H19.6667C19.1147 4.66667 18.6667 4.21867 18.6667 3.66667Z' fill='white'/></svg>");
    }
}

@media (max-width: 767px) {
    .rs-profile-img-add::after {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        bottom: -7px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 25' fill='none'><path d='M25 10.6667C24.448 10.6667 24 11.1147 24 11.6667V14.5853L18.6533 9.23991C17.7733 8.35858 16.2267 8.35858 15.3467 9.23991L9 15.5853L7.98665 14.5732C7.10665 13.6919 5.56001 13.6919 4.68001 14.5732L2 17.2533V6.33333C2 4.23067 2.89733 3.33333 5 3.33333H14.3333C14.8853 3.33333 15.3333 2.88533 15.3333 2.33333C15.3333 1.78133 14.8853 1.33333 14.3333 1.33333H5C1.776 1.33333 0 3.10933 0 6.33333V19.6667C0 22.8907 1.776 24.6667 5 24.6667H21C24.224 24.6667 26 22.8907 26 19.6667V11.6667C26 11.1147 25.552 10.6667 25 10.6667ZM21 22.6667H5C3.03733 22.6667 2.13596 21.872 2.02262 20.0573L6.09326 15.9867C6.2626 15.8187 6.40261 15.8187 6.57194 15.9867L7.82406 17.2386C8.44672 17.8626 9.55204 17.8613 10.172 17.2386L16.7586 10.652C16.928 10.484 17.068 10.484 17.2373 10.652L23.9974 17.4121V19.6667C24.0001 21.7693 23.1027 22.6667 21 22.6667ZM7.66667 7.33333C8.58667 7.33333 9.33333 8.08 9.33333 9C9.33333 9.92 8.58667 10.6667 7.66667 10.6667C6.74667 10.6667 6 9.92 6 9C6 8.08 6.74667 7.33333 7.66667 7.33333ZM18.6667 3.66667C18.6667 3.11467 19.1147 2.66667 19.6667 2.66667H21.3333V1C21.3333 0.448 21.7813 0 22.3333 0C22.8853 0 23.3333 0.448 23.3333 1V2.66667H25C25.552 2.66667 26 3.11467 26 3.66667C26 4.21867 25.552 4.66667 25 4.66667H23.3333V6.33333C23.3333 6.88533 22.8853 7.33333 22.3333 7.33333C21.7813 7.33333 21.3333 6.88533 21.3333 6.33333V4.66667H19.6667C19.1147 4.66667 18.6667 4.21867 18.6667 3.66667Z' fill='white'/></svg>");
    }
}

.rs-profile-img-add img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rs-profile-img-add-2 {
    width: 64px;
    height: 64px;
}

.rs-profile-img-add-2::after {
    display: none;
}

.rs-profile-img-add-2::before {
    border: 2px solid var(--tp-red-color);
}

.rs-profile-img-add-2 img {
    width: 64px;
    height: 64px;
}

@media (max-width: 400px) {
    .rs-profile-head {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: start !important;
    }
}

@media (max-width: 767px) {
    .rs-profile-head button {
        padding: 16px;
        margin-bottom: 0;
        width: auto;
    }
}

@media (max-width: 767px) and (max-width: 400px) {
    .rs-profile-head button {
        width: 100%;
    }
}

.rs-profile-input-title {
    color: var(--Gray-Black, #24262d);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .rs-profile-input-title {
        font-size: 14px;
        margin-bottom: 6px;
    }
}

.rs-profile-input-title span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.rs-profile-info-form form input {
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    height: 56px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-heading-color);
    padding-left: 16px;
}

@media (max-width: 767px) {
    .rs-profile-info-form form input {
        height: 48px;
        font-size: 12px;
    }
}

.rs-profile-info-form form input::placeholder {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .rs-profile-info-form form input::placeholder {
        height: 48px;
        font-size: 12px;
    }
}

.rs-profile-info-form form input:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-profile-info-form form input:focus::placeholder {
    color: transparent;
}

.rs-profile-user-name {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-profile-user-name {
        font-size: 12px;
    }
}

.rs-profile-user-email {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.rs-profile-user-info {
    line-height: 1.4;
}

.rs-profile-user-icon svg {
    transform: translateY(-9px);
}

.rs-profile-side-bar {
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
}

.rs-profile-side-bar-head {
    padding: 12px 16px;
}

.rs-profile-side-bar-list ul li {
    border-radius: 4px;
    padding: 8px 16px;
    height: 100%;
    line-height: 40px;
    margin: 8px 0;
}

.rs-profile-side-bar-list ul li.active {
    background-color: var(--tp-red-color);
}

.rs-profile-side-bar-list ul li.active a {
    color: var(--tp-white-color);
}

.rs-profile-side-bar-list ul li.active a svg {
    color: var(--tp-white-color);
}

.rs-profile-side-bar-list ul li button {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
}

.rs-profile-side-bar-list ul li a {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
}

.rs-profile-side-bar-list ul li a:nth-child(2) {
    gap: 8px;
}

.rs-profile-side-bar-list ul li a svg {
    color: var(--tp-heading-color);
}

.rs-profile-side-bar-list ul li cite {
    width: 14px;
    height: 14px;
    border-radius: 17.063px;
    border: 1px solid var(--tp-white-color);
    background: var(--tp-red-color);
    color: var(--tp-white-color);
    text-align: center;
    font-size: 8.531px;
    font-weight: 700;
    line-height: 13.5px;
    font-style: normal;
}

.rs-profile-lang-menu {
    background: var(--tp-red-color);
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.rs-profile-lang-menu.open {
    max-height: 1000px;
    opacity: 1;
}

.rs-profile-lang-menu li {
    margin: 0 !important;
    padding-left: 0 !important;
}

.rs-profile-lang-menu li a {
    color: var(--tp-white-color) !important;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 20px;
}

.rs-profile-note-title {
    color: var(--tp-heading-color-2);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
}

.rs-profile-note-title span {
    color: var(--tp-red-color);
}

.rs-profile-note p {
    color: var(--tp-heading-color-2);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.rs-chat-custom-col {
    width: 388px;
    border-radius: 8px;
    background: var(--tp-grey-color);
    padding: 16px;
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-custom-col {
        padding: 10px;
    }
}

@media (max-width: 335px) {
    .rs-chat-custom-col {
        padding: 8px;
    }
}

.rs-chat-user-list-title {
    color: var(--tp-heading-color-2);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.rs-chat-user-name {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-user-name {
        font-size: 12px;
    }
}

@media (max-width: 335px) {
    .rs-chat-user-name {
        font-size: 12px;
    }
}

.rs-chat-user-name-2 {
    line-height: 2.2;
}

.rs-chat-user-massage {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: block;
    max-width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rs-chat-user-active {
    color: var(--tp-heading-color);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    margin-left: auto;
    transform: translateY(-10px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-user-active {
        font-size: 9px;
    }
}

.rs-chat-user-active-2 {
    color: var(--Success, #4bb543);
    font-weight: 600;
}

.rs-chat-users {
    max-height: 655px;
    overflow-y: scroll;
    scrollbar-width: none;
    border-radius: 8px;
}

.rs-chat-users li {
    padding: 12px;
    margin-bottom: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-users li {
        padding: 10px 5px;
    }
}

@media (max-width: 335px) {
    .rs-chat-users li {
        padding: 8px;
        margin-bottom: 8px;
    }
}

.rs-chat-users li.active {
    background: var(--Roman-100, #fbe5e5);
}

.rs-chat-users li.active .rs-chat-users-img::after {
    border: 2px solid var(--tp-red-color);
}

.rs-chat-users li:last-child {
    margin-bottom: 0;
}

.rs-chat-users li a {
    display: flex;
    align-items: center;
}

.rs-chat-users-img {
    margin-right: 8px;
    position: relative;
    max-width: inherit;
}

.rs-chat-users-img img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-users-img img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 335px) {
    .rs-chat-users-img img {
        width: 40px;
        height: 40px;
    }
}

.rs-chat-users-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 48px;
    border: 2px solid var(--tp-white-color);
}

.rs-chat-input {
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    height: 48px;
    padding: 5px 12px;
    padding-right: 35px;
    color: var(--tp-heading-color-2);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-input {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-input {
        height: 45px;
    }
}

.rs-chat-input::placeholder {
    color: var(--tp-grey-color-3);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-chat-input::placeholder {
        font-size: 12px;
    }
}

.rs-chat-input::placeholder:focus {
    border: 1px solid var(--tp-heading-color-2);
}

.rs-chat-input:focus {
    border: 1px solid var(--tp-heading-color-2);
}

.rs-chat-input:focus::placeholder {
    color: transparent;
}

.rs-chat-input-group svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

.rs-Promote-add-btn {
    padding: 0 13px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-Promote-add-btn {
        padding: 5px;
    }
}

.rs-massage-id {
    border-radius: 8px 8px 0 0;
    background: var(--tp-grey-color);
    padding: 10px 16px;
}

.rs-massage-right-area {
    width: 660px;
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color);
    background: var(--tp-white-color);
    height: 100%;
}

.rs-massage-area {
    overflow-y: scroll;
    scrollbar-width: none;
    height: 310px;
    height: 100% !important;
}

.rs-massage-area img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

@media (max-width: 767px) {
    .rs-massage-area img {
        width: 35px;
        height: 35px;
    }
}

.your-massage {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    background: var(--tp-red-color);
    padding: 8px 16px;
    margin-right: 8px;
    max-width: 50%;
}

@media (max-width: 767px) {
    .your-massage {
        padding: 6px 10px;
        font-size: 11px;
        max-width: 70%;
    }
}

.my-message {
    color: var(--tp-heading-color-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    padding: 8px 16px;
    margin-left: 8px;
    max-width: 50%;
}

@media (max-width: 767px) {
    .my-message {
        padding: 6px 10px;
        font-size: 11px;
        max-width: 70%;
    }
}

.sand-message {
    padding: 16px;
    background: var(--tp-grey-color);
    border-radius: 0 0 8px 8px;
}

@media (max-width: 395px) {
    .sand-message form {
        gap: 10px !important;
    }
}

.sand-message-btn {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: transparent;
}

.sand-message input {
    height: 48px;
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    padding: 5px 20px;
    padding-right: 45px;
}

@media (max-width: 395px) {
    .sand-message input {
        height: 40px;
        font-size: 12px;
    }
}

.sand-message input::placeholder {
    color: var(--tp-grey-color-3);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (max-width: 395px) {
    .sand-message input::placeholder {
        font-size: 12px;
    }
}

.sand-message input::placeholder:focus {
    border: 1px solid var(--tp-heading-color-2);
}

.sand-message input:focus {
    border: 1px solid var(--tp-heading-color-2);
}

.sand-message input:focus::placeholder {
    color: transparent;
}

.message-time span {
    color: var(--tp-grey-color-4);
    font-size: 8px;
    font-weight: 400;
    line-height: 8px;
}

.rs-Payment-content input {
    margin-bottom: 16px;
}

.rs-Payment-content input::placeholder {
    font-size: 16px !important;
}

.rs-Payment-content label {
    margin-bottom: 12px;
}

.rs-Payment-modal {
    width: 800px;
}

.rs-Payment-modal-form form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.rs-Payment-modal-form button {
    margin-top: 8px !important;
}

.rs-Payment-modal-input-item {
    flex: 0 0 48.9%;
}

.rs-Payment-modal-input-item .rs-date-img {
    top: 50%;
    right: 16px;
    cursor: pointer;
}

.selact-cuntry {
    flex: 0 0 100%;
    padding-left: 16px !important;
}

@media (max-width: 400px) {
    .rs-notification-logo {
        width: 40px;
        height: 40px;
    }
}

.rs-notification-btn {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    background: var(--tp-white-color);
    padding: 12px 15px;
}

.rs-notification-btn::before {
    left: -30px !important;
    right: -30px !important;
    border-radius: 4px !important;
}

.rs-notification-btn:hover {
    border-color: transparent !important;
}

@media (max-width: 767px) {
    .rs-notification-btn {
        height: 40px;
        padding: 0 !important;
        justify-content: center !important;
    }
}

.rs-notification-title {
    color: var(--tp-heading-color-2);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
}

@media (max-width: 337px) {
    .rs-notification-title {
        font-size: 12px;
    }
}

.rs-notification-text {
    color: var(--Gray-700, #464d5e);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
}

@media (max-width: 500px) {
    .rs-notification-text {
        font-size: 13px;
    }
}

/* .rs-notification-card {
    border-radius: 8px;
    background: var(--tp-white-color);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    padding: 16px;
    transition: 0.3s linear;
    margin-bottom: 16px;
    cursor: pointer;
} */

/* .rs-notification-card:hover {
    border-radius: 8px;
    background: var(--Roman-50, #fdf3f3);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.24);
} */

.rs-notification-card-unread {
    border-radius: 8px;
    background: var(--Roman-50, #fdf3f3);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.24);
    padding: 16px;
    transition: 0.3s linear;
    margin-bottom: 16px;
    cursor: pointer;
}

.rs-notification-card-read {
    border-radius: 8px;
    background: var(--tp-white-color);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    padding: 16px;
    transition: 0.3s linear;
    margin-bottom: 16px;
    cursor: pointer;
}

.rs-notification-toggle {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

@media (max-width: 337px) {
    .rs-notification-toggle {
        font-size: 12px;
    }
}

.rs-notification-date {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    top: 16px;
    right: 16px;
}

#addBalanceModal {
    width: 600px;
}

.rs-featured-ads-card {
    border-radius: 8px;
    background: var(--tp-white-color);
    padding: 16px;
    margin-bottom: 16px;
}

.rs-featured-ads-card:last-child {
    margin-bottom: 0;
}

.rs-featured-ads-card-top {
    border-bottom: 1px solid #edeef1;
}

.rs-featured-ads-area {
    border-radius: 8px;
    background: var(--tp-grey-color);
    padding: 16px;
}

.rs-featured-ads-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0;
}

.rs-featured-amount,
.rs-featured-method,
.rs-featured-transection {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tp-rom-color);
    height: 40px;
    padding: 5px 10.4px;
}

.rs-featured-amount b,
.rs-featured-method b,
.rs-featured-transection b {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 600;
}

.rs-featured-label {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    margin-bottom: 4px;
}

.rs-featured-value {
    color: var(--tp-heading-color-2);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.rs-review-box {
    margin-bottom: 16px;
}

.rs-review-box:last-child {
    margin-bottom: 0;
}

.rs-review-name {
    line-height: 1.3;
}

.rs-review-name a {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.rs-review-name span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.rs-review-right {
    margin-bottom: auto;
}

.rs-review-right button {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tp-rom-color);
    height: 24px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rs-review-date span {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
}

.rs-review-text p {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.rs-password-change-area {
    width: 586px;
    margin: auto;
}

.rs-password-change-title {
    color: var(--tp-heading-color-2);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.rs-password-change-input-box {
    background: var(--tp-grey-color);
    padding: 24px;
    border-radius: 8px;
}

.rs-password-change-input-item {
    margin-bottom: 32px;
}

.rs-password-change-input-item:last-child {
    margin-bottom: 0;
}

.rs-password-change-input-item input {
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    height: 56px;
    padding: 10px 16px;
    padding-right: 45px;
}

.rs-password-change-input-item input::placeholder {
    color: var(--tp-grey-color-3);
    font-size: 14px;
    font-weight: 400;
    line-height: 56px;
    transform: translateY(3px);
}

.rs-password-change-input-item input:focus::placeholder {
    color: transparent;
}

.rs-password-change-input-item svg {
    top: 50%;
    right: 16px;
    transform: translateY(45%);
    cursor: pointer;
}

.rs-password-change-btn button {
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 700;
    background: var(--tp-red-color);
    border-radius: 4px;
    height: 56px;
    width: 100%;
}

.rs-trash-date {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-top: 8px;
    margin-bottom: 4px;
}

.rs-payment-title {
    color: var(--tp-heading-color-2);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
}

.rs-payment-text {
    color: var(--tp-grey-color-4) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 24px;
}

.rs-payment-method-select-box label {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.rs-payment-method-select-box select {
    border-radius: 8px;
    border: 1.088px solid var(--tp-grey-color-5);
    height: 56px;
    padding: 5px 16px;
    padding-left: 52px;
    width: 100%;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M4.99978 5.75076C4.80778 5.75076 4.61575 5.67778 4.46975 5.53079L0.46975 1.53079C0.17675 1.23779 0.17675 0.76275 0.46975 0.46975C0.76275 0.17675 1.23779 0.17675 1.53079 0.46975L5.00076 3.93972L8.47073 0.46975C8.76373 0.17675 9.23876 0.17675 9.53176 0.46975C9.82476 0.76275 9.82476 1.23779 9.53176 1.53079L5.53176 5.53079C5.38376 5.67778 5.19178 5.75076 4.99978 5.75076Z' fill='%2317181D'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 7px;
    cursor: pointer;
    color: var(--tp-heading-color-2);
    font-size: 14px;
    font-weight: 400;
}

.rs-payment-method-select-box i {
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

.rs-payment-method-select-box img {
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}

#reportReason {
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    height: 56px;
    width: 100%;
    padding: 5px 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M4.99978 5.75076C4.80778 5.75076 4.61575 5.67778 4.46975 5.53079L0.46975 1.53079C0.17675 1.23779 0.17675 0.76275 0.46975 0.46975C0.76275 0.17675 1.23779 0.17675 1.53079 0.46975L5.00076 3.93972L8.47073 0.46975C8.76373 0.17675 9.23876 0.17675 9.53176 0.46975C9.82476 0.76275 9.82476 1.23779 9.53176 1.53079L5.53176 5.53079C5.38376 5.67778 5.19178 5.75076 4.99978 5.75076Z' fill='%2317181D'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 7px;
    cursor: pointer;
}

.flatpickr-day.selected {
    background: var(--tp-red-color);
    border: var(--tp-red-color);
}

@media (max-width: 767px) {
    .rs-chat-wrapper {
        flex-direction: column;
    }

    .rs-chat-custom-col {
        width: 100%;
    }

    .rs-massage-right-area {
        width: 100%;
        display: none;
        /* initially hidden */
    }

    .rs-chat-wrapper.chat-open .rs-chat-custom-col {
        display: none;
        /* hide user list when chat opens */
    }

    .rs-chat-wrapper.chat-open .rs-massage-right-area {
        display: block;
        /* show chat full width */
    }
}

.chat-back-btn {
    width: 30px;
    height: 30px;
    background: var(--tp-red-color);
    border-radius: 100%;
}

.chat-back-btn i {
    color: var(--tp-white-color);
    font-size: 12px;
}
.rs-massage-medal {
    overflow-y: scroll;
    scrollbar-width: none;
}

@media (max-width: 335px) {
    .rs-massage-medal {
        padding: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-massage-medal {
        padding: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-massage-medal .rs-product-title {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-massage-medal .rs-product-time {
        font-size: 10px;
        margin-left: inherit;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-massage-medal .rs-product-condition {
        font-size: 10px;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-massage-medal .rs-product-condition .rs-product-border {
        font-size: 10px;
        margin-right: auto;
    }
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: var(--tp-rom-color);
    border-color: var(--tp-red-color);
}

.profile-side-bar {
    cursor: pointer;
}

.rs-more-option {
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    backdrop-filter: blur(4px);
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.rs-more-option.active .rs-more-option-item {
    opacity: 1;
    visibility: visible;
}

.rs-more-option-item {
    position: absolute;
    right: 0;
    top: 35px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s linear;
}

.rs-more-option-item ul {
    background: var(--tp-white-color);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    height: auto;
    width: 200px;
    padding: 10px;
}

.rs-more-option-item ul li {
    text-align: start;
    padding: 10px 16px;
    transition: 0.3s linear;
}

.rs-more-option-item ul li:hover {
    background: var(--tp-red-color);
    border-radius: 4px;
}

.rs-more-option-item ul li:hover a {
    color: var(--tp-white-color);
}

.rs-more-option-item ul li a {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 500;
    transition: 0.3s linear;
}

.my-page {
    display: none;
}

.my-page.active {
    display: block;
}

.rs-wallet-card {
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
    backdrop-filter: blur(10px);
}

@media (max-width: 767px) {
    .rs-wallet-card {
        padding: 16px;
    }
}

@media (max-width: 767px) and (max-width: 345px) {
    .rs-wallet-card {
        padding: 8px;
    }
}

.rs-wallet-card-content {
    bottom: 32px;
    left: 34px;
}

@media (max-width: 767px) {
    .rs-wallet-card-content {
        width: 80%;
    }
}

.rs-wallet-card-content-2 {
    display: flex;
    flex-direction: column;
    height: 75%;
    justify-content: space-between;
    width: 85%;
}

@media (max-width: 767px) {
    .rs-wallet-card-content-2 {
        width: 100%;
        left: 0;
        padding: 12px;
        height: 100%;
        top: 0;
    }
}

.rs-wallet-card-number {
    color: var(--tp-white-color);
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .rs-wallet-card-number {
        font-size: 12px;
    }
}

.rs-wallet-card-name {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-weight: 400;
    flex: 0 0 85px;
}

.rs-wallet-card-name span {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 500;
    display: block;
    line-height: 0.8;
}

.rs-wallet-card-date {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-weight: 400;
}

.rs-wallet-card-date span {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 500;
    display: block;
    line-height: 0.8;
}

.rs-wallet-card-delate-icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .rs-wallet-card-delate-icon {
        margin-left: 0;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}

.rs-wallet-card-delate-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(2px);
    top: 0;
    left: 0;
    border-radius: 4px;
    z-index: -1;
    transition: 0.3s linear;
    animation: zoom 1.7s alternate infinite ease-in;
}

@media (max-width: 767px) {
    .rs-wallet-card-delate-icon svg {
        width: 14px;
        height: 14px;
        transform: translateY(-2px);
    }
}

@media (max-width: 768px) {
    .rs-wallet-card-1 {
        display: none;
    }
}

.rs-wallet-card-2 {
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .rs-wallet-card-2 img {
        max-width: 100% !important;
        height: auto;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .rs-wallet-card-2 .wallet-logo {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 769px) {
    .rs-wallet-card-2 {
        display: none;
    }
}

@media (max-width: 767px) {
    .rs-wallet-card-3 {
        background: none;
        cursor: pointer;
        backdrop-filter: none;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .rs-wallet-card-3 img {
        max-width: 280px !important;
        height: auto;
        object-fit: cover;
    }
}

.rs-wallet-card img.br-8 {
    max-width: inherit;
}

@media (max-width: 767px) {
    .rs-wallet-card-bottom {
        gap: 0;
        justify-content: space-between;
    }
}

.rs-wallet-box {
    overflow-x: scroll;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}

@media (max-width: 767px) {
    .rs-wallet-box {
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .rs-wallet-items {
        padding: 16px;
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
        border-radius: 8px;
        padding: 16px;
    }
}

.rs-wallet-wrapper {
    padding: 24px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .rs-wallet-wrapper {
        padding: 16px;
        display: block !important;
    }
}

@media (max-width: 767px) and (max-width: 345px) {
    .rs-wallet-wrapper {
        padding: 8px;
    }
}

.rs-wallet-balance {
    color: var(--tp-white-color);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rs-wallet-balance {
        font-size: 20px;
        line-height: 1.8;
    }
}

@media (max-width: 767px) and (max-width: 345px) {
    .rs-wallet-balance {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    .rs-wallet-balance-text {
        gap: 0;
        justify-content: space-between;
    }
}

.rs-wallet-balance-text p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rs-wallet-balance-text p {
        font-size: 12px;
    }
}

@media (max-width: 767px) and (max-width: 345px) {
    .rs-wallet-balance-text p {
        font-size: 10px;
        line-height: 1.5;
    }
}

.rs-wallet-balance-add {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    display: inline-block;
    padding: 8px;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .rs-wallet-balance-add {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) and (max-width: 370px) {
    .rs-wallet-balance-add {
        width: 30px;
        height: 30px;
    }

    .tp-sidemenu-close i {
        transition: 0.3s;
    }

    .rs-footer-area {
        padding: 64px;
        padding-bottom: 25px;
    }

    @media (max-width: 767px) {
        .rs-footer-area {
            padding: 25px 0;
        }
    }

    @media (max-width: 767px) {
        .rs-footer-area-2 {
            padding-bottom: 135px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .rs-footer-area-2 {
            padding-bottom: 25px;
        }
    }

    @media (max-width: 400px) {
        .rs-footer-area-2 {
            padding-bottom: 205px;
        }
    }

    @media (max-width: 312px) {
        .rs-footer-area-2 {
            padding-bottom: 235px;
        }
    }

    @media (max-width: 767px) {
        .rs-footer-logo {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .rs-footer-social {
            justify-content: start !important;
        }
    }

    .rs-footer-social a {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        line-height: 38px;
        transition: 0.2s ease-out;
    }

    .rs-footer-social a img {
        transition: 0.3s linear;
    }

    .rs-footer-social a:hover {
        background: var(--tp-red-color);
        transform: scale(1.04);
    }

    .rs-footer-social a:hover img {
        filter: brightness(0) saturate(100%);
    }

    @media (max-width: 767px) {
        .rs-footer-download-app {
            justify-content: start !important;
        }
    }

    .rs-footer-download-app a {
        background: var(--tp-white-color);
        width: 144px;
        height: 40px;
        border-radius: 8px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
    }

    .rs-footer-top {
        border-bottom: 1px solid #363a44;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-footer-widget-3 {
            margin-left: -20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rs-footer-widget-3 {
            margin-left: -30px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rs-footer-widget-2 {
            margin-left: -30px;
        }
    }

    .rs-footer-widget-title {
        color: var(--tp-white-color);
        font-size: 20px;
        font-weight: 500;
        line-height: 32px;
        margin-bottom: 24px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-footer-widget-title {
            margin-bottom: 20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
        .rs-footer-widget-title {
            margin-bottom: 10px;
            font-size: 18px;
        }
    }

    .rs-footer-widget-menu ul li {
        margin-bottom: 20px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rs-footer-widget-menu ul li {
            margin-bottom: 15px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px),
        (max-width: 767px) {
        .rs-footer-widget-menu ul li {
            margin-bottom: 12px;
        }
    }

    .rs-footer-widget-menu ul li a {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        transition: 0.3s linear;
        position: relative;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rs-footer-widget-menu ul li a {
            font-size: 15px;
        }
    }

    .rs-footer-widget-menu ul li a::after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background: rgba(255, 255, 255, 0.8);
        left: 50%;
        transform: translateX(-50%);
        bottom: 1px;
        transition: 0.3s linear;
    }

    .rs-footer-widget-menu ul li a:hover {
        color: var(--tp-white-color);
    }

    .rs-footer-widget-menu ul li a:hover::after {
        width: 100%;
    }

    .rs-footer-contact a {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .rs-footer-contact a svg {
        flex: 0 0 auto;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
        .rs-footer-contact a {
            font-size: 15px;
            margin-bottom: 15px;
        }
    }

    .rs-footer-copyright-border {
        border-bottom: 2px solid #363a44;
        transform: translateY(-13px);
    }

    .rs-footer-copyright-border::before {
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-45%);
        left: 0;
        background: #363a44;
        width: 10.5px;
        height: 10.5px;
        border-radius: 30px;
    }

    .rs-footer-copyright-border::after {
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-45%);
        right: 0;
        background: #363a44;
        width: 10.5px;
        height: 10.5px;
        border-radius: 30px;
    }

    .rs-footer-copyright-text {
        color: #b3bac6;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        display: inline-block;
        background: var(--tp-heading-color);
        padding: 0 24px;
    }

    .rs-footer-copyright-text a {
        color: var(--Gray-300, #b3bac6);
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 0;
        position: relative;
        transition: 0.3s linear;
    }

    .rs-footer-copyright-text a::after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background: rgba(255, 255, 255, 0.8);
        left: 50%;
        transform: translateX(-50%);
        bottom: 1px;
        transition: 0.3s linear;
    }

    .rs-footer-copyright-text a:hover {
        color: var(--tp-white-color);
    }

    .rs-footer-copyright-text a:hover::after {
        width: 100%;
    }

    @media (max-width: 767px) {
        .rs-footer-logo a img {
            width: 300px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
        .rs-footer-widget {
            margin-bottom: 33px;
        }
    }

    @media (max-width: 767px) {
        .rs-hero-area {
            padding-bottom: 55px;
        }
    }

    .rs-hero-sub-title span {
        color: var(--tp-heading-color);
        font-size: 32px;
        font-weight: 500;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-hero-sub-title span {
            font-size: 27px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rs-hero-sub-title span {
            font-size: 30px;
        }
    }

    @media (max-width: 767px) {
        .rs-hero-sub-title span {
            font-size: 18px;
        }
    }

    .rs-hero-title {
        color: var(--tp-red-color);
        font-size: 56px;
        font-weight: 600;
        line-height: 64px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .rs-hero-title {
            font-size: 46px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-hero-title {
            font-size: 37px;
            margin-top: 10px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rs-hero-title {
            font-size: 45px;
            line-height: 45px;
        }
    }

    @media (max-width: 767px) {
        .rs-hero-title {
            font-size: 25px;
            line-height: 1;
            font-weight: 700;
            margin-top: 10px;
        }
    }

    .rs-hero-title span {
        color: var(--tp-heading-color);
        display: block;
        line-height: 64px;
        margin-top: 16px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-hero-title span {
            margin-top: 0px;
        }
    }

    @media (max-width: 767px) {
        .rs-hero-title span {
            line-height: 1;
        }
    }

    .rs-hero-text {
        color: var(--tp-heading-color);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 20px;
    }

    @media (max-width: 767px) {
        .rs-hero-text br {
            display: none;
        }
    }

    .rs-hero-location {
        display: flex;
        align-items: center;
    }

    .rs-hero-location span {
        color: var(--tp-red-color);
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
    }

    .rs-hero-location i {
        width: 32px;
        height: 32px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        border-radius: 8px 8px 32px 32px;
        background: #fbe5e5;
        margin-right: 5px;
    }

    .rs-hero-btn a {
        color: var(--tp-white-color);
        font-size: 14px;
        font-weight: 500;
        border-radius: 4px;
        background: var(--tp-red-color);
        height: 56px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        padding: 12px 24px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        transition: 0.3s linear;
    }

    .rs-hero-btn a::before {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: var(--tp-grey-color-3);
        z-index: -1;
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        transition: 0.4s linear;
        z-index: -1;
    }

    .rs-hero-btn a:hover svg {
        transform: rotate(-45deg);
    }

    .rs-hero-btn a:hover::before {
        opacity: 1;
        visibility: visible;
        width: 105%;
    }

    .rs-hero-btn a i {
        margin-left: 10px;
    }

    .rs-hero-btn a i svg {
        transition: 0.3s linear;
    }

    .rs-hero-big-img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -53%);
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px),
        (max-width: 767px) {
        .rs-hero-big-img {
            transform: translate(-55%, -53%);
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px),
        (max-width: 767px) {
        .rs-hero-img.mr-25 {
            margin-right: 15px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px),
        (max-width: 767px) {
        .rs-hero-img img.mb-25 {
            margin-bottom: 15px;
        }
    }

    .rs-hero-img-area {
        margin-right: -25px;
    }

    .rs-hero-img-shadow {
        position: relative;
    }

    .rs-hero-img-shadow::before {
        position: absolute;
        content: "";
        border-radius: 8px;
        border: 10px solid var(--tp-white-color);
        box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
        .rs-hero-content {
            margin-top: 20px;
        }
    }

    .rs-hero-img-shadow {
        position: relative;
        border-radius: 8px;
    }

    .rs-hero-img-shadow::before {
        position: absolute;
        content: "";
        border-radius: 8px;
        border: 10px solid var(--tp-white-color);
        box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        overflow: hidden;
        z-index: 11;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px),
        (max-width: 767px) {
        .rs-hero-img-shadow::before {
            border: 7px solid var(--tp-white-color);
        }
    }

    #bigImage {
        width: 350px;
        height: 456px;
        object-fit: cover;
        border-radius: 8px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        #bigImage {
            width: 300px !important;
            height: 400px !important;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        #bigImage {
            width: 250px !important;
            height: 300px !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        #bigImage {
            width: 350px !important;
            height: 450px !important;
        }
    }

    @media (max-width: 767px) {
        #bigImage {
            width: 200px !important;
            height: 240px !important;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        #bigImage {
            width: 300px !important;
            height: 355px !important;
        }
    }

    @media only screen and (min-width: 460px) and (max-width: 575px) {
        #bigImage {
            width: 300px !important;
            height: 355px !important;
        }
    }

    #bigImage.fade-out {
        transform: scale(1.2);
    }

    .small-img {
        cursor: pointer;
    }

    .image-clone {
        position: absolute;
        z-index: 5;
        border-radius: 8px;
        object-fit: cover;
        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .image-clone {
            width: 300px !important;
            height: 400px !important;
        }
    }

    .rs-category-area {
        border-bottom: 1px solid rgb(237, 238, 241);
    }

    @media (max-width: 767px) {
        .rs-category-area {
            margin-bottom: 25px;
            padding-bottom: 25px;
        }
    }

    @media (max-width: 767px) {
        .rs-category-area .rs-section-title-wrapper {
            margin-bottom: 15px;
        }
    }

    .rs-category-wrapper {
        gap: 24px;
        flex-wrap: wrap;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px),
        only screen and (min-width: 1200px) and (max-width: 1399px),
        only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-category-wrapper {
            justify-content: center !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
        .rs-category-wrapper {
            overflow-y: scroll;
            flex-wrap: nowrap;
            scrollbar-width: none;
        }
    }

    .rs-category-title {
        margin-bottom: 0;
    }

    .rs-category-title a {
        color: var(--tp-heading-color);
        font-size: 14px;
        font-weight: 600;
        transition: 0.3s linear;
        line-height: 1;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px),
        (max-width: 767px) {
        .rs-category-title a {
            font-size: 12px;
        }
    }

    .rs-category-item {
        color: var(--tp-grey-color-3);
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .rs-category-img {
        width: 140px;
        height: 100px;
        margin: auto;
        object-fit: cover;
    }

    .rs-category-img img {
        width: 140px;
        height: 100px;
        transition: 0.3s ease-in-out;
        object-fit: contain;
    }

    .rs-category-box {
        border-radius: 8px;
        background: var(--tp-white-color);
        padding: 12px 16px;
        width: 268px;
        position: relative;
        overflow: hidden;
        transition: 0.3s linear;
        flex: 0 0 260px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .rs-category-box {
            flex: 0 0 260px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .rs-category-box {
            flex: 0 0 215px;
            padding: 12px 10px;
        }
    }

    @media (max-width: 767px) {
        .rs-category-box {
            flex: 0 0 190px;
            padding: 12px 10px;
        }
    }

    .rs-category-box::before {
        position: absolute;
        content: "";
        width: 66px;
        height: 66px;
        background: #d92eae;
        filter: blur(200px);
        border-radius: 100%;
        right: -17.2px;
        bottom: -17px;
    }

    .rs-category-box::after {
        position: absolute;
        content: "";
        width: 66px;
        height: 66px;
        background: #d92eae;
        filter: blur(200px);
        border-radius: 100%;
        left: -17.2px;
        top: -17px;
    }

    .rs-category-box:hover {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    }

    .rs-category-box:hover .rs-category-title a {
        color: var(--tp-red-color);
    }

    .rs-category-box:hover .rs-category-img img {
        transform: scale(1.1);
    }

    @media (max-width: 767px) {
        .rs-product-area {
            padding-bottom: 70px;
        }
    }

    @media (max-width: 767px) {
        .rs-product-area .rs-section-title-wrapper {
            margin-bottom: 15px;
        }
    }

    @media (max-width: 767px) {
        .rs-product-area .rs-section-title-wrapper .rs-section-sub-title {
            margin-bottom: 8px;
        }
    }

    @media (max-width: 767px) {
        .rs-product-top-btn {
            position: absolute;
            bottom: 22px;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .rs-product-top-btn {
            position: absolute;
            bottom: 22px;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
        }
    }

    .rs-product-top-btn a {
        color: var(--tp-red-color);
        font-size: 12px;
        font-weight: 500;
        border-radius: 4px;
        border: 1px solid var(--tp-red-color);
        display: flex;
        width: 120px;
        height: 40px;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        transition: 0.3s linear;
    }

    @media (max-width: 767px) {
        .rs-product-top-btn a {
            display: block;
            width: 100%;
            padding: 0;
            line-height: 40px;
            text-align: center;
            margin: 0 12px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .rs-product-top-btn a {
            padding: 10px;
            line-height: 20px;
        }
    }

    .rs-product-top-btn a svg {
        transition: 0.3s linear;
        color: var(--tp-red-color);
    }

    @media (max-width: 767px) {
        .rs-product-top-btn a svg {
            margin-left: 10px;
        }
    }

    .rs-product-top-btn a::before {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--tp-red-color);
        z-index: -1;
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        transition: 0.4s linear;
        z-index: -1;
    }

    .rs-product-top-btn a:hover {
        color: var(--tp-white-color);
    }

    .rs-product-top-btn a:hover svg {
        transform: rotate(-45deg);
        color: var(--tp-white-color);
    }

    .rs-product-top-btn a:hover::before {
        opacity: 1;
        visibility: visible;
        width: 105%;
    }

    @media (max-width: 767px) {
        .rs-product-box-2 {
            width: 100%;
            position: relative;
        }
    }

    @media (max-width: 767px) {
        .rs-product-box-wishlist {
            width: 100%;
        }
    }

    @media (max-width: 445px) {
        .rs-product-box-3 {
            gap: 8px !important;
        }
    }

    @media (max-width: 395px) {
        .rs-product-box-3 {
            flex-wrap: wrap;
        }
    }

    @media (max-width: 395px) {
        .rs-product-box-3 .rs-product-thumb {
            width: 100%;
        }
    }

    @media (max-width: 395px) {
        .rs-product-box-3 .rs-product-thumb img {
            width: 100%;
            border-radius: 8px 8px 0 0 !important;
        }
    }

    .rs-product-box:hover {
        box-shadow: 0 2px 15px 0 #d3d9e0;
    }

    .rs-product-box:hover img {
        transform: scale(1.03);
    }

    @media (max-width: 767px) {
        .rs-product-content-2 {
            padding: 8px !important;
        }
    }

    @media (max-width: 445px) {
        .rs-product-content-2 {
            padding-left: 0 !important;
        }
    }

    @media (max-width: 395px) {
        .rs-product-content-2 {
            padding-top: 0 !important;
            padding-left: 8px !important;
        }
    }

    @media (max-width: 767px) {
        .rs-product-thumb-4 {
            overflow: visible;
        }
    }

    .rs-product-thumb img {
        border-radius: 8px 8px 0 0;
        width: 100%;
        max-height: 180px;
        overflow: hidden;
        object-fit: cover;
        transition: 0.2s linear;
    }

    .rs-product-thumb-love {
        top: 12px;
        right: 12px;
        width: 32px;
        height: 32px;
        border-radius: 4px;
        background: var(--tp-grey-color);
        backdrop-filter: blur(4px);
        text-align: center;
        line-height: 30px;
        padding: 0;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .rs-wallet-balance-add svg {
        margin-left: 0;
    }
}

.range-values cite:last-child::after {
    display: none;
}

.range-values cite::after {
    position: absolute;
    content: "";
    width: 6.5px;
    height: 1.3px;
    background: #3d434f;
    top: 50%;
    transform: translateY(-50%);
    right: -11%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .range-values cite::after {
        right: -15%;
    }
}

.range-values span {
    color: var(--tp-heading-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
}

.range-values i {
    color: var(--tp-heading-color);
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 32px;
}

.accordion-button {
    font-size: 15px;
    font-weight: 600;
    background: none;
    box-shadow: none;
    padding: 8px 0;
}

.form-check {
    margin-bottom: 12px;
    font-size: 12px;
    height: 24px;
}

.badge-count {
    background: #f1f1f1;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 12px;
    margin-left: 5px;
}

.range-slider {
    position: relative;
    width: 100%;
    height: 4px;
    background: #ddd;
}

.range-slider .progress {
    position: absolute;
    height: 4px;
    background: var(--tp-red-color);
    border-radius: 0;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 4px;
    top: -4px;
    background: none;
    pointer-events: none;
    appearance: none;
    border: none;
}

.range-input input::-webkit-slider-thumb {
    pointer-events: auto;
    appearance: none;
    width: 8px;
    height: 15px;
    border-radius: 2px;
    background: var(--tp-red-color);
    cursor: pointer;
}

.form-check .form-check-input {
    border-radius: 4px;
    border: 2px solid var(--Gray-300, #b3bac6);
    transform: translateY(2.5px);
}

.form-check .form-check-input input:focus {
    box-shadow: none;
}

.form-check label {
    color: var(--Gray-800, #3d434f);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .form-check label {
        font-size: 12px;
    }
}

.form-check label span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    border-radius: 35px;
    border: 1px solid var(--Gray-100, #edeef1);
    height: 22px;
    padding: 0 8px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
}

@media (max-width: 340px) {
    .rs-filter-side-btn {
        width: 100%;
    }
}

.rs-filter-side-btn button {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #edeef1;
    background: var(--tp-white-color);
    padding: 2px 15px;
}

@media (max-width: 767px) {
    .rs-filter-side-btn button {
        font-size: 12px;
        gap: 10px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-filter-side-btn button {
        font-size: 12px;
    }
}

@media (max-width: 340px) {
    .rs-filter-side-btn button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .rs-filter-side-btn button {
        font-size: 10px;
        padding: 2px 8px;
        gap: 7px !important;
    }
}

@media (max-width: 390px) {
    .rs-filter-side-btn button svg {
        width: 14px;
    }
}

@media (max-width: 767px) {
    .rs-filter-side-btn button svg {
        width: 15px;
    }
}

.rs-product-filter-accordion {
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .rs-product-item-show-area {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .rs-product-item-show-area p {
        margin-bottom: 15px !important;
    }
}

.rs-product-item-show-content-left p {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.rs-product-item-show-content-left p span {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 400;
}

.rs-product-item-show-content-left p cite {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
}

@media (max-width: 767px) {
    .rs-product-item-show-content-right {
        gap: 5px;
    }
}

@media (max-width: 767px) {
    .rs-product-item-show-content-right .rs-product-item-show-page {
        display: flex;
        align-items: center;
        gap: 5px;
    }
}

.rs-product-item-show-btn {
    width: 40px;
    height: 40px;
    align-items: center;
    border-radius: 4px;
    background: var(--tp-grey-color);
    border: 1px solid var(--tp-grey-color);
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #cbd5e1;
}

.rs-product-item-show-btn:hover {
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
}

.rs-product-item-show-btn:hover svg {
    color: #1e293b;
}

@media (max-width: 320px) {
    .rs-product-item-show-btn {
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

.rs-product-item-show-page a {
    color: var(--Gray-600, #565f73);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    transition: 0.3s linner;
    border: 1px solid rgb(237, 238, 241);
    width: 40px;
    height: 40px;
}

.rs-product-item-show-page a:hover {
    background: var(--tp-red-color);
    color: var(--tp-white-color);
    border-color: transparent;
}

@media (max-width: 320px) {
    .rs-product-item-show-page a {
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .rs-product-details-price {
        margin-bottom: 8px;
    }
}

.rs-product-pagination {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 8px;
}

.rs-product-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    border: 1px solid var(--Gray-200, #d7dae0);
    background: var(--tp-white-color);
    display: block;
    margin-right: 4px;
    transition: 0.3s linear;
}

.rs-product-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.rs-product-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px;
    height: 8px;
    border-radius: 50px;
    background: var(--tp-red-color);
    opacity: 1;
    border-color: transparent;
}

@media (max-width: 349px) {
    .rs-product-btn {
        display: block !important;
    }

    .rs-product-btn a {
        margin-bottom: 10px;
    }
}

@media (max-width: 395px) {
    .rs-product-btn-2 {
        display: flex !important;
        width: 70% !important;
        justify-content: end;
    }
}

@media (max-width: 395px) {
    .rs-product-btn-2 a {
        margin-bottom: 0;
    }
}

/* filter-offcanvas */
.rs-filter-offcanvas {
    position: fixed;
    top: 0;
    transform: translatex(-100%);
    width: 300px;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    transition: all 0.4s ease;
}

.rs-filter-offcanvas.open {
    transform: translatex(0);
}

.rs-filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, 0.44);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.rs-filter-overlay.show {
    opacity: 1;
    visibility: visible;
}

.rs-filter-close {
    border-radius: 4px;
    background: var(--tp-white-color);
    width: 32px;
    height: 32px;
}

.rs-filter-close svg {
    transition: 0.3s linear;
}

.rs-filter-close svg:hover {
    transform: rotate(-90deg);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-time.ml-48 {
        margin-left: 22px;
    }
}

@media (max-width: 767px) {
    .makeOfferBtn-2 {
        height: 24px;
        margin-left: 0;
        padding: 0;
        flex: 0 0 auto !important;
        padding: 5px 0;
        width: 82px;
    }

    .makeOfferBtn-2 svg {
        display: none;
    }
}

.rs-product-menu__icon {
    transition: 0.3s linear;
}

.rs-product-menu__icon-1.active,
.rs-product-menu__icon-2.active {
    color: var(--tp-red-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-product-slide-2 {
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .rs-sell-area {
        margin-bottom: 10px;
    }
}

.rs-sell-bg {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-bg {
        padding: 40px 0;
    }
}

.rs-sell-bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.95) 100%
    );
    z-index: -1;
    top: 0;
    left: 0;
}

.rs-sell-bg::after {
    position: absolute;
    content: "";
    width: 746px;
    height: 746px;
    background: #6998af;
    filter: blur(500px);
    border-radius: 100%;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.rs-sell-img {
    max-width: 586px;
    width: 100%;
    max-height: 448px;
    height: 100%;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-img {
        margin-bottom: 25px;
    }
}

.rs-sell-img img {
    border-radius: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-img img {
        width: 100%;
        object-fit: cover;
    }
}

.rs-sell-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    border: 10px solid var(--tp-white-color);
    box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.8);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-img::before {
        border: 10px solid var(--tp-white-color);
    }
}

@media (max-width: 767px) {
    .rs-sell-img::before {
        border: 7px solid var(--tp-white-color);
    }
}

.rs-sell-sub-title {
    color: var(--tp-white-color);
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 16px;
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-sub-title {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-sell-sub-title {
        font-size: 30px;
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .rs-sell-sub-title {
        font-size: 18px;
        margin-bottom: 3px;
    }
}

.rs-sell-title {
    color: var(--tp-red-color);
    font-size: 56px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-title {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .rs-sell-title {
        font-size: 32px;
    }
}

.rs-sell-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rs-sell-content p {
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .rs-sell-content p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-sell-content p br {
        display: none;
    }
}

.rs-sell-btn a {
    height: 56px;
    display: inline-block !important;
    line-height: 56px;
    padding: 0 24px;
    margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-sell-right {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.rs-count-wrapper {
    gap: 24px;
}

@media (max-width: 767px) {
    .rs-count-icon {
        transform: translateY(5px);
    }
}

.rs-count-icon img {
    width: 32px;
    height: 32px;
    max-width: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-count-area {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-count-area .rs-section-title {
        margin-bottom: 8px !important;
    }
}

.rs-count-cercle {
    position: relative;
}

.rs-count-cercle::before {
    content: "";
    width: 431px;
    height: 431px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 431px;
    background: #ffcece;
    z-index: -1;
    filter: blur(200px);
}

.rs-count-item {
    gap: 12px;
    border-radius: 4px;
    background: var(--tp-white-color);
    box-shadow: 0 4px 16px 0 #efefef;
    padding: 27px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-count-item {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-count-item {
        padding: 27px 10px;
    }
}

.rs-count-counter {
    margin-bottom: 0;
}

.rs-count-counter span {
    color: var(--tp-red-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 0;
}

@media (max-width: 767px) {
    .rs-count-counter span {
        font-size: 18px;
        font-weight: 700;
    }
}

.rs-count-counter span i {
    color: var(--tp-red-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-count-counter span i {
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    .rs-count-counter span i {
        font-size: 18px;
        font-weight: 700;
    }
}

.rs-count-title {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .rs-count-title {
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
    }
}

.rs-count-text {
    color: var(--tp-grey-color-4);
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-count-text {
        font-size: 11px;
    }
}

.rs-user-bg {
    z-index: 1;
    position: relative;
}

.rs-user-bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.6) 100%
    );
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-user-bg::after {
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.9) 0%,
            rgba(0, 0, 0, 0.9) 100%
        );
    }
}

.rs-user-shape {
    position: relative;
}

@media (max-width: 767px) {
    .rs-user-shape {
        padding-top: 50px;
    }
}

.rs-user-shape::before {
    position: absolute;
    content: "";
    width: 799px;
    height: 799px;
    top: 0;
    left: 0;
    border-radius: 100%;
    background: #003d3a;
    filter: blur(400px);
    z-index: 2;
}

.rs-user-shape::after {
    position: absolute;
    content: "";
    width: 799px;
    height: 799px;
    top: 0;
    right: 0;
    border-radius: 100%;
    background: #3d0000;
    filter: blur(400px);
    z-index: 2;
}

.rs-user-name a {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.rs-user-name span {
    color: #b3bac6;
    font-size: 12px;
    font-weight: 400;
}

.rs-user-text p {
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.rs-user-box {
    position: relative;
    z-index: 5;
    padding: 24px;
    backdrop-filter: blur(10px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-user-box {
        margin-bottom: 24px;
    }
}

.rs-user-box:hover::before {
    transform: scale(1.04);
}

.rs-user-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.3s linear;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-user-box-row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overscroll-behavior-y: contain;
        scrollbar-width: none;
        position: relative;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-mobile-img {
        margin-bottom: 30px;
        margin-right: 0;
    }
}

.rs-mobile-img-2 {
    margin-left: -88px;
    position: relative;
}

.rs-mobile-img-2::after {
    position: absolute;
    content: "";
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.67) 0%,
        rgba(0, 0, 0, 0.67) 100%
    );
    width: 93%;
    height: 97%;
    top: 10px;
    left: 10px;
    border-radius: 45px 45px 36px 36px;
    transition: 0.4s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-mobile-img-2::after {
        width: 93%;
        height: 97%;
        top: 4px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-img-2::after {
        height: 98%;
        top: 0px;
    }
}

.rs-mobile-img-2:hover::after {
    opacity: 0;
    visibility: hidden;
}

.rs-mobile-img-1 {
    position: relative;
    z-index: 1;
}

.rs-mobile-img-1::after {
    position: absolute;
    content: "";
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.67) 0%,
        rgba(0, 0, 0, 0.67) 100%
    );
    width: 92%;
    height: 96%;
    top: 10px;
    left: 10px;
    border-radius: 25px;
    transition: 0.3s linear;
}

@media (max-width: 767px) {
    .rs-mobile-img-1::after {
        height: 98%;
        top: 6px;
    }
}

.rs-mobile-img-1:hover::after {
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-mobile-right .fns-56 {
        font-size: 52px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-mobile-right .fns-56 {
        font-size: 42px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-mobile-right .mt-22 {
        margin-top: 8px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-mobile-right p br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-mobile-app-area {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area {
        padding-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-sub-title {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-mobile-app-wrapper {
        gap: 16px;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-mobile-app-wrapper p {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-title {
        font-size: 50px !important;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-title {
        font-size: 24px !important;
        font-weight: 700 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-mobile-app-area .rs-section-title span {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-area .rs-section-title span {
        margin-top: 2px;
    }
}

.rs-mobile-app-area::after {
    position: absolute;
    content: "";
    width: 4022px;
    height: 4022px;
    border-radius: 100%;
    background: #ffe3e3;
    filter: blur(200px);
    left: -110%;
    bottom: -3007.813px;
    z-index: -1;
}

.rs-mobile-app-area::before {
    position: absolute;
    content: "";
    width: 431px;
    height: 431px;
    border-radius: 431px;
    background: #cefff1;
    filter: blur(200px);
    right: -135px;
    top: -135px;
    z-index: -1;
}

.rs-mobile-app-Download-btn {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    background: var(--tp-red-color);
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    padding: 0 31px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s ease-out;
}

.rs-mobile-app-Download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 15px 0 #d3d9e0;
}

.rs-mobile-app-Download-btn:hover svg {
    transform: rotate(-45deg);
}

.rs-mobile-app-box {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: var(--tp-white-color);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(6px);
    padding: 16px;
    max-width: 290px;
    transition: 0.3s linear;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-mobile-app-box {
        max-width: inherit;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .rs-mobile-app-box {
        flex-wrap: wrap;
        max-width: inherit;
        width: 50%;
        justify-content: center;
        flex: 0 0 169px;
    }
}

.rs-mobile-app-box:hover {
    transform: translateY(-3px);
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-details-area {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .rs-details-wrapper {
        padding: 16px;
    }
}

.rs-details-slide {
    height: 100px;
    box-sizing: border-box;
}

.rs-details-slide img {
    border-radius: 4px;
}

.rs-details-slide .swiper-slide {
    width: 25%;
    height: 100%;
    cursor: pointer;
    position: relative;
    width: 156px !important;
}

@media (max-width: 767px) {
    .rs-details-slide .swiper-slide {
        width: 100px !important;
        height: 100px;
    }
}

.rs-details-slide .swiper-slide img {
    width: 156px;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .rs-details-slide .swiper-slide img {
        width: 100px;
        height: 100%;
        object-fit: cover;
    }
}

.rs-details-slide .swiper-slide::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.4) 100%
    );
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .rs-details-slide .swiper-slide::after {
        width: 100px;
        height: 100px;
    }
}

.rs-details-slide .swiper-slide-thumb-active {
    opacity: 1;
    border-radius: 4px;
    border: 3px solid var(--tp-red-color);
}

.rs-details-slide .swiper-slide-thumb-active::after {
    display: none;
}

.rs-details-slide .swiper-slide-thumb-active img {
    border-radius: 0;
}

.rs-details-slide-2 {
    width: 100%;
    height: 456px;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .rs-details-slide-2 {
        height: 240px;
    }
}

.rs-details-slide-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.rs-product-details-contact a {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 4px;
    background: var(--Roman-50, #fdf3f3);
    margin-bottom: 12px;
    padding: 13px 24px;
}

.rs-product-details-contact a:last-child {
    margin-bottom: 0;
}

@media (max-width: 310px) {
    .rs-product-details-contact a {
        padding: 13px 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-details-info {
        margin-top: 45px;
    }
}

.rs-product-details-info-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .rs-product-details-info-title {
        font-size: 16px;
    }
}

.rs-product-details-info-title a {
    transition: 0.3s linear;
}

.rs-product-details-info-title a:hover {
    color: var(--tp-red-color);
}

.rs-product-details-info-posted,
.rs-product-details-info-condition,
.rs-product-details-info-location {
    color: var(--Gray-500, #687387);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .rs-product-details-info-posted,
    .rs-product-details-info-condition,
    .rs-product-details-info-location {
        font-size: 12px;
    }
}

@media (max-width: 450px) {
    .rs-product-details-info-posted,
    .rs-product-details-info-condition,
    .rs-product-details-info-location {
        gap: 20px;
    }
}

@media (max-width: 299px) {
    .rs-product-details-info-posted,
    .rs-product-details-info-condition,
    .rs-product-details-info-location {
        gap: 3px;
        flex-wrap: wrap;
        padding: 5px 0;
        line-height: 1.3;
    }
}

.rs-product-details-info-posted span,
.rs-product-details-info-condition span,
.rs-product-details-info-location span {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .rs-product-details-info-posted span,
    .rs-product-details-info-condition span,
    .rs-product-details-info-location span {
        font-size: 12px;
    }
}

.rs-product-details-info-btn {
    border-radius: 4px;
    background: var(--tp-grey-color);
    padding: 16px;
}

@media (max-width: 0px), (max-width: 399px) {
    .rs-product-details-info-btn {
        flex-wrap: wrap !important;
    }
}

@media (max-width: 400px), (max-width: 767px) {
    .rs-product-details-info-btn {
        flex-wrap: nowrap;
        padding: 8px;
    }
}

@media (max-width: 300px) {
    .rs-product-details-info-btn {
        padding: 8px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-info-btn {
        flex-wrap: nowrap;
    }
}

.rs-product-details-info-btn button {
    height: 48px;
    flex: 0 50%;
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 400px), (max-width: 767px) {
    .rs-product-details-info-btn button {
        flex: 0 50%;
        font-size: 12px;
    }
}

@media (max-width: 0px), (max-width: 399px) {
    .rs-product-details-info-btn button {
        flex: 0 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-info-btn button {
        flex: 0 50%;
    }
}

.rs-product-details-info-rating {
    gap: 4px;
}

.rs-product-details-info-rating-area {
    border-bottom: 1px solid #edeef1;
}

@media (max-width: 335px) {
    .rs-product-details-info-rating-area img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 300px) {
    .rs-product-details-info-rating-area img {
        width: 50px;
        height: 50px;
    }
}

.rs-product-details-info-rating-author-name {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
}

.rs-product-details-info-rating-author-name svg {
    margin-left: 5px;
    transform: translateY(2px) !important;
}

@media (max-width: 335px) {
    .rs-product-details-info-rating-author-name {
        font-size: 12px;
    }
}

@media (max-width: 300px) {
    .rs-product-details-info-rating-author-name {
        font-size: 12px;
    }
}

.rs-product-details-info-rating span {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 600;
}

.rs-product-details-info-rating cite {
    overflow: hidden;
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
}

.rs-product-details-info-rating svg {
    transform: translateY(-2px);
}

.rs-product-details-info-rating-year span {
    color: var(--tp-grey-color-4);
    font-weight: 400;
    line-height: 20px;
    font-size: 12px;
}

.rs-product-details-info-box {
    border-radius: 4px;
    border: 1px solid var(--Gray-100, #edeef1);
    padding: 12px;
    flex: 0 50%;
}

@media (max-width: 767px) {
    .rs-product-details-info-box {
        flex: 0 100%;
    }
}

@media (max-width: 395px) {
    .rs-product-details-price {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.rs-product-details-price a {
    color: var(--tp-red-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

@media (max-width: 767px) {
    .rs-product-details-price a {
        font-size: 25px;
    }
}

.rs-product-details-price a span {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .rs-product-details-price a span {
        font-size: 12px;
    }
}

@media (max-width: 450px) {
    .rs-product-details-price-contact-icon {
        gap: 8px !important;
    }
}

/* .rs-product-details-price-contact-icon-bg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    backdrop-filter: blur(4px);
    text-align: center;
    line-height: 38.5px !important;
} */

@media (max-width: 767px) {
    .rs-product-details-price-contact-icon-bg {
        width: 24px;
        height: 24px;
        line-height: 24px !important;
    }
}

@media (max-width: 767px) {
    .rs-product-details-price-contact-icon-bg svg {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-price-contact-icon-bg {
        width: 30px;
        height: 30px;
        line-height: 30px !important;
    }
}

.rs-product-details-massage-btn {
    color: var(--tp-red-color);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12) inset;
    padding: 5px 10px;
    height: 48px;
    line-height: 38px;
    flex: 0 50%;
}

@media (max-width: 400px), (max-width: 767px) {
    .rs-product-details-massage-btn {
        flex: 0 50%;
        font-size: 12px;
    }
}

@media (max-width: 0px), (max-width: 399px) {
    .rs-product-details-massage-btn {
        flex: 0 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-product-details-massage-btn {
        flex: 0 50%;
    }
}

.rs-product-info-head {
    border-radius: 8px;
    background: var(--tp-grey-color);
    padding: 24px 16px;
}

.rs-product-info-title {
    color: var(--Black, #24262d);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rs-product-info-title {
        font-size: 18px;
    }
}

.rs-product-about-title {
    color: var(--Black, #24262d);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .rs-product-about-title {
        font-size: 16px;
    }
}

.rs-product-brand,
.rs-product-model,
.rs-product-warranty,
.rs-product-color {
    padding: 9px;
    border-top: 1px solid #edeef1;
    width: 464px;
}

@media (max-width: 767px) {
    .rs-product-brand,
    .rs-product-model,
    .rs-product-warranty,
    .rs-product-color {
        width: 100%;
    }
}

.rs-product-brand:last-child,
.rs-product-model:last-child,
.rs-product-warranty:last-child,
.rs-product-color:last-child {
    border-bottom: 1px solid #edeef1;
}

.rs-product-brand p,
.rs-product-model p,
.rs-product-warranty p,
.rs-product-color p {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    flex: 0 140px;
}

@media (max-width: 767px) {
    .rs-product-brand p,
    .rs-product-model p,
    .rs-product-warranty p,
    .rs-product-color p {
        font-size: 12px;
    }
}

.rs-product-brand span,
.rs-product-model span,
.rs-product-warranty span,
.rs-product-color span {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 767px) {
    .rs-product-brand span,
    .rs-product-model span,
    .rs-product-warranty span,
    .rs-product-color span {
        font-size: 12px;
    }
}

.rs-product-description-title {
    color: var(--Black, #24262d);
    font-size: 18px;
    font-weight: 600;
}

.rs-product-description-text li {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.9;
}

@media (max-width: 767px) {
    .rs-product-description-text li {
        font-size: 12px;
    }
}

@media (max-width: 425px) {
    .rs-product-description-text li {
        line-height: 1.7;
        padding: 8px 0;
    }
}

.rs-product-location-area {
    border-radius: 4px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-location-area {
        margin-top: 45px;
    }
}

@media (max-width: 767px) {
    .rs-product-location-area {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-product-location-area iframe {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .rs-product-location-area iframe {
        height: 300px;
    }
}

.rs-product-location-area a {
    color: var(--tp-red-color);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px;
}

@media (max-width: 450px) {
    .rs-product-location-area a {
        font-size: 14px;
    }
}

@media (max-width: 370px) {
    .rs-product-location-area a {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rs-details-bottom-area {
        padding: 12px 16px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 4px;
        background: var(--tp-white-color);
        box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
        z-index: 99;
    }
}

@media (max-width: 767px) {
    .rs-details-bottom-area .rs-product-details-price {
        margin-top: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-details-bottom-area .rs-product-details-price {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-details-bottom-area {
        position: inherit;
        box-shadow: none;
    }
}

.rs-post-ad-title {
    color: var(--tp-heading-color);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-ad-title {
        font-size: 35px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .rs-post-ad-title {
        font-size: 20px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .rs-post-ad-box {
        padding: 12px;
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .rs-post-ad-info {
        padding-top: 40px;
    }
}

.rs-post-cta-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 13px;
}

@media (max-width: 767px) {
    .rs-post-cta-title {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-post-cta-title {
        font-size: 20px;
    }
}

.rs-post-cta-title-2 {
    color: var(--Gray-Black, #24262d);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    flex: 0 50%;
}

@media (max-width: 767px) {
    .rs-post-cta-title-2 {
        flex: 0 0 100%;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        font-size: 14px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .rs-post-cta-title-2 {
        font-size: 12px;
    }
}

.rs-post-cta-title-2 .negotiable {
    color: var(--Black-c, #1d1d1d);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    width: 79%;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    gap: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-post-cta-title-2 .negotiable {
        width: 75%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-post-cta-title-2 .negotiable {
        width: 68%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-cta-title-2 .negotiable {
        width: 55%;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-title-2 .negotiable {
        margin-left: auto;
        width: auto;
    }
}

.rs-post-cta-title-2 .negotiable svg {
    transform: translateY(-2px);
}

.rs-post-cta-title-2 .negotiable:nth-child {
    text-align: end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-cta-form {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-form {
        flex-wrap: wrap;
        gap: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-post-cta-select {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-select {
        flex-wrap: wrap;
        gap: 0;
    }
}

.rs-post-cta-select a {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    padding: 16px;
    flex: 0 50%;
    height: 56px;
}

.rs-post-cta-select-icon {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: var(--tp-white-color);
    border-radius: 3px;
}

@media (max-width: 767px) {
    .rs-step-tabs {
        gap: 18px;
        justify-content: center !important;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .rs-step-tabs {
        gap: 14px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .rs-step-tabs {
        flex-wrap: wrap;
        gap: 40px;
    }
}

.step-tabs {
    display: flex;
    justify-content: center;
    margin: 30px auto;
    max-width: 700px;
}

.step-tab {
    flex: 0 0 203px;
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    color: var(--tp-heading-color);
    height: 40px;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 767px) {
    .step-tab {
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        flex: 0 0 125px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab {
        font-size: 10px !important;
        flex: 0 0 105px;
        height: 25px;
        line-height: 25px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab {
        flex: 0 0 100%;
        height: 35px;
        line-height: 35px;
        font-size: 12px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .step-tab {
        flex: 0 0 192px;
    }
}

.step-tab .step-tab-svg-1 {
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-grey-color-5);
}

@media (max-width: 767px) {
    .step-tab .step-tab-svg-1 {
        width: 20px;
        height: 20px;
        top: -26px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab .step-tab-svg-1 {
        width: 25px;
        height: 25px;
        top: -35px;
    }
}

.step-tab .step-tab-svg-2 {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-grey-color-5);
}

@media (max-width: 767px) {
    .step-tab .step-tab-svg-2 {
        width: 7px;
        height: 7px;
        top: -7px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab .step-tab-svg-2 {
        width: 10px;
        height: 10px;
        top: -10px;
    }
}

.step-tab .step-tab-svg-3 {
    top: -51px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
    display: none;
}

.step-tab::after {
    position: absolute;
    content: "";
    background: var(--tp-grey-color-5);
    width: 204px;
    height: 2px;
    top: -36px;
    left: 121px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .step-tab::after {
        width: 194px;
        left: 115.4px;
    }
}

@media (max-width: 767px) {
    .step-tab::after {
        top: -16px;
        width: 124px;
        height: 2px;
        left: 71px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab::after {
        width: 100px;
        height: 2px;
        left: 61px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab::after {
        display: none;
    }
}

.step-tab:last-child::after {
    display: none;
}

.step-tab.active {
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    color: var(--tp-heading-color);
    height: 40px;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 767px) {
    .step-tab.active {
        height: 30px;
        line-height: 30px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab.active {
        height: 25px;
        line-height: 25px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab.active {
        flex: 0 0 100%;
        height: 35px;
        line-height: 35px;
        font-size: 12px !important;
    }
}

.step-tab.active .step-tab-svg-1 {
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
}

@media (max-width: 767px) {
    .step-tab.active .step-tab-svg-1 {
        width: 20px;
        height: 20px;
        top: -26px;
    }
}

@media (max-width: 399px) {
    .step-tab.active .step-tab-svg-1 {
        width: 25px;
        height: 25px;
        top: -35px;
    }
}

.step-tab.active .step-tab-svg-2 {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
}

@media (max-width: 767px) {
    .step-tab.active .step-tab-svg-2 {
        width: 7px;
        height: 7px;
        top: -7px;
    }
}

@media (max-width: 399px) {
    .step-tab.active .step-tab-svg-2 {
        width: 10px;
        height: 10px;
        top: -10px;
    }
}

.step-tab.completed {
    border-radius: 4px;
    color: var(--tp-white-color);
    border: 1px solid var(--tp-red-color);
    background: var(--tp-red-color);
}

.step-tab.completed::after {
    background: var(--tp-red-color);
    width: 212px;
    height: 2px;
    top: -34px;
    left: 114.4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .step-tab.completed::after {
        width: 198px;
        left: 112.4px;
    }
}

@media (max-width: 767px) {
    .step-tab.completed::after {
        top: -16px;
        width: 127px;
        height: 2px;
        left: 69px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .step-tab.completed::after {
        width: 105px;
        height: 2px;
        left: 57px;
    }
}

.step-tab.completed .step-tab-svg-1 {
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
    display: none;
}

.step-tab.completed .step-tab-svg-2 {
    color: var(--tp-red-color);
}

.step-tab.completed .step-tab-svg-3 {
    top: -52px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tp-red-color);
    display: block;
    width: 42px;
    height: 42px;
}

@media (max-width: 767px) {
    .step-tab.completed .step-tab-svg-3 {
        width: 20px;
        height: 20px;
        top: -25px;
    }
}

@media (max-width: 767px) and (max-width: 399px) {
    .step-tab.completed .step-tab-svg-3 {
        width: 25px;
        height: 25px;
        top: -32px;
    }
}

.step-pane {
    display: none;
}

@media (max-width: 767px) {
    .step-pane {
        padding-bottom: 65px;
    }
}

.step-pane input,
.step-pane textarea {
    height: 56px;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    padding: 16px;
    flex: 0 50%;
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .step-pane input,
    .step-pane textarea {
        height: 48px;
    }
}

@media (max-width: 767px) {
    .step-pane input,
    .step-pane textarea {
        flex: 0 0 100%;
        margin-bottom: 20px;
        font-size: 12px;
    }
}

.step-pane input::placeholder,
.step-pane textarea::placeholder {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .step-pane input::placeholder,
    .step-pane textarea::placeholder {
        font-size: 12px;
    }
}

.step-pane input:focus,
.step-pane textarea:focus {
    border: 1px solid var(--tp-heading-color);
}

.step-pane input:focus::placeholder,
.step-pane textarea:focus::placeholder {
    color: transparent;
}

.step-pane textarea {
    height: 205px;
    padding-top: 10px;
    line-height: 2;
}

@media (max-width: 767px) {
    .step-pane textarea {
        height: 150px;
        font-size: 12px;
    }
}

.step-pane textarea::placeholder {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.step-pane form svg {
    top: 50%;
    transform: translateY(-83%);
    right: 16px;
}

@media (max-width: 767px) {
    .step-pane form svg {
        height: 14px;
        transform: translateY(-100%);
    }
}

.step-pane.active {
    display: block;
}

.prev-btn,
.submit-btn,
.next-btn {
    border-radius: 4px;
    background: var(--tp-red-color);
    height: 56px;
    color: var(--tp-white-color);
    width: 240px;
    font-size: 14px;
    font-weight: 500;
    line-height: 56px;
    right: 0;
    bottom: 50px;
    transition: 0.2s linear;
}

@media (max-width: 460px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        display: none !important;
    }
}

.prev-btn-2,
.submit-btn-2,
.next-btn-2 {
    position: inherit !important;
    bottom: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 399px),
    (max-width: 767px) and (max-width: 399px) {
    .prev-btn svg,
    .submit-btn svg,
    .next-btn svg {
        height: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        height: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 399px),
    (max-width: 767px) and (max-width: 399px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        height: 40px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        width: 180px;
    }
}

@media (max-width: 767px) and (max-width: 460px) {
    .prev-btn,
    .submit-btn,
    .next-btn {
        width: 100%;
    }
}

.prev-btn:hover,
.submit-btn:hover,
.next-btn:hover {
    background: var(--tp-theme-color);
    border-color: transparent;
}

.prev-btn {
    justify-content: center;
    right: 18% !important;
    left: auto;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: none;
}

.prev-btn svg {
    transform: rotate(-180deg);
    display: none;
}

.prev-btn {
    border-radius: 4px;
    height: 56px;
    color: var(--tp-heading-color);
    width: 240px;
    font-size: 14px;
    font-weight: 500;
    line-height: 56px;
    right: 0;
    bottom: 50px;
    transition: 0.2s linear;
    border: 1px solid var(--tp-heading-color);
}

.prev-btn:hover {
    background: var(--tp-grey-color);
    border: 1px solid var(--tp-heading-color);
}

.prev-btn-2 {
    position: inherit !important;
    right: 0 !important;
    bottom: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .prev-btn-2 {
        height: 48px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .prev-btn-2 {
        width: 180px;
    }
}

.step-2-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-2-btn {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-2-btn button {
        flex: 0 0 100%;
    }
}

.step-3-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-3-btn {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) and (max-width: 470px) {
    .step-3-btn button {
        flex: 0 0 100%;
    }
}

.rs-post-cta-select select {
    width: 100%;
    padding: 5px 16px;
    border: 1px solid var(--Gray-100, #edeef1);
    border-radius: 8px;
    background: var(--tp-white-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-grey-color-4);
    height: 56px;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M11.9998 14.7508C11.8078 14.7508 11.6157 14.6778 11.4697 14.5308L7.46975 10.5308C7.17675 10.2378 7.17675 9.76275 7.46975 9.46975C7.76275 9.17675 8.23779 9.17675 8.53079 9.46975L12.0008 12.9397L15.4707 9.46975C15.7637 9.17675 16.2388 9.17675 16.5318 9.46975C16.8248 9.76275 16.8248 10.2378 16.5318 10.5308L12.5318 14.5308C12.3838 14.6778 12.1918 14.7508 11.9998 14.7508Z' fill='%2325314C'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 25px;
    flex: 0 50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-post-cta-select select {
        height: 48px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rs-post-cta-select select {
        flex: 0 0 100%;
        margin-bottom: 16px;
    }
}

.rs-post-cta-select select:focus {
    outline: none;
    border: 2px solid var(--tp-heading-color);
}

.rs-post-cta-select select:valid {
    color: var(--tp-heading-color);
    font-size: 18px;
}

@media (max-width: 767px) {
    .rs-post-cta-select select:valid {
        font-size: 14px;
    }
}

.rs-post-cta-select select option {
    color: var(--tp-heading-color);
    font-size: 18px;
}

@media (max-width: 767px) {
    .rs-post-cta-select select option {
        font-size: 14px;
    }
}

.product-colors {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.color-box {
    border-radius: 6px;
    border: 2px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    cursor: pointer;
    transition: all 0.2s;
    height: 56px;
    line-height: 56px;
    text-align: center;
    flex: 0 143px;
    position: relative;
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .color-box {
        flex: 0 135px;
    }
}

/* .color-box::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background: var(--tp-heading-color);
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}

.color-box:nth-child(2)::before {
    background: #F04438;
}

.color-box:nth-child(3)::before {
    background: #FFC107;
}

.color-box:nth-child(4)::before {
    background: #4BB543;
}

.color-box:nth-child(5)::before {
    background: #687387;
}

.color-box:nth-child(6)::before {
    background: #CC9235;
}

.color-box:nth-child(7)::before {
    background: #FB5FBD;
}

.color-box:nth-child(8)::before {
    background: #F9701C;
}

.color-box:nth-child(9)::before {
    background: #067BFF;
} */

.color-box.selected {
    border-radius: 6px;
    border: 2px solid var(--tp-red-color);
    background: var(--Roman-50, #fdf3f3);
}

.drop-zone {
    padding: 24px;
    text-align: center;
    cursor: pointer;
    height: 248px;
    width: 464px;
    background: var(--tp-white-color);
    border-radius: 4px;
    background: var(--tp-white-color);
    background:
        linear-gradient(90deg, #dd5454 50%, transparent 50%),
        linear-gradient(90deg, #dd5454 50%, transparent 50%),
        linear-gradient(0deg, #dd5454 50%, transparent 50%),
        linear-gradient(0deg, #dd5454 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size:
        8px 2px,
        8px 2px,
        2px 8px,
        2px 8px;
    background-position:
        0% 0%,
        100% 100%,
        0% 100%,
        100% 0px;
    animation: dash 20s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .drop-zone {
        width: 100%;
    }
}

@keyframes dash {
    to {
        background-position:
            100% 0%,
            0% 100%,
            0% 0%,
            100% 100%;
    }
}

.drop-zone.dragover {
    background: #fff6f6;
    border-color: var(--tp-red-color);
    box-shadow: 0 6px 18px rgba(221, 84, 84, 0.06);
}

.upload-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    justify-content: center;
    height: 100%;
}

.upload-inner svg {
    cursor: pointer;
}

.upload-svg {
    opacity: 0.9;
}

/* thumbnail preview */
.thumbnail-preview {
    display: flex;
    gap: 12px;
    align-items: center;
}

.thumbnail-preview .preview-item {
    height: 248px;
    width: 464px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .thumbnail-preview .preview-item {
        width: 100%;
    }
}

.thumbnail-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* remove button */
.remove-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--tp-grey-color);
    backdrop-filter: blur(4px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.remove-btn svg {
    transition: 0.3s linear;
}

.remove-btn:hover svg {
    transform: rotate(-90deg);
}

.browse-btn {
    cursor: pointer;
    color: var(--tp-red-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    border-radius: 8px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    height: 32px;
    padding: 0 11px;
}

.file-info {
    color: var(--tp-grey-color-4);
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 22px;
    display: block;
}

.file-info-2 {
    font-size: 10px;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .rs-post-cta-contant {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .rs-post-location-contant {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .rs-post-location-contant iframe {
        height: 300px;
    }
}

.Drag-text {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 0;
}

.Drag-text span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 500;
    position: relative;
}

.Drag-text span::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: var(--tp-grey-color-5);
    top: 51.2%;
    transform: translateY(-50%);
    left: -93px;
}

.Drag-text span::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    top: 51.2%;
    transform: translateY(-50%);
    background: var(--tp-grey-color-5);
    right: -93px;
}

.upload-label {
    height: 100%;
}

.max-img {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.upload-gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    align-items: start;
    min-height: 260px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .upload-gallery-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .upload-gallery-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.next-btn-fix {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: var(--tp-white-color);
    border-radius: 4px;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.12);
}

@media (min-width: 461px) {
    .next-btn-fix {
        display: none;
    }
}

@media (max-width: 460px) {
    .next-btn-fix {
        display: block;
    }
}

.next-btn-fix .next-btn {
    display: block !important;
    bottom: -10%;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.drop-zone {
    min-height: 248px;
    border-radius: 8px;
    grid-column: span 1;
}

.preview-gallery {
    display: contents;
}

.preview-item {
    position: relative;
    width: 100%;
    height: 248px;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    overflow: hidden;
}

.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-item {
    transition: all 0.3s ease;
}

.preview-item.removing {
    opacity: 0;
    transform: scale(0.8);
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 8px;
    font-size: 14px;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox .checkmark {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-red-color);
    border-radius: 100%;
}

.custom-checkbox cite {
    color: var(--Black-c, #1d1d1d);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    gap: 5px;
}

.custom-checkbox input[type="checkbox"] + .checkmark svg {
    display: none;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark svg {
    display: block;
    transform: translateY(0%);
}

.rs-profile-title {
    color: var(--tp-heading-color);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-profile-title {
        margin-right: auto;
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .rs-profile-title {
        font-size: 25px;
        margin-right: auto;
    }
}

@media (max-width: 767px) and (max-width: 400px) {
    .rs-profile-title {
        margin-right: inherit;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .rs-profile-body {
        padding: 16px;
        margin-bottom: 0;
    }
}

.rs-profile-img-add {
    width: 260px;
    height: 260px;
    display: inline-block;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-profile-img-add {
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 767px) {
    .rs-profile-img-add {
        width: 180px;
        height: 180px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-profile-img-add {
        width: 200px;
        height: 200px;
    }
}

.rs-profile-img-add::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border-radius: 260px;
    border: 6px solid var(--tp-red-color);
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .rs-profile-img-add::before {
        border: 5px solid var(--tp-red-color);
    }
}

.rs-profile-img-add::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: var(--tp-red-color);
    bottom: 0px;
    right: 30px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25' fill='none'><path d='M25 10.6667C24.448 10.6667 24 11.1147 24 11.6667V14.5853L18.6533 9.23991C17.7733 8.35858 16.2267 8.35858 15.3467 9.23991L9 15.5853L7.98665 14.5732C7.10665 13.6919 5.56001 13.6919 4.68001 14.5732L2 17.2533V6.33333C2 4.23067 2.89733 3.33333 5 3.33333H14.3333C14.8853 3.33333 15.3333 2.88533 15.3333 2.33333C15.3333 1.78133 14.8853 1.33333 14.3333 1.33333H5C1.776 1.33333 0 3.10933 0 6.33333V19.6667C0 22.8907 1.776 24.6667 5 24.6667H21C24.224 24.6667 26 22.8907 26 19.6667V11.6667C26 11.1147 25.552 10.6667 25 10.6667ZM21 22.6667H5C3.03733 22.6667 2.13596 21.872 2.02262 20.0573L6.09326 15.9867C6.2626 15.8187 6.40261 15.8187 6.57194 15.9867L7.82406 17.2386C8.44672 17.8626 9.55204 17.8613 10.172 17.2386L16.7586 10.652C16.928 10.484 17.068 10.484 17.2373 10.652L23.9974 17.4121V19.6667C24.0001 21.7693 23.1027 22.6667 21 22.6667ZM7.66667 7.33333C8.58667 7.33333 9.33333 8.08 9.33333 9C9.33333 9.92 8.58667 10.6667 7.66667 10.6667C6.74667 10.6667 6 9.92 6 9C6 8.08 6.74667 7.33333 7.66667 7.33333ZM18.6667 3.66667C18.6667 3.11467 19.1147 2.66667 19.6667 2.66667H21.3333V1C21.3333 0.448 21.7813 0 22.3333 0C22.8853 0 23.3333 0.448 23.3333 1V2.66667H25C25.552 2.66667 26 3.11467 26 3.66667C26 4.21867 25.552 4.66667 25 4.66667H23.3333V6.33333C23.3333 6.88533 22.8853 7.33333 22.3333 7.33333C21.7813 7.33333 21.3333 6.88533 21.3333 6.33333V4.66667H19.6667C19.1147 4.66667 18.6667 4.21867 18.6667 3.66667Z' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-profile-img-add::after {
        width: 55px;
        height: 55px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 25' fill='none'><path d='M25 10.6667C24.448 10.6667 24 11.1147 24 11.6667V14.5853L18.6533 9.23991C17.7733 8.35858 16.2267 8.35858 15.3467 9.23991L9 15.5853L7.98665 14.5732C7.10665 13.6919 5.56001 13.6919 4.68001 14.5732L2 17.2533V6.33333C2 4.23067 2.89733 3.33333 5 3.33333H14.3333C14.8853 3.33333 15.3333 2.88533 15.3333 2.33333C15.3333 1.78133 14.8853 1.33333 14.3333 1.33333H5C1.776 1.33333 0 3.10933 0 6.33333V19.6667C0 22.8907 1.776 24.6667 5 24.6667H21C24.224 24.6667 26 22.8907 26 19.6667V11.6667C26 11.1147 25.552 10.6667 25 10.6667ZM21 22.6667H5C3.03733 22.6667 2.13596 21.872 2.02262 20.0573L6.09326 15.9867C6.2626 15.8187 6.40261 15.8187 6.57194 15.9867L7.82406 17.2386C8.44672 17.8626 9.55204 17.8613 10.172 17.2386L16.7586 10.652C16.928 10.484 17.068 10.484 17.2373 10.652L23.9974 17.4121V19.6667C24.0001 21.7693 23.1027 22.6667 21 22.6667ZM7.66667 7.33333C8.58667 7.33333 9.33333 8.08 9.33333 9C9.33333 9.92 8.58667 10.6667 7.66667 10.6667C6.74667 10.6667 6 9.92 6 9C6 8.08 6.74667 7.33333 7.66667 7.33333ZM18.6667 3.66667C18.6667 3.11467 19.1147 2.66667 19.6667 2.66667H21.3333V1C21.3333 0.448 21.7813 0 22.3333 0C22.8853 0 23.3333 0.448 23.3333 1V2.66667H25C25.552 2.66667 26 3.11467 26 3.66667C26 4.21867 25.552 4.66667 25 4.66667H23.3333V6.33333C23.3333 6.88533 22.8853 7.33333 22.3333 7.33333C21.7813 7.33333 21.3333 6.88533 21.3333 6.33333V4.66667H19.6667C19.1147 4.66667 18.6667 4.21867 18.6667 3.66667Z' fill='white'/></svg>");
    }
}

@media (max-width: 767px) {
    .rs-profile-img-add::after {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        bottom: -7px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 25' fill='none'><path d='M25 10.6667C24.448 10.6667 24 11.1147 24 11.6667V14.5853L18.6533 9.23991C17.7733 8.35858 16.2267 8.35858 15.3467 9.23991L9 15.5853L7.98665 14.5732C7.10665 13.6919 5.56001 13.6919 4.68001 14.5732L2 17.2533V6.33333C2 4.23067 2.89733 3.33333 5 3.33333H14.3333C14.8853 3.33333 15.3333 2.88533 15.3333 2.33333C15.3333 1.78133 14.8853 1.33333 14.3333 1.33333H5C1.776 1.33333 0 3.10933 0 6.33333V19.6667C0 22.8907 1.776 24.6667 5 24.6667H21C24.224 24.6667 26 22.8907 26 19.6667V11.6667C26 11.1147 25.552 10.6667 25 10.6667ZM21 22.6667H5C3.03733 22.6667 2.13596 21.872 2.02262 20.0573L6.09326 15.9867C6.2626 15.8187 6.40261 15.8187 6.57194 15.9867L7.82406 17.2386C8.44672 17.8626 9.55204 17.8613 10.172 17.2386L16.7586 10.652C16.928 10.484 17.068 10.484 17.2373 10.652L23.9974 17.4121V19.6667C24.0001 21.7693 23.1027 22.6667 21 22.6667ZM7.66667 7.33333C8.58667 7.33333 9.33333 8.08 9.33333 9C9.33333 9.92 8.58667 10.6667 7.66667 10.6667C6.74667 10.6667 6 9.92 6 9C6 8.08 6.74667 7.33333 7.66667 7.33333ZM18.6667 3.66667C18.6667 3.11467 19.1147 2.66667 19.6667 2.66667H21.3333V1C21.3333 0.448 21.7813 0 22.3333 0C22.8853 0 23.3333 0.448 23.3333 1V2.66667H25C25.552 2.66667 26 3.11467 26 3.66667C26 4.21867 25.552 4.66667 25 4.66667H23.3333V6.33333C23.3333 6.88533 22.8853 7.33333 22.3333 7.33333C21.7813 7.33333 21.3333 6.88533 21.3333 6.33333V4.66667H19.6667C19.1147 4.66667 18.6667 4.21867 18.6667 3.66667Z' fill='white'/></svg>");
    }
}

.rs-profile-img-add img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rs-profile-img-add-2 {
    width: 64px;
    height: 64px;
}

.rs-profile-img-add-2::after {
    display: none;
}

.rs-profile-img-add-2::before {
    border: 2px solid var(--tp-red-color);
}

.rs-profile-img-add-2 img {
    width: 64px;
    height: 64px;
}

@media (max-width: 400px) {
    .rs-profile-head {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .rs-profile-head button {
        padding: 16px;
        margin-bottom: 0;
        width: auto;
    }
}

@media (max-width: 767px) and (max-width: 400px) {
    .rs-profile-head button {
        width: 100%;
    }
}

.rs-profile-input-title {
    color: var(--Gray-Black, #24262d);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .rs-profile-input-title {
        font-size: 14px;
        margin-bottom: 6px;
    }
}

.rs-profile-input-title span {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.rs-profile-info-form form input {
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
    height: 56px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-heading-color);
    padding-left: 16px;
}

@media (max-width: 767px) {
    .rs-profile-info-form form input {
        height: 48px;
        font-size: 12px;
    }
}

.rs-profile-info-form form input::placeholder {
    color: var(--tp-grey-color-4);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .rs-profile-info-form form input::placeholder {
        height: 48px;
        font-size: 12px;
    }
}

.rs-profile-info-form form input:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-profile-info-form form input:focus::placeholder {
    color: transparent;
}

.rs-profile-user-name {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-profile-user-name {
        font-size: 12px;
    }
}

.rs-profile-user-email {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
}

.rs-profile-user-info {
    line-height: 1.4;
}

.rs-profile-user-icon svg {
    transform: translateY(-9px);
}

.rs-profile-side-bar {
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-white-color);
}

.rs-profile-side-bar-head {
    padding: 12px 16px;
}

.rs-profile-side-bar-list ul li {
    border-radius: 4px;
    padding: 8px 16px;
    height: 100%;
    line-height: 40px;
    margin: 8px 0;
}

.rs-profile-side-bar-list ul li.active {
    background-color: var(--tp-red-color);
}

.rs-profile-side-bar-list ul li.active a {
    color: var(--tp-white-color);
}

.rs-profile-side-bar-list ul li.active a svg {
    color: var(--tp-white-color);
}

.rs-profile-side-bar-list ul li a {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
}

.rs-profile-side-bar-list ul li a:nth-child(2) {
    gap: 8px;
}

.rs-profile-side-bar-list ul li a svg {
    color: var(--tp-heading-color);
}

.rs-profile-side-bar-list ul li cite {
    width: 14px;
    height: 14px;
}

@media (max-width: 767px) {
    .rs-wallet-balance-add span {
        display: none;
    }
}

.rs-wallet-balance-add::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(2px);
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.3s linear;
    animation: zoom2 1.8s alternate infinite ease-in;
}

.rs-wallet-balance-add svg {
    margin-left: 4px;
}

.rs-wallet-slide .swiper-slide.swiper-slide-active {
    width: auto !important;
    margin-right: 0 !important;
}

.rs-wallet-slide .swiper-slide.swiper-slide-next {
    width: auto !important;
    margin-right: 0 !important;
}

.rs-wallet-slide .swiper-slide {
    width: auto !important;
    margin-right: 0 !important;
}

.rs-wallet-slide .swiper-wrapper {
    gap: 24px;
}

@media (max-width: 767px) {
    .rs-wallet-chip-icon svg {
        width: 22px;
        height: 16px;
    }
}

.rs-wallet-chip-icon .rs-wallet-icon-top {
    width: 40px;
    height: 16px;
}

.rs-transaction-title {
    color: var(--tp-heading-color);
    font-size: 32px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .rs-transaction-title {
        font-size: 20px;
    }
}

.rs-transaction-card {
    margin-bottom: 16px;
}

@media (max-width: 340px) {
    .rs-transaction-card-body {
        padding: 8px;
    }
}

@media (max-width: 767px) {
    .rs-transaction-card {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) and (max-width: 340px) {
    .rs-transaction-card {
        padding: 8px;
    }
}

.rs-transaction-card:last-child {
    margin-bottom: 0;
}

.rs-transaction-card-body .label {
    color: var(--tp-grey-color-4);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-transaction-card-body .label {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 767px) {
    .rs-transaction-card-body .label {
        width: 50%;
        padding: 8px;
        margin-bottom: 0;
        align-items: center;
        padding: 9px;
    }
}

@media (max-width: 767px) and (max-width: 395px) {
    .rs-transaction-card-body .label {
        font-size: 12px;
    }
}

.rs-transaction-card-body .value {
    color: var(--tp-heading-color-2);
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-transaction-card-body .value {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rs-transaction-card-body .value {
        width: 50%;
        padding: 8px;
        font-size: 15px;
    }
}

@media (max-width: 767px) and (max-width: 395px) {
    .rs-transaction-card-body .value {
        font-size: 13px;
    }
}

@media (max-width: 767px) and (max-width: 340px) {
    .rs-transaction-card-body .value {
        padding: 5px;
        font-size: 10px;
    }
}

.rs-transaction-item {
    flex: 0 0 225px;
    position: relative;
}

@media (max-width: 767px) {
    .rs-transaction-item {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        border: 1px solid #747475;
        justify-content: space-between;
        margin-top: -1px;
        background: rgba(221, 221, 221, 0.1803921569);
    }

    .rs-transaction-item::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: #747475;
        top: 0;
        left: 50%;
    }
}

.rs-transaction-item:nth-last-child(-n + 2) {
    flex: 0 0 120px;
}

@media (max-width: 767px) {
    .rs-transaction-item:nth-last-child(-n + 2) {
        flex: 0 0 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-transaction-item {
        flex: 0 0 auto;
    }

    .rs-transaction-item:nth-last-child(-n + 2) {
        flex: 0 0 auto;
    }
}

@keyframes zoom {
    0% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1.1);
    }
}

@keyframes zoom2 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.rs-log-in-area {
    height: 100vh;
    width: 1400px;
    margin: 0 auto;
    padding: 64px;
}

@media only screen and (min-width: 1600px) and (max-width: 1750px) {
    .rs-log-in-area {
        padding: 15px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-log-in-area {
        padding: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-area {
        padding: 0;
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-logo {
        margin-bottom: 25px;
    }
}

.rs-log-in-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    padding-right: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-log-in-img {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-img {
        display: none;
    }
}

.rs-log-in-img img {
    border-radius: 12px 0 0 12px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-img img {
        border-radius: 0;
    }
}

.rs-log-in-wrapper {
    padding: 40px;
}

.rs-log-in-bg {
    padding: 0;
    height: 100%;
    border-radius: 0;
    position: relative;
    border-radius: 12px;
}

@media only screen and (min-width: 1600px) and (max-width: 1750px) {
    .rs-log-in-bg {
        padding: 0;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-log-in-bg {
        padding: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-bg {
        padding: 0;
        border-radius: 0;
    }
}

.rs-log-in-box {
    height: 100%;
    border-radius: 12px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-box {
        border-radius: 0;
    }
}

.rs-log-in-shape {
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-shape {
        bottom: -30px;
    }
}

.rs-log-in-shape img {
    max-width: inherit;
}

@media (max-width: 767px) {
    .rs-log-in-shape img {
        width: 400px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-log-in-shape img {
        width: 450px;
    }
}

@media (max-width: 0), (max-width: 415px) {
    .rs-log-in-shape img {
        width: 322px;
    }
}

@media (max-width: 0), (max-width: 360px) {
    .rs-log-in-shape img {
        width: 250px;
    }
}

.rs-log-in-top {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-top {
        padding: 15px;
        margin-bottom: 10px !important;
    }
}

.rs-log-in-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    padding: 40px;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* @media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .rs-log-in-right {
    padding: 35px;
  }
} */
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-right {
        padding: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-right {
        width: 100%;
    }
}

.rs-log-in-or-content {
    color: var(--tp-white-color);
    font-size: 15px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-or-content {
        margin-bottom: 8px !important;
    }
}

.rs-log-in-or-content::before {
    position: absolute;
    content: "";
    width: 38%;
    height: 1px;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.32);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-or-content::before {
        width: 36%;
    }
}

@media (max-width: 767px) {
    .rs-log-in-or-content::before {
        width: 30%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-log-in-or-content::before {
        width: 36%;
    }
}

@media (max-width: 0), (max-width: 400px) {
    .rs-log-in-or-content::before {
        width: 25% !important;
    }
}

.rs-log-in-or-content::after {
    position: absolute;
    content: "";
    width: 38%;
    height: 1px;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.32);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-or-content::after {
        width: 36%;
    }
}

@media (max-width: 767px) {
    .rs-log-in-or-content::after {
        width: 30%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-log-in-or-content::after {
        width: 36%;
    }
}

@media (max-width: 0), (max-width: 400px) {
    .rs-log-in-or-content::after {
        width: 25% !important;
    }
}

.rs-log-in-form form .rs-input-title {
    color: var(--tp-white-color);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-form form .rs-input-title {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .rs-log-in-form form .rs-input-title {
        font-size: 12px;
    }
}

.rs-log-in-form form .rs-input-item {
    margin-bottom: 16px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-form form .rs-input-item {
        margin-bottom: 12px;
    }
}

.rs-log-in-form form .rs-input-item svg {
    top: 50%;
    transform: translateY(-20%) !important;
    right: 16px;
    cursor: pointer;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-form form .rs-input-item svg {
        margin-bottom: 12px;
    }
}

.rs-log-in-form form .rs-input-item-1 {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.rs-log-in-form form .rs-input-item-1 .rs-input-item {
    width: 48%;
}

.rs-log-in-form form .rs-log-in-btn {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 600;
    background: var(--tp-red-color);
    font-family: var(----tp-font-heading);
    border-radius: 8px;
    height: 56px;
    width: 100%;
    transition: 0.3s linear;
    margin-top: 8px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-form form .rs-log-in-btn {
        margin-bottom: 10px;
        margin-top: 5px;
        height: 48px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .rs-log-in-form form .rs-log-in-btn {
        font-size: 12px;
    }
}

.rs-log-in-form form .rs-log-in-btn:hover {
    color: var(--tp-heading-color);
    border: 1px solid rgba(255, 255, 255, 0.32);
    background: rgba(246, 247, 249, 0.8);
}

.rs-log-in-form form input {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.08);
    height: 56px;
    padding: 16px;
    padding-right: 60px;
    margin-top: 12px;
    color: var(--tp-white-color);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-log-in-form form input {
        margin-top: 8px;
        height: 50px;
        padding: 5px 16px;
        padding-right: 60px;
        color: var(--tp-white-color);
    }
}

.rs-log-in-form form input::placeholder {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .rs-log-in-form form input::placeholder {
        font-size: 12px;
    }
}

.rs-log-in-form form input:focus::placeholder {
    color: rgba(255, 255, 255, 0);
    font-size: 14px;
}

.rs-log-in-already {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.rs-log-in-already a {
    color: var(--tp-red-color);
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s linear;
    position: relative;
}

.rs-log-in-already a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: var(--tp-red-color);
    left: 50%;
    transform: translateX(-50%);
    bottom: 1px;
    transition: 0.3s linear;
}

.rs-log-in-already a:hover::after {
    width: 100%;
}

@media (max-width: 0), (max-width: 340px) {
    .rs-log-in-already {
        font-size: 15px;
    }
}

.rs-sign-up-with a {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 400;
}

.rs-sign-up-more a {
    color: var(--tp-white-color);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    gap: 12.14px;
    padding: 10px 16px;
    flex: 0 0 32.2%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .rs-sign-up-more a {
        flex: 0 0 23.2%;
    }
}

.rs-sign-up-more a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    transition: 0.3s linear;
}

.rs-sign-up-more a:hover::after {
    transform: scale(1.04);
}
.rs-contact-img {
    height: 100%;
    object-fit: cover;
}
.rs-contact-img img {
    height: 100%;
    object-fit: cover;
}
.rs-contact-title {
    color: var(--tp-heading-color-3);
    font-size: 40px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .rs-contact-title {
        font-size: 32px;
        margin-bottom: 10px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-contact-title {
        font-size: 36px;
        margin-bottom: 8px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-contact-img {
        height: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-contact-img img {
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-contact-img img {
        height: 500px;
        width: 100%;
        object-fit: cover;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .rs-contact-img img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 20px;
        height: auto;
    }
}

@media (max-width: 390), (max-width: 767px) {
    .rs-contact-img img {
        height: 450px;
    }
}

@media (max-width: 0), (max-width: 390px) {
    .rs-contact-img img {
        height: auto;
    }
}

.rs-contact-text {
    color: var(--tp-heading-color-3);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

@media (max-width: 767px) {
    .rs-contact-text {
        font-size: 17px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-contact-text {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.rs-contact-social {
    border-bottom: 1px solid #edeef1;
    gap: 20px;
}

.rs-contact-social-icon {
    width: 40px;
    height: 40px;
    /* background: var(--tp-red-color); */
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    transition: 0.3s linear;
    position: relative;
}

.rs-contact-social-icon:hover::before {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.rs-contact-social-icon:hover::after {
    opacity: 1;
    visibility: visible;
    top: -40px;
}

.rs-contact-social-icon i {
    color: var(--tp-white-color);
    font-size: 17px;
}

.rs-contact-form form .rs-contact-input-title {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form form .rs-contact-input-title {
        margin-bottom: 7px;
        font-size: 14px;
    }
}

.rs-contact-form form .rs-contact-input-item {
    margin-bottom: 16px;
}

.rs-contact-form form input {
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    height: 56px;
    padding: 10px 16px;
    color: var(--tp-heading-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form form input {
        height: 48px;
        padding: 5px 16px;
        font-size: 14px;
    }
}

.rs-contact-form form input::placeholder {
    color: var(--tp-grey-color-2);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form form input::placeholder {
        font-size: 12px;
    }
}

.rs-contact-form form input:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-contact-form form input:focus::placeholder {
    color: transparent;
}

.rs-contact-form form textarea {
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    height: 153px;
    padding: 10px 16px;
    color: var(--tp-heading-color);
}

.rs-contact-form form textarea::placeholder {
    color: var(--tp-grey-color-2);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.rs-contact-form form textarea:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-contact-form form textarea:focus::placeholder {
    color: transparent;
}

.rs-contact-form-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form-contact {
        display: block;
    }
}

.rs-contact-form-contact a {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 300;
    display: flex;
    gap: 8px;
    align-items: center;
    position: relative;
    transition: 0.3s linear;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form-contact a {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .rs-contact-form-contact a {
        font-size: 14px;
    }
}

.rs-contact-form-contact a:last-child::after {
    display: none;
}

.rs-contact-form-contact a:hover {
    color: var(--tp-red-color);
}

.rs-contact-form-contact a:hover::before {
    width: 79%;
}

.rs-contact-form-contact a:hover:nth-child(2)::before {
    width: 66%;
}

.rs-contact-form-contact a:hover:nth-child(3)::before {
    width: 84%;
}

/*  */

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form-contact a::before {
        display: none;
    }
}

.rs-contact-form-contact a:nth-child(2)::before {
    transform: translateX(-25%);
}

.rs-contact-form-contact a:nth-child(3)::before {
    transform: translateX(-40%);
}

.rs-contact-form-contact a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 11px;
    background: rgba(255, 255, 255, 0.4);
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-contact-form-contact a::after {
        display: none;
    }
}

.rs-contact-form-icon {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    line-height: 48px;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-contact-form-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .rs-contact-form-icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-contact-form-icon svg {
        width: 18px;
    }
}

@media (max-width: 767px) {
    .rs-contact-form-icon svg {
        width: 16px;
    }
}

.rs-contact-btn {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 500;
    background: var(--tp-red-color);
    border-radius: 4px;
    height: 48px;
    padding: 5px 24px;
    margin-top: 2px;
}

@media (max-width: 0), (max-width: 450px) {
    .rs-contact-btn {
        width: 100%;
    }
}

.rs-contact-info-title {
    color: var(--tp-white-color);
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-contact-info-title {
        font-size: 40px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .rs-contact-info-title {
        font-size: 35px;
        line-height: 40px;
    }
}

.rs-section-sub-title {
    color: var(--tp-red-color);
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-section-sub-title {
        font-size: 18px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .rs-section-sub-title {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 32px;
    }
}

.rs-section-title {
    color: var(--tp-heading-color);
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-section-title {
        font-size: 30px !important;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .rs-section-title {
        line-height: 32px;
        font-size: 25px;
        font-weight: 600;
    }
}

.rs-section-title-wrapper p {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rs-section-title-wrapper p br {
        display: none;
    }
}

/*----------------------------------------*/
/*  Custom Animation
/*----------------------------------------*/
.tpFadeInUp {
    opacity: 0;
    /* Start invisible */
    animation: tpFadeInUp 2s ease-out forwards;
    /* 2 seconds duration, ease-out effect */
}

@keyframes tpFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
        /* Start slightly below */
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        /* End at original position */
    }
}

@keyframes tpslideInUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.tpfadeInLeft {
    opacity: 0;
    /* Start invisible */
    animation: tpfadeInLeft 2s ease-out forwards;
    /* 2 seconds duration, ease-out effect */
}

@keyframes tpfadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
        /* Start slightly to the left */
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        /* End at original position */
    }
}

.tpSkillInLeft {
    opacity: 0;
    /* Start invisible */
    animation: tpSkillInLeft 2s ease-out forwards;
    /* 2 seconds duration, ease-out effect */
}

@keyframes tpSkillInLeft {
    0% {
        opacity: 0;
        transform: translateX(-300px);
        /* Start slightly to the left */
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        /* End at original position */
    }
}

.slideinup {
    -webkit-animation-name: slideinup;
    animation-name: slideinup;
}

@keyframes slideinup {
    0% {
        opacity: 0;
        transform: translateY(70px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slideinright {
    0% {
        opacity: 0;
        transform: translateX(70px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideindown {
    0% {
        opacity: 0;
        transform: translateY(-70px);
    }

    100% {
        transform: translateY(0);
    }
}

.slideinleft {
    -webkit-animation-name: slideinleft;
    animation-name: slideinleft;
}

@keyframes slideinleft {
    0% {
        opacity: 0;
        transform: translateX(-70px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slidebottomright {
    0% {
        opacity: 0;
        transform: translateX(100px) translateY(100px);
    }

    100% {
        transform: translateX(0) translateY(0);
    }
}

@keyframes slidetopleft {
    0% {
        opacity: 0;
        transform: translateX(-100px) translateY(-100px);
    }

    100% {
        transform: translateX(0) translateY(0);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

    0% {
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    75% {
        border-top-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-bottom-color: transparent;
    }

    100% {
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-left-color: transparent;
    }
}

/*img-animation**********************/
.img-custom-anim-right {
    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
        0.4s;
    opacity: 0;
}

@keyframes img-anim-right {
    0% {
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-left {
    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
        0.4s;
    opacity: 0;
}

@keyframes img-anim-left {
    0% {
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-top {
    animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@keyframes img-anim-top {
    0% {
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .rs-offcanvas-btn {
        display: flex;
        justify-content: end;
        width: 100%;
    }
}

.rs-offcanvas-btn button {
    border-radius: 8px;
    background: var(--Roman-50, #fdf3f3);
    width: 40px;
    height: 40px;
    border: none;
}

.tp-offcanvas-menu .rs-hero-dropdown__menu .tp-sidemenu-close {
    top: 15px;
}

.tp-offcanvas-menu svg {
    display: none;
}

.tp-offcanvas-logo {
    width: 190px;
}

.tp-offcanvas-header {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .tp-offcanvas-header {
        margin-bottom: 50px;
    }
}

.tp-offcanvas-area {
    position: fixed;
    z-index: 99;
    width: 450px;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: 0.45s ease-in-out;
    transform: translatex(100%);
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-offcanvas-area {
        width: 350px;
    }
}

@media (max-width: 767px) {
    .tp-offcanvas-area {
        width: 100%;
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-offcanvas-area {
        width: 60%;
        padding: 40px 20px;
    }
}

.tp-offcanvas-area-open {
    opacity: 1;
    visibility: visible;
    transform: translatex(0%);
}

.tp-offcanvas-area .rs-header-top-right {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center !important;
    background: var(--tp-white-color);
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.tp-offcanvas-area .rs-header-top-right a {
    flex: 0 0 48%;
    margin-right: 0;
    justify-content: center;
}

.tp-offcanvas-area .rs-header-top-right a:last-child {
    flex: 0 0 100%;
}

@media (max-width: 325px) {
    .tp-offcanvas-area .rs-header-top-right a {
        flex: 0 0 100%;
    }
}

.tp-offcanvas-close {
    background: var(--tp-grey-color);
    width: 32px;
    height: 32px;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tp-offcanvas-close button i {
    transition: 0.3s linear;
    color: var(--tp-red-color);
    font-size: 19px;
}

.tp-offcanvas-close button i:hover {
    transform: rotate(90deg);
}

@media (max-width: 767px) {
    .tp-offcanvas-close {
        margin-top: 10px;
    }
}

.tp-offcanvas-close button {
    background: none;
    border: none;
    font-size: 30px;
}

.tp-offcanvas-content p {
    color: #404042;
}

.tp-offcanvas-title {
    font-size: 35px;
    font-weight: 700;
}

.tp-offcanvas-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.tp-offcanvas-info-title {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .tp-offcanvas-info-title {
        font-size: 25px;
    }
}

.tp-offcanvas-info span {
    display: block;
    margin-bottom: 5px;
}

.tp-offcanvas-info span a {
    color: #404042;
}

.tp-offcanvas-social-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}

.tp-offcanvas-social a {
    border-radius: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.tp-offcanvas-social a svg {
    font-size: 12px;
}

.tp-offcanvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.45s ease-in-out;
    background: rgba(24, 24, 24, 0.44);
}

.tp-offcanvas-overlay-open {
    opacity: 1;
    visibility: visible;
}

.tp-offcanvas-toggle {
    color: #000;
    background: #fff;
    width: 50px;
    height: 50px;
    display: block;
    line-height: 55px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s linear;
}

.tp-offcanvas-toggle:hover {
    background: var(--tp-theme-color-2);
    border-radius: 10px;
}

.tp-offcanvas-toggle:hover i {
    color: var(--tp-heading-color);
}

.tp-offcanvas-toggle i {
    font-size: 25px;
    transition: 0.3s linear;
}

.tp-offcanvas-toggle-1 {
    background-color: #23252d;
    border-radius: 0;
    height: 100px;
    width: 100px;
    line-height: 117px;
    transition: 0.3s linear;
}

.tp-offcanvas-toggle-1:hover {
    background: var(--tp-theme-color-2);
    border-radius: 2px;
}

.tp-offcanvas-toggle-1:hover i {
    color: var(--tp-heading-color);
}

.tp-offcanvas-toggle-1 i {
    font-size: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .reverse-md-column {
        flex-direction: column-reverse;
    }
}

.tp-sidemenu-close {
    transition: 0.3s linear;
    border-radius: 5px;
}

.tp-sidemenu-close i {
    transition: 0.3s linear;
}

.tp-sidemenu-close.active {
    background: var(--tp-red-color);
    border-color: transparent;
    border-radius: 5px;
}

.tp-sidemenu-close.active i {
    color: var(--tp-white-color);
}

.rs-profile-offcanvas {
    position: fixed;
    top: 0;
    left: -100%;
    width: 350px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: all 0.4s ease;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.rs-profile-offcanvas.rs-profile-offcanvas-open {
    left: 0;
}

@media (max-width: 400px) {
    .rs-profile-offcanvas {
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rs-profile-offcanvas {
        width: 350px;
    }
}

.rs-profile-offcanvas.active {
    left: 0;
}

/*----------------------------------------*/
/*  2.9 Preloader
/*----------------------------------------*/
body.loaded {
    overflow: hidden !important;
    height: 100% !important;
}

.loader-wrap {
    position: fixed;
    z-index: 10;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    z-index: 9999;
}

.loader-wrap svg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 110vh;
    fill: #121212;
}

.loader-wrap .loader-wrap-heading .load-text {
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    z-index: 20;
    font-family: var(--tp-font-body);
    color: var(--tp-red-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .loader-wrap .loader-wrap-heading .load-text {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 767px) {
    .loader-wrap .loader-wrap-heading .load-text {
        font-size: 18px;
    }
}

.load-text span {
    -webkit-animation: loading 1s infinite alternate;
    animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.load-text span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes loading {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loading {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.containers {
    position: inherit;
}

html {
    scroll-behavior: smooth;
}

/*----------------------------------------*/
/*  2.6 Magic Cursor css start
/*----------------------------------------*/
body.rs-magic-cursor #magic-cursor {
    display: block;
}

#magic-cursor {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    pointer-events: none;
    z-index: 99999;
    opacity: 0;
    top: 0;
    left: 0;
}

#ball {
    position: fixed;
    display: flex;
    align-items: center;
    pointer-events: none;
    border-radius: 50%;
    color: transparent;
    justify-content: center;
    mix-blend-mode: difference;
    background-color: var(--tp-heading-color);
}

.cursor-bg-red #ball {
    background-color: var(--tp-black-color) !important;
}

.cursor-bg-red #ball .ball-view {
    color: var(--tp-white-color);
}

.cursor-white-bg #ball {
    background-color: var(--tp-white-color) !important;
}

.cursor-white-bg #ball .ball-view {
    color: var(--tp-heading-color);
}

.cursor-black-bg #ball {
    background-color: var(--tp-red-color) !important;
}

.cursor-black-bg #ball .ball-view {
    color: var(--tp-white-color);
}

.cursor-bg-green #ball {
    background-color: var(--tp-theme-1) !important;
}

.cursor-bg-green #ball .ball-view {
    color: var(--tp-white-color);
}

/* Ball view
============= */
#ball .ball-view {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    transform: scale(0);
    font-family: var(--tp-ff-dm);
    color: var(--tp-red-color);
}

/* Ball drag
============= */
#ball .ball-drag {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s;
    font-family: var(--tp-ff-dm);
    color: var(--tp-heading-color);
}

#ball .ball-drag::before,
#ball .ball-drag::after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    font-size: 19px;
    height: 10px;
    line-height: 10px;
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: var(--tp-white-color);
    font-family: "Font Awesome 6 Pro";
    -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
    content: "\f104";
    /* Font Awesome */
    left: 0;
    transform: translate3d(-30px, 0, 0);
    transition: all 0.25s;
}

#ball .ball-drag::after {
    content: "\f105";
    /* Font Awesome */
    right: 0;
    transform: translate3d(30px, 0, 0);
    transition: all 0.25s;
}

#ball.with-blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Ball close
============== */
#ball.ball-close-enabled {
    opacity: 1 !important;
}

#ball .ball-close {
    position: absolute;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: var(--tp-red-color);
}

.tp-magnetic-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    border: 1px solid var(--tp-red-color);
}

.rs-btn svg {
    transition: all 0.3s ease-in-out;
}

.rs-btn:hover {
    color: var(--tp-black-color);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.137);
    border-radius: 4px;
    background: transparent;
    border: 1px solid var(--tp-red-color);
}

.rs-btn:hover svg {
    color: var(--tp-heading-color);
}

.rs-btn:hover:before {
    transform: skewX(-45deg) scale(1, 1);
}

.rs-btn:before {
    content: "";
    background: var(--tp-grey-color);
    transform: skewX(-45deg) scale(0, 1);
    position: absolute;
    top: 0;
    left: -20%;
    bottom: 0;
    right: -20%;
    transition: all 0.6s;
    z-index: -1;
}

.rs-btn-2:hover {
    border-radius: 8px;
    color: var(--tp-white-color);
}

.rs-btn-2:before {
    background: var(--tp-red-color);
}

.rs-my-page-btn {
    color: var(--tp-red-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    height: 48px;
    line-height: 48px;
    padding: 0 23px;
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .rs-my-page-btn {
        font-size: 14px;
        border-radius: 6px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px !important;
    }
}

.rs-my-page-btn-2 {
    background: var(--tp-red-color);
    border-radius: 4px;
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    padding: 0 19px;
}

@media (max-width: 767px) {
    .rs-my-page-btn-2 {
        font-size: 12px;
        padding: 0 5px !important;
    }
}

.rs-restore-button {
    border-radius: 4px;
    background: var(--Gray-50, #f6f7f9);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12) inset;
    height: 40px;
    line-height: 40px;
}

.rs-restore-btn {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 400;
    border: none !important;
    border-radius: 4px !important;
}

.rs-save-btn {
    position: absolute !important;
    bottom: 0;
    right: 24px;
    color: var(--tp-white-color);
    font-size: 14px;
    font-weight: 500;
    height: 56px;
    background: var(--tp-red-color);
    border-radius: 4px;
    padding: 5px 24px;
    width: 240px;
}

@media (max-width: 767px) {
    .rs-save-btn {
        right: 0;
        width: 100%;
        position: inherit !important;
        margin-bottom: 0;
        margin-top: 16px;
    }
}

.rs-payment-method-cancel-btn {
    border-color: transparent !important;
    color: var(--tp-heading-color) !important;
    transition: 0.3s linear;
}

.rs-payment-method-cancel-btn:hover {
    color: var(--tp-white-color) !important;
}

/*----------------------------------------*/
/*  2.3 scrollToTop
/*----------------------------------------*/
.scrollToTop {
    display: none !important;
    height: 55px;
    width: 55px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #cbc6c6;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    z-index: 999;
    transition: 0.5s ease all;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 767px) {
    .scrollToTop {
        height: 40px;
        width: 40px;
    }
}

.scrollToTop.active-progress {
    display: block !important;
}

.scrollToTop:hover {
    transform: translateY(-15%);
}

.scrollToTop .arrowUp {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tp-black-color);
    font-size: 20px;
}

.scrollToTop .arrowUp i {
    font-size: 19px;
    color: var(--tp-white-color);
}

.scrollToTop .water {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
    background-color: var(--tp-red-color);
    transition: all 0.3s;
    border: 1px solid var(--tp-red-color);
}

.scrollToTop .water svg use {
    margin-bottom: -1px;
    position: relative;
    bottom: -1px;
    fill: var(--tp-red-color) !important;
}

.scrollToTop-2 .water {
    background-color: var(--tp-red-color);
    border: 1px solid var(--tp-red-color);
}

.scrollToTop-2 .water svg use {
    fill: var(--tp-red-color) !important;
}

.scrollToTop-3 .water {
    background-color: var(--tp-red-color);
    border: 1px solid var(--tp-red-color);
}

.scrollToTop-3 .water svg use {
    fill: var(--tp-red-color) !important;
}

.scrollToTop-4 .water {
    background-color: var(--tp-theme-color);
    border: 1px solid var(--tp-theme-color);
}

.scrollToTop-4 .water svg use {
    fill: var(--tp-theme-color) !important;
}

.scrollToTop .water_wave {
    width: 200%;
    position: absolute;
    bottom: 100%;
}

.scrollToTop .water_wave_back {
    right: 0;
    fill: var(--tp-red-color);
    animation: wave-back 1.4s infinite linear;
}

.scrollToTop .water_wave_front {
    left: 0;
    fill: rgba(122, 37, 158, 0.8784313725);
    margin-bottom: -1px;
    animation: wave-front 0.7s infinite linear;
}

@keyframes wave-front {
    100% {
        transform: translateX(-50%);
    }
}

@keyframes wave-back {
    100% {
        transform: translateX(50%);
    }
}

/*============= promote-start =============== */
.rs-promote-box {
    border-radius: 4px;
    background: var(--tp-grey-color);
    padding: 16px;
    transition: 0.3s linear;
    margin-bottom: 24px;
}

.rs-promote-box:hover {
    background: var(--tp-rom-color);
}

.rs-promote-day {
    gap: 3px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-promote-day {
        margin-bottom: 12px !important;
    }
}

.rs-promote-day span {
    color: var(--tp-red-color);
    font-size: 48px;
    font-weight: 600;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-promote-day span {
        font-size: 42px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-promote-day span {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-day span {
        font-size: 32px;
        font-weight: 700;
    }
}

.rs-promote-day cite {
    color: var(--tp-red-color);
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-promote-day cite {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-promote-day cite {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-day cite {
        font-size: 14px;
        font-weight: 400;
    }
}

.rs-promote-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-promote-title {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-title {
        font-size: 14px;
        font-weight: 700;
    }
}

.rs-promote-text p {
    color: var(--Gray-700, #464d5e);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-text p {
        font-size: 12px;
    }
}

.rs-promote-price span {
    color: var(--tp-heading-color);
    font-size: 32px;
    font-weight: 600;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-promote-price span {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-price span {
        font-size: 20px;
        font-weight: 700;
    }
}

.rs-promote-btn {
    border-radius: 8px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-white-color);
    height: 48px;
    width: 180px;
    text-align: center;
    line-height: 48px;
    transition: 0.3s linear;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-btn {
        height: 40px;
        line-height: 38px;
    }
}

@media (max-width: 360px) {
    .rs-promote-btn {
        width: 120px;
    }
}

.rs-promote-btn:hover {
    border-color: transparent !important;
}

.rs-promote-btn button {
    color: var(--tp-red-color);
    font-size: 16px;
    font-weight: 500;
    background: none;
    transition: 0.2s linear;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-promote-btn button {
        font-size: 14px;
        height: 40px;
    }
}

.rs-promote-btn button:hover {
    color: var(--tp-white-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-body {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.rs-checkout-left {
    flex: 0 0 53%;
    margin-right: 25px;
    margin-bottom: auto;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-checkout-left {
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-checkout-left {
        width: 45%;
        margin-right: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-checkout-left {
        width: 40%;
        margin-right: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-left {
        flex: 0 0 100%;
        margin-right: 0;
    }
}

.rs-checkout-right {
    flex: 0 0 44.5%;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .rs-checkout-right {
        width: 43%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-checkout-right {
        width: 40%;
        margin-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-checkout-right {
        width: 35%;
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-checkout-right {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .rs-checkout-right {
        flex: 0 0 auto;
        margin-bottom: 30px;
    }
}

.rs-checkout-info-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edeef1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rs-checkout-info-title {
        font-size: 18px;
        margin-bottom: 13px;
        padding-bottom: 13px;
    }
}

@media (max-width: 767px) {
    .rs-checkout-info-title {
        font-size: 16px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

.rs-checkout-input-item .rs-checkout-form-label {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-input-item .rs-checkout-form-label {
        font-size: 14px;
        font-weight: 600;
    }
}

.rs-checkout-input-item .rs-checkout-form-input {
    border-radius: 8px;
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-white-color);
    margin-top: 8px;
    padding: 5px 16px;
    color: var(--tp-heading-color);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-input-item .rs-checkout-form-input {
        margin-top: 5px;
        height: 48px;
    }
}

.rs-checkout-input-item .rs-checkout-form-input::placeholder {
    color: var(--tp-grey-color-2);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-input-item .rs-checkout-form-input::placeholder {
        font-size: 12px;
    }
}

.rs-checkout-input-item .rs-checkout-form-input:focus {
    border: 1px solid var(--tp-heading-color);
}

.rs-checkout-input-item .rs-checkout-form-input:focus::placeholder {
    color: transparent;
}

.rs-checkout-autopay-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rs-checkout-autopay-title {
    color: var(--tp-heading-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.rs-checkout-autopay-text {
    color: var(--tp-heading-color-2);
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    background: var(--tp-white-color);
    padding: 16px;
    margin-bottom: 0;
}

.rs-checkout-autopay-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: sans-serif;
    font-size: 12px;
}

.rs-checkout-autopay-switch input[type="checkbox"] {
    display: none;
}

.rs-checkout-autopay-switch label {
    width: 72px;
    height: 32px;
    background: var(--tp-grey-color);
    box-shadow: 0 8px 10.667px 4px rgba(0, 0, 0, 0.1) inset;
    border-radius: 66.667px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid var(--tp-grey-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-autopay-switch label {
        width: 54px;
        height: 24px;
    }
}

.rs-checkout-autopay-switch label::before {
    content: "";
    position: absolute;
    width: 24.889px;
    height: 24.889px;
    background: linear-gradient(180deg, #fff 0%, #f3f3f3 100%);
    filter: drop-shadow(2.667px 1.333px 8px rgba(0, 0, 0, 0.25));
    border-radius: 50%;
    top: 50%;
    left: 1.3px;
    transition: transform 0.3s;
    transform: translateX(2px) translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-autopay-switch label::before {
        width: 18.9px;
        height: 18.667px;
        transform: translateX(2px) translateY(-50%);
    }
}

.rs-checkout-autopay-switch input[type="checkbox"]:checked + label {
    background-color: var(--tp-red-color);
}

.rs-checkout-autopay-switch input[type="checkbox"]:checked + label::before {
    transform: translateX(165%) translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-checkout-autopay-switch input[type="checkbox"]:checked + label::before {
        transform: translateX(152%) translateY(-50%);
    }
}

.rs-payment-header {
    border-radius: 4px;
    border: 1px solid var(--tp-red-color);
    background: var(--tp-red-color);
    padding: 16px;
}

.rs-payment-days {
    color: var(--tp-white-color);
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 0;
}

.rs-payment-days span {
    font-size: 20px;
    font-weight: 700;
}

.rs-payment-price {
    font-size: 18px;
    color: var(--tp-white-color);
    font-weight: 600;
}

.rs-payment-title-2 {
    color: var(--tp-white-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-title-2 {
        font-size: 16px;
    }
}

.rs-payment-change-item-btn {
    color: var(--tp-red-color);
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tp-white-color);
    height: 32px;
    width: 156px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-change-item-btn {
        width: 150px;
    }
}

.rs-payment-change {
    position: relative;
    display: inline-block;
}

.rs-payment-dropdown-list {
    list-style: none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 29px;
    width: 156px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 10;
    height: auto;
    display: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-dropdown-list {
        width: 150px;
    }
}

.rs-payment-dropdown-list.active {
    display: block;
}

.rs-payment-dropdown-list li {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    text-align: center;
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    background: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-dropdown-list li {
        font-size: 15px;
    }
}

.rs-payment-dropdown-list li:hover {
    background: var(--tp-rom-color);
}

.rs-service-summary-title {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 600;
    padding: 18px 16px;
    background: var(--tp-grey-color);
    border-radius: 4px;
    margin-bottom: 0;
}

.rs-summary-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rs-summary-col:last-child {
    border-bottom: 1px solid var(--tp-grey-color);
}

.rs-summary-row {
    padding-bottom: 8px;
}

.rs-summary-row span {
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
}

.rs-summary-row span:last-child {
    font-weight: 400;
}

.rs-summary-row.total {
    padding-top: 8px;
    padding-bottom: 0;
}

.rs-summary-row.total span {
    color: var(--tp-red-color);
    font-size: 14px;
    font-weight: 600;
}

.rs-summary-row.tex {
    border-bottom: 1px solid var(--tp-grey-color);
}

@media (max-width: 767px) {
    .rs-summary-row.tex {
        display: none !important;
    }
}

.rs-checkout-right-center {
    border: 1px solid var(--tp-grey-color);
}

.rs-checkout-payment-method-title {
    color: var(--tp-heading-color-2);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}

.rs-payment-method-img-btn {
    border-radius: 4px;
    border: 1px solid var(--Gray-100, #edeef1);
    background: var(--tp-grey-color);
    height: 40px;
    width: 133.33px;
    color: var(--tp-black-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-payment-method-img-btn {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .rs-payment-method-img-btn {
        flex: 0 0 auto;
        width: 31%;
    }
}

.rs-payment-method-img-btn.active {
    border-radius: 4px;
    border: 2px solid var(--tp-red-color);
    background: var(--tp-rom-color);
    color: var(--tp-black-color);
}

.rs-payment-cancel {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    background: var(--tp-white-color);
    height: 48px;
    text-align: center;
    width: 50%;
    border: 1px solid transparent;
    transition: 0.3s linear;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-cancel {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .rs-payment-cancel {
        font-size: 12px;
    }
}

.rs-payment-cancel:hover {
    border: 1px solid var(--tp-red-color);
    background: var(--tp-rom-color);
}

.rs-payment-proceed {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    background: var(--tp-red-color);
    height: 48px;
    text-align: center;
    width: 50%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-proceed {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .rs-payment-proceed {
        font-size: 12px;
    }
}

.rs-note-box {
    border-radius: 8px;
    background: var(--tp-rom-color);
    padding: 16px;
}

.rs-note-box span {
    color: var(--tp-heading-color-2);
    font-size: 16px;
    font-weight: 600;
}

.rs-note-box span b {
    color: #f04438;
}

.rs-note-box p {
    color: var(--tp-heading-color-2);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    padding-right: 50px;
}

.rs-payment-popup {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 538px;
    height: auto;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--tp-white-color);
    padding: 48px;
    border-radius: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-popup {
        transform: translate(-50%, -75%);
        width: 370px;
        padding: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 445px),
    (max-width: 767px) and (max-width: 445px) {
    .rs-payment-popup {
        width: 100%;
    }
}

.rs-payment-popup h2 {
    color: var(--Light-Font-Dark, #06161c);
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-popup h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.rs-payment-popup p {
    color: var(--tp-heading-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-popup p {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

.rs-payment-popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 16px;
    cursor: pointer;
    color: var(--tp-white-color);
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    background: var(--tp-red-color);
    width: 30px;
    height: 30px;
    line-height: 33px;
}

.rs-payment-popup-close i {
    transition: 0.3s linear;
}

.rs-payment-popup-close:hover i {
    transform: rotate(90deg);
}

.rs-modal-btn {
    color: var(--tp-white-color);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    background: var(--tp-red-color);
    width: 208px;
    border-radius: 4px;
}

.rs-modal-btn-1 {
    background: #45bc1a;
    border: 1px solid #45bc1a !important;
}

.rs-checkout-form-input.error,
#autoPaySwitch.error {
    border: 1px solid var(--tp-red-color);
}

.rs-checkout-autopay-switch label.error {
    border: 2px solid var(--tp-red-color);
}

@media (max-width: 360px) {
    .my-adds-header {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-actions {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-actions-fix {
        display: flex !important;
        background: none !important;
        border-top: 1px solid #edeef1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 350px),
    (max-width: 767px) and (max-width: 350px) {
    .rs-payment-actions-fix {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-actions-fix .rs-payment-cancel {
        border: 1px solid var(--tp-red-color);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 350px),
    (max-width: 767px) and (max-width: 350px) {
    .rs-payment-actions-fix .rs-payment-cancel {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 350px),
    (max-width: 767px) and (max-width: 350px) {
    .rs-payment-actions-fix .rs-payment-proceed {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-summary-row.total {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-summary-row.total-fix {
        display: flex !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fix-btn {
        border-radius: 4px;
        background: var(--tp-white-color);
        box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
        padding: 12px 16px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
    }
}

.fix-btn {
    display: none;
}

.my-page.checkout.active ~ .fix-btn {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .rs-payment-popup-icon {
        width: 50px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px !important;
    }
}

#soldOutModal {
    background: var(--tp-white-color);
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    position: relative;
    position: fixed;
    width: 696px;
}

@media (max-width: 767px) {
    #soldOutModal {
        width: 370px;
        padding: 16px;
        height: auto;
    }
}

@media (max-width: 767px) and (max-width: 370px) {
    #soldOutModal {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) and (max-width: 340px) {
    #soldOutModal {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    #soldOutModal .rs-product-make-offer-content {
        justify-content: center !important;
    }
}

.rs-sold-out-modal-title {
    font-weight: 700;
    font-size: 20px;
    color: var(--tp-red-color);
    line-height: 133%;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rs-sold-out-modal-title {
        font-weight: 700;
        font-size: 16px;
    }
}

#soldOutModal h4 {
    color: #111;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 767px) {
    #soldOutModal h4 {
        font-weight: 700;
        font-size: 16px;
    }
}

.rs-sold-out-modal-sub-title {
    color: #06161c;
    margin-top: 8px;
    margin-bottom: 12px;
}

#soldOutModal p {
    font-weight: 400;
    font-size: 12px;
    line-height: 157%;
    color: #06161c;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    #soldOutModal p {
        font-weight: 400;
        font-size: 12px;
    }
}

#soldOutModal input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 12px;
}

#soldOutModal .rs-cancel-btn {
    background: #f5f5f5;
    color: #333;
}

#soldOutModal .rs-submit-btn {
    background: #e53935;
    color: #fff;
}

#soldOutModal .rs-product-make-offer-close {
    top: 12px;
    right: 12px;
}

.form-group {
    position: relative;
}

#soldDate {
    width: 100%;
    padding: 10px 40px 10px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 12px;
    color: #17181d;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
}

#soldDate::-moz-calendar-picker-indicator {
    display: none;
}

#soldDate::-ms-clear,
#soldDate::-ms-expand {
    display: none;
}

.date-icon {
    position: absolute;
    right: 12px;
    top: 50px;
    pointer-events: none;
}

.date-input::placeholder {
    text-transform: lowercase;
}

.sold-out-form-group {
    border-bottom: 1px solid #edeef1;
}

@media (max-width: 767px) {
    .sold-out-form-group {
        flex-wrap: wrap;
    }
}

.sold-out-btn {
    gap: 20px;
}

@media (max-width: 767px) {
    .sold-out-btn {
        flex-wrap: wrap;
    }
}

.sold-out-btn button {
    margin-top: 0 !important;
    font-weight: 500;
    font-size: 16px;
    width: 200px;
}

@media (max-width: 767px) {
    .sold-out-btn button {
        width: 159px;
    }
}

@media (max-width: 767px) and (max-width: 370px) {
    .sold-out-btn button {
        width: 100%;
    }
}

.sold-out-btn .rs-sold-out-cancel-btn {
    color: var(--tp-heading-color);
    border-radius: 4px;
    background: #f6f7f9;
    transition: 0.3s linear;
    border: 1px solid #f6f7f9;
}

.sold-out-btn .rs-sold-out-cancel-btn:hover {
    border: 1px solid var(--tp-red-color);
}

/* Chrome, Edge, Safari */
input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
}

/* Firefox */
input[type="date"] {
    -moz-appearance: textfield;
}

/*============= promote-end =============== */
/*============= user-profile-start =============== */

.rs-product-head-top-btn a {
    font-weight: 500;
    font-size: 18px;
    color: var(--tp-heading-color);
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: transparent;
    border: 1px solid var(--tp-grey-color-5);
    width: 148px;
    border-radius: 8px;
    transition: 0.2s linear;
}

.rs-product-head-top-btn a.active {
    border: 1px solid var(--tp-red-color);
    color: var(--tp-red-color);
}

.rs-product-price-menu-2 ul li a {
    height: 40px;
    background: var(--tp-grey-color);
    border: 1px solid #edeef1;
}

.rs-product-price-menu-2 ul li a svg {
    transition: 0.3s ease;
}

.rs-product-price-menu-2 ul li:hover svg {
    transform: rotate(-180deg);
}

.rs-product-price-dropdown-2 ul li a {
    margin: 5px 0;
}

.rs-product-menu-icon-2 a {
    border-radius: 4px;
    width: 40px;
    height: 40px;
    background: var(--tp-grey-color);
    text-align: center;
    line-height: 40px;
}

.rs-related-item-title {
    font-weight: 600;
    font-size: 32px;
    color: var(--tp-heading-color);
    padding: 27px 16px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--tp-grey-color-5);
    border-radius: 8px;
}

.rs-seler-profile-author {
    position: relative;
    overflow: hidden;
}

.rs-seler-profile-author::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid rgba(255, 255, 255, 0.32);
    border-radius: 100%;
}

.rs-seler-profile-author img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    object-fit: cover;
}

.rs-seler-profile-bg {
    position: relative;
}

.rs-seler-profile-bg::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgb(0, 0, 0) 100%
    );
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.rs-seler-name {
    font-weight: 500;
    font-size: 32px;
    color: var(--tp-white-color);
}

.rs-seler-location {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.rs-seler-rating {
    background: rgba(255, 255, 255, 0.12);
    font-weight: 600;
    font-size: 16px;
    color: var(--tp-white-color);
    height: 40px;
    padding: 0px 16px;
    width: 130px;
    border-radius: 4px;
}

.rs-seler-rating cite {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    font-style: normal;
    margin-left: 4px;
}

.rs-seler-information-title {
    font-weight: 600;
    font-size: 20px;
    color: var(--tp-heading-color);
    margin-bottom: 16px;
}

.rs-seler-information-area {
    border: 1px solid #edeef1;
    border-radius: 4px;
    background: var(--tp-grey-color);
    padding: 16px;
}

.rs-seler-information-area a {
    font-weight: 500;
    font-size: 16px;
    color: var(--tp-heading-color);
    display: block;
    height: 56px;
    background: var(--tp-white-color);
    margin-bottom: 12px;
    line-height: 56px;
    transition: 0.3s linear;
    border: 1px solid transparent;
    border-radius: 4px;
}
.flex-1 {
    flex: 1;
}
.rs-header-btn {
    color: var(--tp-white-color) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    background: var(--tp-red-color) !important;
    padding: 5px 27px !important;
    height: 48px !important;
    text-align: center !important;
    margin-right: 16px !important;
    line-height: 38px !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    transition: 0.3s linear !important;
}

.rs-seler-information-area a:hover {
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-rom-color);
}

.rs-seler-information-area a img {
    margin-right: 12px;
    padding-left: 27px;
}

.rs-seler-information-btn button {
    margin-right: 12px;
    width: 85%;
}

.rs-seler-information-btn button svg {
    transform: rotate(0deg) !important;
}

.rs-seler-information-share-btn {
    width: 48px !important;
    height: 48px;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.12);
    background: var(--tp-white-color);
    border-radius: 4px;
    margin-right: 0 !important;
    transition: 0.3s linear;
    border: 1px solid transparent;
    border-radius: 4px;
}

.rs-seler-information-share-btn:hover {
    border: 1px solid var(--tp-grey-color-5);
    background: var(--tp-rom-color);
}

.rs-review-right-2 {
    top: 16px;
    right: 16px;
}

.rs-review-right-2 .reportSellerBtn {
    background: rgba(255, 255, 255, 0.12);
    height: 40px;
    width: 138px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: var(--tp-white-color);
    padding: 0;
    justify-content: center;
}

.rs-related-item-card-box {
    padding-bottom: 1px;
    border-radius: 8px;
}

.rs-riview-list-title {
    font-weight: 600;
    font-size: 32px;
    color: var(--tp-heading-color-2);
    margin-bottom: 0;
}

.rs-riview-list-author {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: var(--tp-grey-color);
    border-radius: 100%;
    margin-right: 16px;
    flex: 0 0 auto;
}

.rs-riview-list-author img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.rs-riview-list-author span {
    font-weight: 600;
    font-size: 20px;
    color: var(--tp-heading-color-2);
}

.rs-riview-list-name span {
    font-weight: 600;
    font-size: 20px;
    color: var(--tp-heading-color-2);
}

.rs-riview-list-reating span {
    font-weight: 600;
    font-size: 16px;
    color: var(--tp-heading-color);
    margin-left: 6px;
}

.rs-riview-list-date {
    margin-left: auto;
    margin-bottom: auto;
    line-height: 1;
}

.rs-riview-list-date span {
    font-weight: 400;
    font-size: 12px;
    color: var(--tp-heading-color-2);
}

.rs-riview-list-text p {
    font-weight: 400;
    font-size: 14px;
    color: var(--tp-heading-color);
    margin-bottom: 0;
}

.rs-riview-list-btn {
    width: 145px;
    padding: 0;
}

.rs-riview-list-btn:hover{
    color: var(--tp-heading-color) !important;
}


#reviewModal {
    width: 533px;
    height: auto;
    padding: 32px;
}

@media (max-width: 533px) {
    #reviewModal {
        width: 100%;
    }
}

#reviewModal label {
    font-weight: 500;
    font-size: 16px;
    color: var(--tp-heading-color);
    margin-bottom: 6px;
}

#reviewModal textarea {
    height: 120px;
}

#reviewModal textarea::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: var(--tp-grey-color-4);
}

#reviewModal .reating img {
    width: 34px;
    height: 32px;
}

#reviewModal .rs-btn {
    margin-top: 14px;
}

.rs-riview-list-author {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: var(--tp-grey-color);
    border-radius: 100%;
    margin-right: 16px;
    flex: 0 0 auto;
}

.rs-riview-list-box {
    margin-bottom: 24px;
}

.rs-riview-list-top {
    border-bottom: 1px solid var(--tp-grey-color-5);
}

/*============= user-profile-end =============== */

.rating i {
    font-size: 18px;
    color: #ffc107;
    cursor: pointer;
    transition: color 0.2s;
    font-size: 32px;
}

.rating i.active,
.rating i:hover,
.rating i:hover ~ i {
    color: #ffc107;
}

/*-------- new add------------- */
.tp-header-author.tp-header-author-open
    .tp-header-author-thumb-more.p-absolute {
    opacity: 1;
    visibility: visible;
}

.tp-header-author-thumb-more a {
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 700;
    background: var(--tp-white-color);
    text-align: left;
    border-radius: 0;
    width: auto;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 8px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    padding: 4px;
}

.rs-header-abtar::before {
    display: none;
}

.tp-header-author-name {
    line-height: 1.3;
    color: var(--tp-heading-color);
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s linear;
}

.tp-header-author-name span {
    font-size: 12px;
    font-weight: 400;
}

.tp-header-author-img::before {
    position: absolute;
    content: "";
    border-radius: 48px;
    border: 2px solid var(--tp-red-color);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tp-header-author-thumb-more {
    top: 50px;
    right: -12px;
    width: 132px;
    height: auto;
    z-index: 11;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;
    opacity: 0;
    visibility: hidden;
    padding: 8px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    transition: 0.3s linear;
}

.location-icon {
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

.rs-color {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    /* background: transparent; */
}

.color-box {
    flex: 0 0 auto;
}

.step-location-icon {
    top: 50%;
    transform: translateY(-82%);
    right: 16px;
}

.rs-footer-area {
    background: #17181d;
}

.rs-header-search-btn {
    border-radius: 0 4px 4px 0;
    background: var(--tp-red-color);
    width: 56px;
    height: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
}

.rs-profile-language.active {
    background: transparent;
}

.tp-header-author-img img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.tp-header-author-img {
    flex: 0 0 auto;
}

.rs-more-option-item ul li form button {
    background: transparent;
    transition: 0.3s linear;
    color: var(--tp-heading-color);
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

.rs-more-option-item ul li:hover button {
    color: var(--tp-white-color);
}

span.rs-product-status {
    font-size: 12px;
    padding: 5px;
    background: var(--tp-grey-color);
    display: block;
    line-height: 1;
    border-radius: 4px;
}

.rs-about-img img {
    border-radius: 4px;
    margin-bottom: 40px;
    margin-top: 45px;
}

.rs-about-title {
    font-weight: 600;
    font-size: 20px;
    color: var(--tp-heading-color);
    margin-bottom: 12px;
}

.rs-about-text {
    font-weight: 400;
    font-size: 16px;
    color: var(--tp-heading-color);
    margin: 0;
}

.phone-screen {
    -webkit-mask-image: url("/assets/frontend/mobile-mark/mask-2.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-image: url("/assets/frontend/mobile-mark/mask-2.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    height: 95%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 15px;
    left: 0;
}

.rs-user-img {
    flex: 0 0 auto;
}

.rs-product-box-message {
    flex-direction: row;
}

.rs-notification-logo img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 100%;
}

.select-author {
    font-size: 20px;
    color: var(--tp-heading-color);
    font-weight: 300;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.active > a {
    /* color: #ff4f00 !important; */
    font-weight: 800;
}

.rs-product-box-message {
    flex-direction: row;
    position:inherit;
}

.message-your.message-item .message-time {
    color: var(--tp-grey-color-4) !important;
    font-size: 8px !important;
    font-weight: 400;
    line-height: 8px;
    text-align: right;
    display: block;
    margin-right: 50px;
}

.message-my.message-item .message-time {
    color: var(--tp-grey-color-4) !important;
    font-size: 8px !important;
    font-weight: 400;
    line-height: 8px;
    text-align: left;
    display: block;
    margin-left: 50px;
}

.tp-header-author-img {
    flex: 0 0 auto;
}

.rs-chat-user-massage.unread {
    font-weight: 700;
}

#chat-box {
    scroll-behavior: smooth;
    overflow-y: auto;
}

.rs-product-box {
    overflow: hidden;
}

.rs-sign-in-btn {
    border: 1px solid var(--tp-red-color);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: var(--tp-red-color);
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 120px;
    gap: 6px;
}

/* for Wishlisted Product */
.love-icon path {
    stroke: #17181D;
    fill: none;
    transition: all 0.3s ease;
}

.love-icon.active path {
    stroke: #e11900;
    fill: #e11900;
}

.rs-product-details-info-rating-author-thumb{
   width: 72px;
   height: 72px;
   object-fit: cover;
   border-radius: 100%;
}
.swiper-button-lock {
    display: block ;
}
.password_checkmark {
    width: 16px !important;
    height: 16px !important;
}

#Visible_Password{
    color: var(--tp-red-color);
}

.leaflet-top.leaflet-left{
 position: relative !important;
 z-index: 401 !important;
}

.rs-hero-img-area{
    height: 670px;
}
@media (max-width: 767px) {
    .rs-hero-img-area{
        height: 640px;
    }
}


.Sold__out__btn.active{
    background-color: var(--tp-red-color);
}
.Sold__out__btn{
    color: #fff;
}
#messageModal,
#successModal {
    position: fixed;
    transition: 0.45s ease-in-out;
    background: rgba(24, 24, 24, 0.44);
    padding: 0;
    height: 100%;
    border-radius: 0;
    width: 100%;
    z-index: 999;
}
#successModal::before {
    position: absolute;
    content: '';
    width: 490px;
    height: 280px;
    transition: 0.45s ease-in-out;
    background: rgb(255 255 255);
    border-radius: 20px;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rs-payment-popup-content-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rs-payment-popup-close-2{
    top: -40px;
    right: -20px;
}

#messageModal::before {
    position: absolute;
    content: '';
    width: 600px;
    height: 400px;
    transition: 0.45s ease-in-out;
    background: rgb(255 255 255);
    border-radius: 20px;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rs-payment-popup-close-3{
    top: -16px;
    right: -16px;
}


/*# sourceMappingURL=style.css.map */


        /* Suggestion dropdown container */
        .suggestion-box {
            position: absolute;
            top: 100%;
            /* input er niche */
            left: 0;
            width: 100%;
            background: #fff;
            border: 1px solid #ccc;
            border-top: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            list-style: none;
            padding: 0;
            margin: 0;
            display: none;
            max-height: 250px;
            overflow-y: auto;
            border-radius: 0 0 8px 8px;
        }

        /* Individual suggestion item */
        .suggestion-box li {
            padding: 10px 15px;
            cursor: pointer;
            font-size: 14px;
            color: #333;
        }

        /* Hover effect like YouTube */
        .suggestion-box li:hover {
            background-color: #f2f2f2;
        }

        .tp-header-author-thumb-more a {
            display: flex;
            align-items: center;
            text-decoration: none;
            padding: 10px 18px;
            font-size: 14px;
            font-weight: 500;
            color: #495057;
            background: transparent;
        }

        .tp-header-author-thumb-more a:hover:not(.active-menu) {
            background: #f8f9fa;
        }

        .tp-header-author-thumb-more a.active-menu {
            color: #ffffff;
            background: var(--tp-red-color);
        }

        .tp-header-author-thumb-more a i {
            margin-right: 10px;
            font-size: 14px;
        }

        .tp-header-author-thumb-more a.logout-link {
            color: #dc3545;
        }

        #product-box{
            position: inherit;
            left: 6px;
            right: 15px;
        }

        .mr-0{
            margin-right: 0 !important;
        }

        .rs-payment-popup-close-main {
            position: absolute;
            top: -38px;
            right: -15px;
            font-size: 16px;
            cursor: pointer;
            color: var(--tp-white-color);
            text-align: center;
            font-weight: 500;
            border-radius: 4px;
            background: var(--tp-red-color);
            width: 30px;
            height: 30px;
            line-height: 33px;
}

.loginCheckBox {
    width: 16px;
    height: 16px !important;
    border: 1px solid white !important;
    background: transparent !important;
    margin-top: 5px !important;
}
.mt-top-15{
    margin-top: -15px;
}

#togglePassword{
    color: white;
}
