1<!--------- 2=== Theme Author : Evan Ahmed EMon 3=== Version : TECHSMM V-3.0 4=== Theme Designed By: TWG 5=== Contact Whatsapp: +8801864614704 6 -----------> 7 8<!DOCTYPE html> 9 <html lang="en"> <!-- This sets the language code if the language is active --> 10 11<head> 12 <base href="https://socialzone.site"> <!-- Sets the base URL for the website --> 13 14 <title> 15 16 Affordable SMM Services â Instagram & TikTok Growth Packages <!-- If the page title exists, it will display it --> 17 </title> 18 19 <!-- Open Graph Meta Data for social media sharing --> 20 <meta property="og:title" content=" Affordable SMM Services â Instagram & TikTok Growth Packages " /> 21 <meta charset="utf-8"> <!-- Specifies the character encoding for the document (UTF-8) --> 22 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Ensures modern rendering in Internet Explorer --> 23 <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Ensures responsive design across devices --> 24 25 <!-- Custom keywords and description for SEO --> 26 <meta name="keywords" content=" Pakistan SMM Panel , Best SMM Panel in Pakistan , Social Media Marketing Panel Pakistan , Affordable SMM Services Pakistan , Buy SMM Panel Pakistan , Instagram SMM Panel Pakistan , Facebook SMM Panel Pakistan , Social Media P "> 27 <meta name="description" content=" AMEEZ SMM offers fast and secure SMM services including Instagram followers, TikTok views, and more with global payment gateways . "> 28 29 <!-- Open Graph description for social media preview --> 30 <meta property="og:description" content=" AMEEZ SMM offers fast and secure SMM services including Instagram followers, TikTok views, and more with global payment gateways . " /> 31 32 <!-- Google and DMCA Verification --> 33 <meta name="google-site-verification" content="" /> 34 <meta name="dmca-site-verification" content="N21yanNCaGQrVlZZMXNZTkhENW82QT090" /> 35 36 <!-- Meta Logo for social media previews --> 37 <meta property="og:image" itemprop="image" content="https://smmgone.com/img/files/sjna2mqHeUv5XGVY.png"> 38 39 <!-- Favicon for the site --> 40 <link rel="shortcut icon" type="image/ico" href="img/panel/TDqY5ZhQNzlFkdAm.png"/> 41 <link rel="icon" type="image/png" sizes="192x192" href="img/panel/TDqY5ZhQNzlFkdAm.png"/> 42 <link rel="icon" type="image/png" sizes="512x512" href="img/panel/TDqY5ZhQNzlFkdAm.png"/> 43 <link rel="icon" type="image/png" sizes="32x32" href="img/panel/TDqY5ZhQNzlFkdAm.png"/> 44 <link rel="icon" type="image/png" sizes="16x16" href="img/panel/TDqY5ZhQNzlFkdAm.png"/> 45 <link rel="apple-touch-icon" href="img/panel/TDqY5ZhQNzlFkdAm.png"/> 46 47 48<link rel="stylesheet" href="https://cdn.1panel.link/main/css/global.main.v24.18.11.v2.css" media="print" onload="this.media='all'" /> 49<link rel="stylesheet" href="https://cdn.1panel.link/main/fa5151/css/all.min.css" media="print" onload="this.media='all'" /> 50 51 52 <link 53 rel="stylesheet" 54 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 55 integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" 56 crossorigin="anonymous" 57 /> 58 <link 59 rel="stylesheet" 60 type="text/css" 61 href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" 62 /> 63 <link 64 rel="stylesheet" 65 type="text/css" 66 href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css" 67 /> 68 <!-- ./ Slick Carusel CDN --> 69
69<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
69 70 71 <!-- Swiper Slider CNDS --> 72 73 <link 74 rel="stylesheet" 75 href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" 76 /> 77 78<style> 79 li.selected a span.text{ 80 color: white !important; 81 } 82 li.selected { 83 background-color: #4CAF50; 84 color: white !important; 85 } 86 .sidebar_menu .nav-item.active .menu_item { 87 background: #FF0DE2 !important; 88 box-shadow: 0 5px 10px rgb(0 0 0 / 77%); 89 border: 0px solid #3d8dff !important; 90} 91 .authorized.nightmode .panel_icon_class { 92 margin-top: -16px; 93 color: #b15c5c; 94 filter: brightness(100); 95} 96 .dono { 97 display: block; 98 } 99 .dono-dark { 100 display: none; 101 } 102 @media (prefers-color-scheme: dark) { 103 .dono { 104 display: none; 105 } 106 .dono-dark { 107 display: block; 108 } 109 } 110 .border-solid { 111 border: 0px solid #ddd; 112 113 border-radius: 5px; 114 padding: 5px; 115 background: #E9F2FC; 116} 117 @media only screen and (max-width: 550px) { 118 .filter_btn_wrap { 119 grid-template-columns: repeat(4, 1fr); 120 height: 150px; 121 overflow: hidden; 122 overflow-y: scroll; 123 grid-gap: 8px 10px; 124 } 125} 126 .v2_user_info{ 127 color: white !important; 128 } 129 a.forget-pass, .form-group{ 130 font-size: 15px; 131 132 color: #25aae1 !important; 133} 134 135 .authorized.nightmode .top_head_wrap{ 136 background-color:#1e293b; 137 } 138 #order-page{ 139 margin-top: 80px; 140 } 141.sidebar_menu{ 142 color: white; 143} 144 .fa, .fas { 145 font-family: "Font Awesome 5 Pro"; 146 font-weight: 1000; 147} 148 body{ 149 font-weight: 800; 150 } 151 .top_head_wrap { 152 153 box-shadow: .5px .5px; 154 } 155 #main_container .content_area .content{ 156 background-color: #e9f2fc; 157 158 159 } 160 .currency-name-span{ 161 color: #3d8dff 162 163 } 164 165 .authorized.nightmode .row.ticket-message-block.ticket-message-right{ 166 color: #fff ; 167} 168.authorized.nightmode .ticket-message-left .ticket-message{ 169 color: #fff ; 170} 171.authorized.nightmode .ticket-message-left .ticket-message .info{ 172 color: #fff ; 173} 174.authorized.nightmode.tickets .ticket-message{ 175color: #fff !important; 176} 177.authorized.nightmode.tickets .col-md-8{ 178 color: #fff !important; 179} 180.authorized.nightmode.tickets .info { 181 color: #fff !important; 182} 183.authorized.tickets .ticket-message-block { 184 margin: 10px 0px !important; 185} 186 187.authorized.tickets #inp[type='file']{ 188 background: var(--bg-input); 189 height: 45px; 190 border-radius: 10px; 191 border: none; 192 color: var(--text-black); 193 outline: 0 !important; 194 display: block; 195 width: 100%; 196 padding: 0.375rem 0.75rem; 197 font-size: 1rem; 198 font-weight: 400; 199 line-height: 1.5; 200 color: #212529; 201 background-color: #fff; 202 background-clip: padding-box; 203 border: 1px solid #ced4da; 204 -webkit-appearance: none; 205 -moz-appearance: none; 206 appearance: none; 207 border-radius: 0.25rem; 208 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 209} 210.authorized.tickets.nightmode #inp[type='file']{ 211 background: var(--dark-bg-input) !important; 212 color: #fff; 213 caret-color: #005cbf; 214} 215.authorized .bootstrap-select .dropdown-menu.inner{ 216 display: block !important; 217 218 font-size: 15px; 219} 220#payment { 221 padding: 5rem 0rem; 222 background: #f7f7f7; 223} 224 .authorized .toogle_sidebar .logo_off_nav img { 225 max-width: 150px !important; 226 } 227 228 .authorized .bootstrap-select .dropdown-menu li a span.text { 229 word-wrap: break-word; 230 white-space: break-spaces; 231 width: 100% !important; 232 padding: 8px; 233} 234 235.authorized .bootstrap-select .dropdown-menu li a { 236 cursor: pointer; 237 -webkit-user-select: none; 238 -moz-user-select: none; 239 -ms-user-select: none; 240 user-select: none; 241 242 243 color: #0f172a !important; 244} 245 246.authorized.nightmode .bootstrap-select .dropdown-menu li a { 247 color: #fff !important; 248} 249.authorized.nightmode .bootstrap-select .dropdown-menu li a:hover{ 250 color: #fff !important; 251} 252.nightmode form .dropdown-menu.open .dropdown-menu li a:hover{ 253 254} 255.authorized.nightmode #toggle-btn .day_mode i{ 256 color: #fff !important; 257} 258 259.authorized .badge.service_id_badge{ 260 background: var(--dark-text-primary) !important; 261 color: #fff !important; 262} 263 264.authorized.nightmode #toggle-btn .night_mode i{ 265 color: #002bff !important; 266} 267 #main_container .sidebar .sidebar_top .logo img{ 268 max-width: 150px !important; 269 width: 150px !important; 270 margin-top: 0px !important; 271 } 272 .unauthorized .navbar { 273 position: fixed !important; 274 top: 0; 275 width: 100%; 276 background: transparent !important; 277 padding-top: 15px; 278 padding-bottom: 15px; 279 border-bottom: 2px solid #ddd; 280 background: #ffffff38 !important; 281 z-index: 999; 282 transition: 0.5s; 283} 284.btn_login { 285 height: 60px; 286} 287 288.btn__fill { 289 background: var(--text-primary) ; 290 border-color: var(--text-primary); 291 color: var(--text-white); 292} 293.btn__home { 294 font-size: 18px; 295 padding: 10px 30px; 296 297 cursor: pointer; 298 border-radius: 13px; 299 font-weight: bold; 300 transition: 0.5s; 301 border: 3px solid var(--text-primary); 302} 303.btn:not(:disabled):not(.disabled) { 304 cursor: pointer; 305} 306 307.btn__fill:hover {
308 color: var(--text-white) !important; 309 border-color: #3d8dff; 310 background: #3d8dff; 311} 312.btn.focus, .btn:focus { 313 outline: 0; 314 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 315} 316.service_button_filter .btn_ser_filter:focus{ 317 outline: none !important; 318 border:none !important; 319 box-shadow: none !important; 320} 321.authorized .btn_profiles { 322 width: 40px; 323 height: 40px; 324 background: var(--text-white); 325 margin-right: 10px; 326 margin-right: 10px; 327 padding: 0px 4px; 328 border-radius: 50px; 329 color: var(--bg-sidebar-day); 330 font-size: 18px; 331 font-weight: bold; 332 box-shadow: none !important; 333 border: none !important; 334 outline: none !important; 335} 336.authorized .nav-pills .nav-link.active, .nav-pills .show > .nav-link { 337 background: var(--text-primary) !important; 338} 339#orders_menu.nav-pills .nav-link { 340 border: 2px solid transparent; 341 border-radius: 10px !important; 342} 343.dropdown-toggle { 344 white-space: nowrap; 345} 346.btn-secondary { 347 color: #fff; 348 background-color: #6c757d; 349 border-color: #6c757d; 350} 351body { 352 font-family: "Poppins", sans-serif !important; 353} 354 @media (min-width: 992px) 355{ 356 357} 358.filter_btn_wrap .btn_filter:focus{ 359 border-color: #3d8dff !important; 360 outline: #3d8dff !important; 361} 362.authorized #newOrderTabsWrap .nav.nav-pills { 363 364 padding: 10px !important; 365} 366#newOrderTabsWrap #pills-tab .nav-item .nav-link:focus{ 367 368 border-color: #3d8dff !important; 369 outline: #3d8dff !important; 370 371} 372 373@media only screen and (max-width: 550px) 374{ 375 .authorized .toogle_sidebar .logo_off_nav img { 376 width: 100px !important; 377 margin-top: -5px !important; 378} 379} 380 381 382 383 384 385 386@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"); 387* { 388 margin: 0; 389 padding: 0; 390 box-sizing: border-box; 391} 392:root { 393 --bg-daymode: #f1f2f6; 394 --bg-darkmode: rgba(30, 41, 59, 1); 395 --bg-card-day: #ddd; 396 --bg-card-night: #545454; 397 --bg-sidebar-day: #3d8dff; 398 --bg-sidebar-night: rgba(30, 41, 59, 1); 399 --bg-menu-active: linear-gradient( 400 -35deg, 401 rgba(255, 155, 143, 1) 0%, 402 rgba(248, 72, 139, 1) 100% 403 ); 404 --dark-bg-menu-active: #ff0de2; 405 --user-box-day-bg: #8100dd; 406 --bg-filter-btn: #4CAF50; 407 --bg-secondary: #ff0de2; 408 --text-white: #fff; 409 --text-black: #000; 410 --text-primary: #4CAF50; 411 --dark-text-primary: #4CAF50; 412 --bg-input: #f1f2f6; 413 --dark-bg-input: #0f172a; 414 --badges-pending: #ffb400; 415 --badges-inprogress: #ff5c00; 416 --badges-completed: #01b713; 417 --badges-partials: #4a629c; 418 --badges-canceled: #dc3545; 419 --badges-processing: #ac4006; 420 --home-hero-top-text: #ff004d; 421 --home-btn-hover: #36118b; 422 --nav-btn-hove-colors: #2f425d; 423 --bg-user-dark: #0f172a85; 424 --bg-dark-content: #0f172a; 425} 426body { 427 font-family: "Poppins", sans-serif; 428} 429body.unauthorized { 430 background: #f7f7f7; 431} 432 433.hidden { 434 display: none; 435} 436.authorized { 437 background: #fff !important; 438} 439.authorized .btn:hover { 440 background: var(--text-primary) !important; 441 color: #fff !important; 442} 443.authorized .btn:focus { 444 background: var(--text-primary) !important; 445 color: #fff !important; 446 outline: none !important; 447 border: none; 448} 449.unauthorized #main_container .content_area .content{ 450 background-color: #f7f7f7 !important; 451} 452.drop_dwon_menu { 453 background: var(--text-primary) !important; 454 color: #fff !important; 455 border-radius: 10px; 456} 457.authorized .filter-primary { 458 background: #3d8dff !important; 459 color: #fff !important; 460 border-radius: 10px; 461} 462.dropdown-menu.show button { 463 border: none; 464 background-color: #fff; 465 color: #0f172a; 466 467 width: 100%; 468} 469.authorized .search_byId .btn_search{ 470 border: 0px !important; 471 border-bottom-left-radius: 0px !important; 472} 473.nightmode .dropdown-menu.show button { 474 border: none; 475 background-color: #0f172a; 476 color: #fcfcfc; 477 width: 100%; 478} 479.authorized.nightmode #instruction_div #instructions.panel-body p{ 480 color: #0f172a !important; 481} 482.authorized.nightmode #instruction_div #instructions.panel-body li { 483 color: #0f172a !important; 484} 485.authorized .component_alert_dns li{ 486 color: #0f172a !important; 487} 488button:focus { 489 outline: 1px dotted; 490 outline: none -webkit-focus-ring-color; 491} 492 493a { 494 text-decoration: none !important; 495} 496li { 497 list-style: none !important; 498} 499.authorized .user_settings .dropdown.show .settings_drop.show{ 500 display: block !important; 501} 502.authorized .user_settings .dropdown .settings_drop{ 503 display: none !important; 504} 505.authorized .user_settings .curency .dropdown-currencies.show .dropdown-menu.show{ 506 display: block !important; 507} 508.authorized .user_settings .curency .dropdown .dropdown-menu { 509 display: none !important; 510} 511 #cat_filter .text_filter .dropdown.show .dropdown-menu.show{ 512 display: block !important; 513} 514#cat_filter .text_filter .dropdown .dropdown-menu { 515 display: none !important; 516} 517 518.pricing #cat_filter .dropdown-menu.show{ 519 min-width: 300px !important; 520 min-height: 300px !important; 521 max-height: 300px !important; 522 max-width: 300px !important; 523 width: 300px !important; 524 overflow: scroll !important; 525} 526.pricing #cat_filter .dropdown-menu.show .dropdown-item{ 527 border-bottom: 1px solid #212529 !important; 528} 529.services_page #service-table .service_cat_header{ 530 padding: 8px 10px !important; 531 532 font-size: 18px !important; 533 font-weight: 800 !important; 534 background: var(--text-primary) !important; 535 color: #fff !important; 536 border-radius: 0 !important; 537} 538 539.services_page #service-table .service_cat_header td strong{ 540 color: #fff !important; 541 margin-left: 100px; 542} 543@media (min-width:992px) { 544 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){ 545 min-width: 110px; 546 } 547 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){ 548 549 min-width: 300px !important; 550 max-width: 300px; 551 width: 150px; 552 } 553 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(3){ 554 555 min-width: 150px !important; 556 max-width: 150px; 557 width: 150px; 558 } 559 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){ 560 561 min-width: 100px !important; 562 max-width: 100px; 563 width: 100px; 564 } 565 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){ 566 567 min-width: 100px !important; 568 max-width: 100px; 569 width: 100px; 570 } 571 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){ 572 573 min-width: 200px !important; 574 } 575 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){ 576 min-width: 110px; 577 } 578 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){ 579 580 min-width: 300px !important; 581 max-width: 300px; 582 width: 150px; 583 } 584 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(3){ 585 586 min-width: 150px !important; 587 max-width: 150px; 588 width: 150px; 589 } 590 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){ 591 592 min-width: 100px !important; 593 max-width: 100px; 594 width: 100px; 595 } 596 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){ 597 598 min-width: 100px !important; 599 max-width: 100px; 600 width: 100px; 601 } 602 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){ 603 604 min-width: 200px !important; 605 } 606} 607@media (max-width:992px) { 608 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){ 609 610 min-width: 110px; 611 } 612 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){ 613 614 min-width: 300px !important; 615 max-width: 300px; 616 width: 150px; 617 } 618 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(3){ 619 620 min-width: 150px !important; 621 max-width: 150px; 622 width: 150px; 623 } 624 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){ 625 626 min-width: 100px !important; 627 max-width: 100px; 628 width: 100px; 629 } 630 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){ 631 632 min-width: 100px !important; 633 max-width: 100px; 634 width: 100px; 635 } 636 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){ 637 638 min-width: 200px !important; 639 max-width: 200px; 640 width: 200px; 641 } 642 .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(7){ 643 644 min-width: 200px !important; 645 max-width: 200px; 646 width: 200px; 647 } 648 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){ 649 650 min-width: 110px; 651 } 652 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){ 653 654 min-width: 300px !important; 655 max-width: 300px; 656 width: 150px; 657 } 658 .nightmode.pricingg .service-section .services_page #service-table tbody .service-row td:nth-child(3){ 659 660 min-width: 150px !important; 661 max-width: 150px; 662 width: 150px; 663 } 664 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){ 665 666 min-width: 100px !important; 667 max-width: 100px; 668 width: 100px; 669 } 670 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){ 671 672 min-width: 100px !important; 673 max-width: 100px; 674 width: 100px; 675 } 676 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){ 677 678 min-width: 200px !important; 679 max-width: 200px; 680 width: 200px; 681 } 682 .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(7){ 683 684 min-width: 200px !important; 685 max-width: 200px; 686 width: 200px; 687 } 688} 689#main_container .sidebar { 690 position: fixed; 691 width: 300px; 692 /* padding: 0px 20px; */ 693 min-height: 100vh; 694 transition: 0.5s; 695 z-index: 9; 696 background-color: #0c305b; 697 background-size: contain; 698 background-repeat: no-repeat; 699 background-position: bottom right; 700} 701#main_container .sidebar .sidebar_top { 702 padding: 0px 20px; 703} 704#main_container.toogle_sidebar .sidebar { 705 transform: translate(-300px); 706} 707 708#main_container .sidebar .logo { 709 width: fit-content; 710 margin: 0 auto; 711 margin-top: 10px; 712 margin-bottom: 8px; 713 color: #fff !important; 714 font-weight: 600; 715 font-size: 20px; 716 cursor: pointer; 717} 718.nightmode #main_container .sidebar .logo { 719color: #fff !important; 720} 721#main_container .sidebar .logo .logo_img { 722 margin-top: 0px; 723 margin-bottom: 10px; 724} 725a.navbar-brand img { 726 max-width: 200px; 727} 728.sidebar_menu_icon { 729 margin-left: 15px; 730 width: 40px; 731 height: 40px; 732 border: none; 733 background-color: var(--text-white); 734 z-index: 9; 735 border-radius: 10px; 736 font-size: 20px; 737 color: var(--text-black); 738} 739 740#main_container .sidebar_menu_icon img.close_nav_day { 741 display: none; 742} 743 744#main_container .sidebar_menu_icon img.close_nav_night, 745#main_container .sidebar_menu_icon img.open_nav_night { 746 display: none; 747} 748 749#main_container.toogle_sidebar .sidebar_menu_icon { 750 right: -40px; 751} 752#main_container.toogle_sidebar .sidebar_menu_icon img.open_nav_day { 753 display: none; 754} 755 756#main_container.toogle_sidebar .sidebar_menu_icon img.close_nav_day { 757 display: block; 758} 759 760.nightmode #main_container .sidebar_menu_icon img.close_nav_day { 761 display: none !important; 762} 763 764.nightmode #main_container .sidebar_menu_icon img.open_nav_day { 765 display: none !important; 766} 767.nightmode #main_container .sidebar_menu_icon img.open_nav_night { 768 display: inline; 769} 770.nightmode 771 #main_container.toogle_sidebar 772 .sidebar_menu_icon 773 img.close_nav_night { 774 display: inline; 775} 776.nightmode 777 #main_container.toogle_sidebar 778 .sidebar_menu_icon 779 img.open_nav_night { 780 display: none; 781} 782.authorized #main_container .sidebar { 783 background-image: linear-gradient(173.1deg, rgb(251 255 191 / 94%) 10.2%, rgb(129 0 221) 77.3%); 784 background-size: contain; 785 background-repeat: no-repeat; 786 background-position: bottom right; 787} 788 789.authorized.nightmode #main_container .sidebar { 790 background: linear-gradient( 791 45deg, 792 var(--bg-sidebar-night), 793 var(--bg-sidebar-night) 794 ); 795 background-size: contain; 796 background-repeat: no-repeat; 797 background-position: bottom right; 798} 799 800#main_container .content_area { 801 width: calc(100% - 300px); 802 803 margin-left: 300px; 804 transition: 0.5s; 805 z-index: -1; 806 display: flex; 807 align-items: center; 808 flex-direction: column; 809} 810#main_container .content_area .content { 811 margin-top: 65px; 812 width: 100%; 813 min-height: 100vh; 814 border-radius: 20px 0 0 0; 815 816} 817.nightmode #main_container .content_area .content { 818 background: var(--bg-dark-content); 819} 820 821#main_container .content_area .top_header { 822 position: fixed; 823 width: calc(100% - 300px); 824 height: 65px; 825 margin-top: 0px; 826 border-radius: 0px; 827 z-index: 1; 828 transition: 0.5s; 829} 830 831#main_container.toogle_sidebar .content_area .top_header { 832 width: 99%; 833 margin-left: 12px; 834} 835.authorized #main_container .top_header { 836 background-image: linear-gradient(21deg, rgb(231 233 197 / 94%) 10.2%, rgb(188 95 255) 77.3%); 837 box-shadow: 0px -20px 20px #f1f2f6; 838} 839.authorized.nightmode #main_container .top_header { 840 background: var(--bg-sidebar-night); 841 box-shadow: 0px -20px 20px var(--bg-darkmode); 842} 843#main_container.toogle_sidebar .content_area { 844 padding-left: 0px; 845 width: calc(100% - 0px); 846} 847 848.authorized.nightmode #main_container .content_area { 849 background: var(--bg-darkmode); 850} 851.authorized.nightmode .top_content .content_area { 852 background: linear-gradient( 853 45deg, 854 var(--bg-sidebar-night), 855 var(--bg-sidebar-night) 856 ); 857} 858 859.input-group:not(.has-validation) .dropdown-toggle:nth-last-child(n + 3), 860.input-group:not(.has-validation) 861 > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { 862 border-top-right-radius: 0; 863 border-bottom-right-radius: 0; 864} 865 866.form-control { 867 background: var(--bg-input); 868 height: 45px; 869 border-radius: 10px; 870 border: none; 871 color: var(--text-black); 872 outline: 0 !important; 873} 874.input-group > .form-control, 875.input-group > .form-select { 876 position: relative; 877 flex: 1 1 auto; 878 width: 1%; 879 min-width: 0; 880} 881.form-control { 882 display: block; 883 width: 100%; 884 padding: 0.375rem 0.75rem; 885 font-size: 1rem; 886 font-weight: 400; 887 line-height: 1.5; 888 color: #212529; 889 background-color: #fff; 890 background-clip: padding-box; 891 border: 1px solid #ced4da; 892 -webkit-appearance: none; 893 -moz-appearance: none; 894 appearance: none; 895 border-radius: 0.25rem; 896 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 897} 898 899/* 900* 901* 902* Default Css Editor 903* 904* 905*/.authorized 906.authorized.nightmode h1, 907.authorized.nightmode h2, 908.authorized.nightmode h3, 909.authorized.nightmode h4, 910.authorized.nightmode h5, 911.authorized.nightmode h6, 912.authorized.nightmode p, 913.authorized.nightmode ul, 914.authorized.nightmode li, 915.authorized.nightmode .help-block { 916 color: #fff; 917} 918 919button.btn.btn-default.btn-big-secondary.clear-datetime { 920 background: red; 921 height: 100%; 922 color: #fff; 923} 924.nav-pills .nav-link { 925 color: var(--text-primary); 926 border-radius: 10px; 927 transition: 0.5s; 928} 929 930.nav-pills .nav-link.active, 931.nav-pills .show > .nav-link { 932 background: var(--text-primary); 933} 934.authorized.nightmode .nav-pills .nav-link.active, 935.authorized.nightmode .nav-pills .show > .nav-link { 936 background: var(--dark-text-primary); 937} 938.tab_btn_wrap { 939 background: #3d8dff12; 940 display: inline-flex; 941 padding: 10px; 942 border-radius: 15px; 943} 944.tab_btn_wrap .nav-item input, 945.tab_btn_wrap .nav-item input:focus { 946 background: #dfdbf0; 947} 948.nightmode .tab_btn_wrap .nav-item input { 949 background: #22213b; 950} 951 952.authorized.nightmode .tab_btn_wrap { 953 background: var(--bg-dark-content); 954} 955.authorized.nightmode .nav-pills .nav-link { 956 color: #fff; 957} 958.authorized label { 959 font-family: "Poppins", sans-serif; 960 margin-bottom: 0.35rem; 961 font-size: 16px; 962 font-weight: 500; 963} 964.authorized.nightmode label { 965 color: #fff; 966} 967.authorized .form-group { 968 margin-bottom: 1rem; 969} 970.authorized .form-control { 971 background: #e9f2fc; 972 height: 45px; 973 border-radius: 10px; 974 border: none; 975 color: var(--text-black); 976 outline: 0 !important; 977} 978.authorized .form-control:fo
978cus { 979 background: #e9f2fc; 980 box-shadow: none; 981 border: 0; 982} 983.authorized.nightmode .form-control { 984 985 background: var(--dark-bg-input) !important;; 986 color: #fff; 987 caret-color: #005cbf; 988} 989.authorized .btn-primary { 990 padding: 10px 10px; 991 border-radius: 10px; 992 font-size: 18px; 993 color: #ffffff; 994 background: var(--text-primary); 995 border: none; 996 font-weight: 700; 997} 998.authorized.nightmode .btn-primary { 999 background: var(--dark-text-primary); 1000 color: #fff; 1001} 1002 1003/* User avatar */ 1004.user_data { 1005 background: var(--user-box-day-bg); 1006 border-radius: 10px; 1007 margin-bottom: 15px; 1008 position: relative; 1009 overflow: hidden; 1010} 1011.user_data .total_data { 1012 padding: 15px; 1013} 1014.nightmode .user_data { 1015 background: var(--bg-user-dark); 1016} 1017.user_data .user_wrap { 1018 display: flex; 1019 flex-direction: column; 1020 justify-content: space-between; 1021 align-items: center; 1022 margin-bottom: 10px; 1023} 1024.user_data .user_badges { 1025 position: absolute; 1026 width: 160px; 1027 height: 25px; 1028 background: var(--bg-secondary); 1029 top: 22px; 1030 transform: rotate(45deg); 1031 right: -48px; 1032 text-align: center; 1033 display: flex; 1034 justify-content: center; 1035 align-items: center; 1036 cursor: pointer; 1037} 1038.nightmode .user_data .user_badges { 1039 background: var(--dark-text-primary); 1040} 1041.user_data .user_badges h4 { 1042 margin: 0; 1043 font-size: 14px; 1044 color: var(--text-primary); 1045 font-weight: bold; 1046 color: #fff; 1047} 1048.nightmode .user_data .user_badges h4 { 1049 color: #fff; 1050} 1051.user_data .user_info .msg { 1052 font-size: 18px; 1053 font-weight: 500; 1054 color: var(--bg-secondary); 1055} 1056.v2_avatar img { 1057 width: 85px; 1058 height: 85px; 1059 margin-bottom: 8px; 1060 border-radius: 50px; 1061 background: var(--bg-sidebar-day); 1062 object-fit: cover; 1063} 1064 1065.v2_user_info h5 { 1066 font-size: 16px; 1067 font-weight: bold; 1068 color: #fff; 1069 text-transform: capitalize; 1070 margin: 0; 1071} 1072.user_data .user_info h2 { 1073 font-size: 20px; 1074 color: #fff; 1075 font-weight: 600; 1076} 1077.user_data .avatar { 1078 width: 60px; 1079} 1080.user_data .user_balance { 1081 background: var(--bg-secondary); 1082 padding: 2px 14px; 1083 color: #fff; 1084 border-radius: 50px; 1085 margin-bottom: 5px; 1086} 1087.nightmode .user_data .user_balance { 1088 background: var(--dark-bg-menu-active); 1089} 1090 1091.user_data .user_balance .balance { 1092 color: var(--text-white); 1093 font-weight: bold; 1094} 1095 1096.user_data .user_balance .icon { 1097 position: relative; 1098 right: -10px; 1099 width: 23px; 1100 height: 23px; 1101 display: inline-block; 1102 background: white; 1103 text-align: center; 1104 color: var(--bg-secondary); 1105 border-radius: 50px; 1106} 1107 1108.sidebar_menu { 1109 margin-top: 25px; 1110 position: relative; 1111 height: calc(100vh - 311px); 1112 overflow: auto; 1113 padding: 0px 20px; 1114} 1115.sidebar_menu .menu_item { 1116 background: transparent; 1117 text-decoration: none; 1118 color: #fff; 1119 display: flex; 1120 gap: 8px; 1121 padding: 5px 15px; 1122 margin-bottom: 3px; 1123 font-size: 16px; 1124 border-radius: 10px; 1125 cursor: pointer; 1126 transition: 0.5s; 1127 border: 2px solid transparent; 1128} 1129 1130.sidebar_menu .menu_item:hover { 1131 background: #83838347; 1132} 1133 1134.sidebar_menu .menu_item.active { 1135 background: #ffffff; 1136 /* box-shadow:0 5px 10px rgb(0 0 0 / 77%); */ 1137 border: 2px solid var(--nav-btn-hove-colors); 1138} 1139 1140.nightmode .sidebar_menu .menu_item.active { 1141 background: var(--dark-bg-menu-active); 1142 border: 2px solid var(--bg-secondary); 1143} 1144.sidebar_menu .menu_item.active .menu_icon i { 1145 color: #fff; 1146} 1147/* Page infos and other infos*/ 1148#page_info { 1149 display: flex; 1150 justify-content: space-between; 1151 margin: 35px 35px 0px 35px; 1152 gap: 100px; 1153} 1154#page_info .item h4 { 1155 color: #232323; 1156 font-size: 18px; 1157 font-weight: 500; 1158} 1159#page_info .item h4 .sp_text_primary { 1160 color: var(--bg-menu-active); 1161 font-weight: 800; 1162} 1163.nightmode #page_info .item h4 { 1164 color: #fff; 1165} 1166.nightmode #page_info .item h4 .sp_text_primary { 1167 color: var(--text-white); 1168} 1169/* Card Design */ 1170 1171.card.card_v2 { 1172 border-radius: 15px; 1173 margin-top: 10px; 1174} 1175.authorized.nightmode .card.card_v2 { 1176 border-color: var(--dark-text-primary) !important; 1177 background-color: var(--bg-sidebar-night) !important; 1178} 1179.card.card_v2 .card-body { 1180 padding: 1rem; 1181 margin: 0; 1182} 1183.authorized .card.card_v2 { 1184 background: #fff; 1185 box-shadow: 0 5px 5px rgba(7, 7, 7, 10%); 1186 margin-bottom: 15px; 1187} 1188.card-body.shadow_top { 1189 box-shadow: inset 4px 10px 5px #9b9b9b; 1190 border-radius: 15px; 1191} 1192 1193/* Table */ 1194#table.services_page { 1195 padding: 10px; 1196} 1197 1198#table .catetitle td { 1199 padding: 8px 10px; 1200 text-align: center; 1201 font-size: 18px; 1202 font-weight: 800; 1203 background: var(--text-primary); 1204 color: #fff; 1205 border-radius: 0; 1206} 1207.authorized.nightmode #table .catetitle td { 1208 background: var(--dark-text-primary); 1209} 1210#table .table tr { 1211 background: #fff; 1212} 1213 1214.authorized.nightmode #table .table tr { 1215 background: #22213b; 1216 color: #fff !important; 1217} 1218#table .table tr:nth-child(even) { 1219 background: #e8edff; 1220} 1221.authorized.nightmode #table .table tr:nth-child(even) { 1222 background: #121028; 1223} 1224.authorized #table .btn-primary.btn_serv { 1225 font-size: 14px; 1226 width: 40px; 1227 height: 40px; 1228 color: #fff; 1229 border-radius: 50px; 1230 box-shadow: none; 1231 background: var(--text-primary); 1232} 1233.authorized.nightmode #table .btn-primary.btn_serv { 1234 background: var(--dark-text-primary); 1235} 1236.authorized #table .btn-primary.btn_serv:hover { 1237 background: var(--bg-secondary); 1238} 1239.authorized.nightmode #table .btn-primary.btn_serv:hover { 1240 background: var(--dark-text-primary); 1241} 1242.authorized #table .btn-primary.btn_serv.btn_detail { 1243 width: 150px; 1244}
1245.authorized #tickets_page .modal-content { 1246 1247 padding: 15px !important; 1248} 1249.input-group-btn > button { 1250 background: var(--text-primary); 1251 height: 100%; 1252 border-radius: 0px 10px 10px 0px; 1253 display: flex; 1254 align-items: center; 1255} 1256.input-group-btn > button i { 1257 color: #fff; 1258} 1259.authorized.nightmode .input-group-btn > button { 1260 background: var(--dark-text-primary); 1261} 1262 1263.service_button_filter { 1264 display: grid; 1265 grid-template-columns: repeat(auto-fit, minmax(50px, 50px)); 1266 gap: 15px; 1267 margin-bottom: 20px; 1268 justify-content: center; 1269} 1270.service_button_filter .btn_ser_filter { 1271 background: gray; 1272 border: none; 1273 padding: 10px 0px; 1274 border-radius: 10px; 1275 box-shadow: none; 1276 color: #fff; 1277 font-size: 18px; 1278} 1279.btn_ser_filter.btn_all { 1280 background: var(--bg-secondary); 1281 color: #fff; 1282} 1283.authorized.nightmode .btn_ser_filter.btn_all { 1284 background: var(--dark-text-primary); 1285} 1286.btn_ser_filter.btn_fb { 1287 background: #3b5998; 1288 color: #fff; 1289} 1290.btn_ser_filter.btn_tw { 1291 background: #1da1f2; 1292 color: #fff; 1293} 1294.btn_ser_filter.btn_ig { 1295 background: linear-gradient( 1296 90.28deg, 1297 #5f1db9 -5.68%, 1298 #bb2c96 49.27%, 1299 #f0c33b 99.81% 1300 ); 1301 color: #fff; 1302} 1303.btn_ser_filter.btn_in { 1304 background: #1da1f2; 1305 color: #fff; 1306} 1307.btn_ser_filter.btn_yt { 1308 background: #ff0000; 1309 color: #fff; 1310} 1311.btn_ser_filter.btn_sp { 1312 background: #3ce060; 1313 color: #fff; 1314} 1315.btn_ser_filter.btn_tik { 1316 background: #000; 1317} 1318.btn_ser_filter.btn_dis { 1319 background: #5865f2; 1320} 1321.btn_ser_filter.btn_traffic { 1322 background: #fee75c; 1323 color: #232323; 1324} 1325/* 1326* 1327* 1328* New Order Page Design 1329* 1330*/ 1331 1332/* category filte design */ 1333.card { 1334 transition: 0.5s; 1335} 1336.authorized.nightmode .container-fluid .card { 1337 background-color: var(--bg-sidebar-night) !important; 1338} 1339.filter_btn_wrap { 1340 display: grid; 1341 gap: 8px 10px; 1342 grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); 1343} 1344 1345.filter_btn_wrap .btn_filter { 1346 font-size: 18px; 1347 text-transform: capitalize; 1348 border: none; 1349 padding: 5px 3px; 1350 border-radius: 4px; 1351 text-align: center; 1352 cursor: pointer; 1353 background: #fff; 1354 color: #fff; 1355 border: 1px solid var(--bg-filter-btn); 1356 color: var(--bg-filter-btn); 1357 /* box-shadow: inset 0 5px 10px rgba(31, 31, 31, 0.7), 0 2px 8px #0000005e; */ 1358 transition: 0.4s; 1359} 1360 1361 1362 1363.authorized.nightmode .filter_btn_wrap .btn_filter { 1364 background: transparent; 1365 box-shadow: none; 1366 color: #fff; 1367 border: 1px solid var(--dark-text-primary); 1368} 1369 1370.authorized.nightmode .filter_btn_wrap .btn_filter:hover, 1371.authorized.nightmode .filter_btn_wrap .btn_filter.activeItem { 1372 background: var(--dark-text-primary); 1373} 1374 1375#minmax_value { 1376 color: #000; 1377} 1378 1379.authorized.nightmode #minmax_value { 1380 color: #fff; 1381} 1382.btn_filter:hover, 1383.btn_filter.activeItem { 1384 background: var(--bg-filter-btn); 1385 color: #fff; 1386} 1387.authorized .details_data { 1388 margin-bottom: 15px; 1389} 1390.authorized .details_2 { 1391 display: ""; 1392 grid-template-columns: repeat(2, 1fr); 1393 gap: 15px; 1394} 1395.details_name h3, 1396.authorized .details_data .details_name h3 { 1397 font-size: 16px; 1398 font-weight: bold; 1399 color: var(--text-black); 1400} 1401.authorized.nightmode .details_name h3, 1402.authorized.nightmode .details_data .details_name h3 { 1403 color: var(--text-white); 1404} 1405.authorized .details_data .item { 1406 display: flex; 1407 align-items: center; 1408 height: 50px; 1409 gap: 10px; 1410 background: #f1f2f6; 1411 padding: 8px; 1412 border-radius: 15px; 1413} 1414 1415.authorized.nightmode .details_data .item { 1416 background: var(--bg-dark-content); 1417} 1418 1419.authorized .details_data .item .icon { 1420 width: 40px; 1421 height: 40px; 1422 font-size: 16px; 1423 text-align: center; 1424 line-height: 40px; 1425 background: #4916bf1a; 1426 color: var(--bg-sidebar-day); 1427 border-radius: 50px; 1428} 1429 1430.authorized.nightmode .details_data .item .icon { 1431 background: #22213b; 1432 color: var(--dark-text-primary); 1433} 1434 1435.authorized .descriptions_box { 1436 background: #f1f2f6; 1437 padding: 10px; 1438 border-radius: 15px; 1439} 1440.authorized.nightmode .descriptions_box { 1441 background: var(--bg-dark-content); 1442} 1443.authorized .details_data .item .item_content h3 { 1444 font-size: 20px; 1445 font-weight: 700; 1446 margin: 0; 1447} 1448.authorized .details_data .item .item_content p { 1449 font-size: 16px; 1450 font-weight: 400; 1451 margin: 0; 1452} 1453.authorized.nightmode .details_data .item .item_content { 1454 color: #fff; 1455} 1456.authorized.nightmode .descriptions_box { 1457 color: #fff; 1458} 1459 1460.icon_link { 1461 background: var(--home-hero-top-text) !important; 1462 color: #fff !important; 1463} 1464 1465.icon_start { 1466 background: #00a1ff !important; 1467 color: #fff !important; 1468} 1469.icon_speed { 1470 background: #ac42ef !important; 1471 color: #fff !important; 1472} 1473.icon_refill { 1474 background: #00cf00 !important; 1475 color: #fff !important; 1476} 1477.icon_avg_time { 1478 background: #002bff !important; 1479 color: #fff !important; 1480} 1481 1482/* Top Bar */ 1483.top_head_wrap { 1484 display: flex; 1485 justify-content: space-between; 1486 align-items: center; 1487 height: 100%; 1488 z-index: 100 !important; 1489} 1490 1491.authorized .user_settings { 1492 display: flex; 1493 align-items: center; 1494 gap: 10px; 1495} 1496.authorized .user_settings .telegram { 1497 /* position: relative; */ 1498 background-color: var(--bg-secondary); 1499 color: var(--bg-sidebar-day); 1500 font-size: 30px; 1501 text-align: center; 1502 width: 45px; 1503 height: 45px; 1504 line-height: 45px; 1505 border-radius: 50px; 1506 text-decoration: none; 1507 padding: 0; 1508 margin: 0; 1509 display: flex; 1510 justify-content: center; 1511 align-items: center; 1512} 1513 1514/* #orderform-category, 1515#orderform-service{ 1516display: none; 1517} */ 1518#dropdownMenu3 { 1519 text-align: left; 1520} 1521#order-dd { 1522 text-align: left; 1523} 1524#newOrderTabsWrap .dropdown, 1525#newOrderTabsWrap .dropdown .form-control { 1526 min-height: 40px; 1527 height: auto; 1528} 1529#category-drop, 1530#orders-drop { 1531 width: 100%; 1532 height: 415px; 1533 overflow: auto; 1534} 1535#order-cItem, 1536#order-sItem { 1537 width: 100%; 1538 white-space: normal; 1539} 1540#category-drop .dropdown-item, 1541#orders-drop .dropdown-item { 1542 padding: 0.5rem 1rem; 1543 border-bottom: 1px solid var(--text-primary); 1544 white-space: normal; 1545} 1546.fa.fa-caret-down.ml-auto { 1547 position: absolute; 1548 right: 8px; 1549 top: 35%; 1550} 1551.nightmode #category-drop .dropdown-item, 1552.nightmode #orders-drop .dropdown-item { 1553 color: #fff; 1554} 1555/* .user_settings .telegram i{ 1556position: absolute; 1557top: 8px; 1558left: 6px; 1559} */ 1560 1561.btn_profiles { 1562 width: 40px; 1563 height: 40px; 1564 background: var(--text-white); 1565 margin-right: 10px; 1566 margin-right: 10px; 1567 padding: 0px 4px; 1568 border-radius: 50px; 1569 color: var(--bg-sidebar-day); 1570 font-size: 18px; 1571 font-weight: bold; 1572 box-shadow: none !important; 1573 border: none !important; 1574 outline: none !important; 1575} 1576.btn_profiles::after { 1577 display: none; 1578} 1579 1580.btn-check:focus + .btn-secondary, 1581.btn-secondary:focus, 1582.btn-secondary:hover { 1583 background: var(--bg-secondary) !important; 1584} 1585 1586.day_night_btn { 1587 width: 70px; 1588 position: relative; 1589 background: #fff; 1590 display: flex; 1591 justify-content: space-around; 1592 font-size: 20px; 1593 border-radius: 50px; 1594 color: #3d8dff; 1595} 1596 1597.day_night_btn:hover {
1598 color: var(#3d8dff); 1599} 1600 1601.day_night_btn .active_circle { 1602 position: absolute; 1603 width: 35px; 1604 height: 35px; 1605 border-radius: 50px; 1606 top: -3px; 1607 right: 0px; 1608 z-index: 0; 1609 background: var(--bg-secondary); 1610 transition: 0.5s ease; 1611} 1612.nightmode .day_night_btn .active_circle { 1613 transform: translate(-36px); 1614} 1615.day_night_btn .day_mode { 1616 color: #fff; 1617 transition: 0.5s ease; 1618} 1619 .authorized .day_night_btn .night_mode{ 1620 color: #fff !important; 1621} 1622.authorized .day_night_btn .day_mode { 1623 color: var(--bg-filter-btn) !important; 1624} 1625.nightmode .day_night_btn .day_mode { 1626 color: var(--bg-sidebar-day); 1627} 1628.day_night_btn .day_mode, 1629.day_night_btn .night_mode { 1630 display: block; 1631 z-index: 1; 1632} 1633.nightmode .night_mode { 1634 color: var(--text-white); 1635 transition: 0.5s ease; 1636} 1637.logo_off_nav { 1638 display: none; 1639 padding: 10px; 1640 transition: 0.5; 1641} 1642.toogle_sidebar .logo_off_nav { 1643 display: inline-block; 1644 margin-top: 10px; 1645 position: absolute; 1646 top: 0px; 1647 color: #fff !important; 1648 font-weight: 700; 1649} 1650 1651.toogle_sidebar .logo_off_nav img { 1652 max-width: 200px; 1653} 1654 1655/* Mass Order */ 1656 1657.authorized .form-control.massorder_textarea { 1658 height: 350px; 1659} 1660 1661/* Order Page */ 1662#orders_menu a .icon { 1663 font-size: 16px; 1664 margin-right: 10px; 1665} 1666 1667#orders_menu.nav-pills .nav-link { 1668 border: 2px solid transparent; 1669} 1670#orders_menu.nav-pills .nav-link:hover { 1671 border-color: var(--text-primary); 1672} 1673.authorized.nightmode #orders_menu.nav-pills .nav-link.active { 1674 background: var(--dark-text-primary); 1675} 1676.authorized.nightmode #orders_menu.nav-pills .nav-link:hover { 1677 border-color: var(--dark-text-primary); 1678} 1679.order_page .order_link_wrap a.order_link { 1680 width: 330px; 1681 border: 1px solid #4a16bf; 1682 font-size: 16px; 1683 padding: 8px; 1684 border-radius: 10px; 1685 display: inline-block; 1686} 1687.authorized.nightmode .order_page .order_link_wrap a.order_link { 1688 color: #fff; 1689 border-color: var(--dark-text-primary); 1690} 1691.order_link_wrap > input.form-control { 1692 padding: 5px; 1693 border-radius: 8px; 1694 border: 1px solid var(--text-primary); 1695 width: 100%; 1696 height: 40px; 1697} 1698.authorized.nightmode .order_link_wrap > input.form-control { 1699 border-color: var(--dark-text-primary); 1700} 1701.order_link_wrap > .btn_order_link { 1702 right: 5px; 1703 background: var(--text-primary); 1704 height: 30px; 1705 top: 5px; 1706 width: 30px; 1707 text-align: center; 1708 line-height: 30px; 1709 color: #fff; 1710 border-radius: 6px; 1711 text-decoration: none; 1712} 1713 1714.order_page .order_id { 1715 display: block; 1716 background: var(--text-primary); 1717 text-align: center; 1718 color: #fff; 1719 padding: 3px 8px; 1720 border-radius: 10px; 1721} 1722.order_page .order_date { 1723 width: 85px; 1724 font-size: 14px; 1725} 1726.order_page .order_service { 1727 width: 220px; 1728 /* white-space: nowrap; 1729height: 40px; 1730overflow: hidden; 1731text-overflow: ellipsis; */ 1732} 1733.order_page a.serv_id { 1734 background: var(--text-primary); 1735 color: #fff; 1736 padding: 1px 13px; 1737 border-radius: 50px; 1738 font-size: 14px; 1739} 1740.authorized.nightmode .order_page a.serv_id { 1741 background: var(--dark-text-primary); 1742} 1743.authorized.nightmode .order_page .order_id { 1744 background: var(--dark-text-primary); 1745} 1746.authorized.nightmode .order_link_wrap > .btn_order_link { 1747 background: var(--dark-text-primary); 1748} 1749.btn_action { 1750 background: var(--text-primary); 1751 color: #fff; 1752 border-radius: 10px; 1753 border: none; 1754 box-shadow: none; 1755} 1756.authorized.nightmode .btn_action { 1757 background: var(--dark-text-primary); 1758} 1759.order_status_badges { 1760 color: #fff; 1761 display: block; 1762 /* min-width: 150px; */ 1763 background: var(--text-primary); 1764 text-align: center; 1765 border-radius: 50px; 1766 padding: 3px 10px; 1767} 1768.authorized.nightmode .order_status_badges { 1769 background: var(--dark-text-primary); 1770} 1771.order_status_badges.badges_pending { 1772 background: var(--badges-pending) !important; 1773 color: #000; 1774} 1775.order_status_badges.badges_inprogress { 1776 background: var(--badges-inprogress) !important; 1777} 1778.order_status_badges.badges_completed { 1779 background: var(--badges-completed) !important; 1780} 1781.order_status_badges.badges_partials { 1782 background: var(--badges-partials) !important; 1783} 1784.order_status_badges.badges_canceled { 1785 background: var(--badges-canceled) !important; 1786} 1787.order_status_badges.badges_processing { 1788 background: var(--badges-processing) !important; 1789} 1790 1791/* Add Fund Page */ 1792#addfundTable thead tr th:nth-child(1), 1793#addfundTable tbody tr td:nth-child(1) { 1794 width: 60px; 1795} 1796#addfundTable thead tr th:nth-child(2), 1797#addfundTable tbody tr td:nth-child(2) { 1798 width: 130px; 1799 font-size: 16px; 1800} 1801#addfundTable thead tr th:last-child, 1802#addfundTable tbody tr td:last-child { 1803 width: 150px; 1804 font-size: 16px; 1805} 1806#addfundTable tbody tr:nth-child(even) { 1807 background: #e8edff; 1808} 1809.authorized.nightmode #addfundTable tbody tr:nth-child(even) { 1810 background: #121028; 1811} 1812.authorized.nightmode #addfundTable thead tr th, 1813.authorized.nightmode #addfundTable tbody tr td { 1814 color: #fff; 1815} 1816.tab_id { 1817 display: block; 1818 height: 30px; 1819 background: var(--text-primary); 1820 text-align: center; 1821 line-height: 30px; 1822 color: #fff; 1823 font-size: 16px; 1824 border-radius: 10px; 1825} 1826 1827/* def side */ 1828.authorized #def_side_title { 1829 display: flex; 1830 align-items: center; 1831 gap: 15px; 1832 padding: 0; 1833 margin-bottom: 1rem; 1834} 1835 1836.authorized #def_side_title .icon { 1837 width: 50px; 1838 height: 50px; 1839 line-height: 50px; 1840 font-size: 20px; 1841 color: var(--text-white); 1842 text-align: center; 1843 background: var(--text-primary); 1844 border-radius: 10px; 1845} 1846 1847.authorized.nightmode #def_side_title .icon { 1848 background: var(--dark-text-primary); 1849 color: #fff; 1850} 1851 1852.authorized #def_side_title .name { 1853 font-size: 20px; 1854 font-weight: 700; 1855} 1856 1857.authorized.nightmode #def_side_title .name { 1858 color: #fff; 1859} 1860 1861.site_accordion .accordion-item { 1862 margin-bottom: 10px; 1863 border: 1px solid var(--text-primary); 1864 border-radius: 10px; 1865 background: var(--text-white); 1866 transition: 0.5s; 1867} 1868.site_accordion .accordion-item .accordion-header button { 1869 box-shadow: none !important; 1870 margin-bottom: auto !important; 1871} 1872.site_accordion .accordion-item .accordion-button { 1873 background: var(--text-primary); 1874 color: #fff; 1875 font-size: 18px; 1876 border-color: var(--text-primary); 1877 border-radius: 5px 5px 0px 0px; 1878} 1879.site_accordion .accordion-item .accordion-button i { 1880 margin-right: 10px; 1881} 1882.site_accordion .accordion-item .accordion-button.collapsed { 1883 background: #f1f2f6; 1884 color: var(--text-black); 1885 font-size: 18px; 1886 font-weight: 600; 1887 border-radius: 10px; 1888 transition: 0.5s; 1889} 1890.authorized.nightmode .site_accordion .accordion-item .accordion-button { 1891 background: var(--dark-text-primary); 1892} 1893.authorized.nightmode 1894 .site_accordion 1895 .accordion-item 1896 .accordion-button.collapsed { 1897 background: var(--dark-bg-input); 1898 color: #fff; 1899} 1900.authorized.nightmode .site_accordion .accordion-item { 1901 background: var(--dark-bg-input); 1902 color: var(--text-white) !important; 1903 border-color: var(--dark-text-primary); 1904} 1905.accordion-button:not(.collapsed)::after { 1906 background-image: "https://res.cloudinary.com/dw8lywl8p/image/upload/v1651083085/caret-down-solid_1_1_wl8it4.png" !important; 1907} 1908 1909.site_accordion .accordion-item .accordion-header button { 1910 box-shadow: none !important; 1911 z-index: 0; 1912} 1913 1914/* 1915* ticket page 1916*/ 1917 1918#viewTicket .msg_user .ticket-message { 1919 background: var(--text-primary); 1920 padding: 25px; 1921 border-radius: 20px; 1922 color: #fff; 1923} 1924 1925#viewTicket .msg_user .ticket-message a { 1926 color: var(--home-btn-hover); 1927} 1928#viewTicket .msg_user, 1929#viewTicket .msg_admin { 1930 margin-bottom: 20px; 1931} 1932#viewTicket .msg_user .info,
1933#viewTicket .msg_admin .info { 1934 padding: 4px 10px; 1935} 1936 1937#viewTicket .msg_admin .ticket-message { 1938 background: var(--bg-secondary); 1939 padding: 25px; 1940 border-radius: 20px; 1941 color: #fff; 1942} 1943 1944.authorized.nightmode #viewTicket .msg_admin .ticket-message { 1945 background: var(--dark-text-primary); 1946} 1947 1948.authorized.nightmode #viewTicket .msg_user .info, 1949.authorized.nightmode #viewTicket .msg_admin .info { 1950 color: #fff; 1951} 1952 1953.authorized .ticket_item { 1954 display: flex; 1955 align-items: center; 1956 justify-content: space-between; 1957 flex-direction: row; 1958 margin: 10px 0px; 1959 padding: 15px 15px; 1960 background: #f1f2f6; 1961 border-left: 3px solid #ffb400; 1962 border-radius: 15px; 1963} 1964.authorized .ticket_item.ticket_Closed { 1965 border-color: rgb(250, 21, 21); 1966} 1967.authorized .ticket_item.ticket_Answered { 1968 border-color: rgb(4, 221, 4); 1969} 1970.authorized .item_left h3 { 1971 font-size: 20px; 1972} 1973.authorized.nightmode .ticket_item { 1974 background: #151428; 1975} 1976.authorized .ticket_item p, 1977.authorized .ticket_item h3 { 1978 margin: 0; 1979 padding: 0; 1980 color: #232323; 1981} 1982.authorized.nightmode .ticket_item p, 1983.authorized.nightmode .ticket_item h3 { 1984 color: #fff; 1985} 1986.authorized .ticket_item .item_left { 1987 display: flex; 1988 gap: 10px; 1989 width: 48%; 1990 align-items: center; 1991} 1992.authorized .ticket_item .item_left .ticket_icon { 1993 width: 60px; 1994 height: 60px; 1995 background: var(--text-primary); 1996 color: #fff; 1997 font-size: 20px; 1998 text-align: center; 1999 line-height: 60px; 2000 border-radius: 50px; 2001} 2002#ticket_filter_wrap { 2003 margin: 10px 0px; 2004} 2005#ticket_filter_wrap button { 2006 background: transparent; 2007 border: 2px solid var(--text-primary); 2008 border-radius: 10px; 2009 color: #232323; 2010} 2011.authorized.nightmode #ticket_filter_wrap button { 2012 border-color: var(--dark-text-primary); 2013 color: #fff; 2014} 2015.authorized #ticket_filter_wrap button:hover { 2016 background: var(--text-primary) !important; 2017 color: #fff; 2018} 2019.authorized.nightmode #ticket_filter_wrap button:hover { 2020 background: var(--dark-text-primary) !important; 2021 color: #fff; 2022} 2023.authorized #ticket_filter_wrap .ticket_btn_active { 2024 background: var(--text-primary); 2025 color: #fff; 2026} 2027 2028.authorized.nightmode #ticket_filter_wrap .ticket_btn_active { 2029 background: var(--dark-text-primary); 2030} 2031/* Affiliate Page */ 2032 2033#affiliates .aff_item { 2034 display: flex; 2035 justify-content: space-between; 2036 margin: 20px 0px; 2037} 2038 2039#affiliates .item_left { 2040 width: 50%; 2041 display: flex; 2042 align-items: center; 2043 gap: 10px; 2044} 2045 2046#affiliates .item_left .icon { 2047 width: 50px; 2048 height: 50px; 2049 background: #f6f3fa; 2050 text-align: center; 2051 line-height: 50px; 2052 border-radius: 10px; 2053 color: var(--text-primary); 2054} 2055 2056#affiliates .item_right { 2057 display: flex; 2058 align-items: center; 2059} 2060 2061#affiliates .affiliate_wrap { 2062 display: grid; 2063 grid-template-columns: repeat(2, 1fr); 2064 gap: 20px; 2065} 2066 2067#affiliates .sm_aff_item .icon { 2068 background: #f6f3fa; 2069 width: 50px; 2070 height: 50px; 2071 border-radius: 10px; 2072 color: var(--text-primary); 2073 text-align: center; 2074 line-height: 50px; 2075 font-size: 18px; 2076} 2077 2078#affiliates .sm_aff_item { 2079 display: flex; 2080 gap: 12px; 2081} 2082 2083#affiliates .sm_content h4 { 2084 margin: 0; 2085 padding: 0; 2086 font-size: 18px; 2087 font-weight: bold; 2088} 2089 2090#affiliates .sm_content p { 2091 margin: 0; 2092 padding: 0; 2093 font-size: 16px; 2094} 2095 2096/* 2097* 2098* 2099* NO Auth Page Css 2100* Design Started 2101* 2102* 2103*/ 2104 2105/* def side */ 2106#def_side_title { 2107 display: flex; 2108 align-items: center; 2109 gap: 15px; 2110 padding: 0; 2111 margin-bottom: 1rem; 2112} 2113 2114#def_side_title .icon { 2115 width: 50px; 2116 height: 50px; 2117 line-height: 50px; 2118 font-size: 20px; 2119 color: var(--text-white); 2120 text-align: center; 2121 background: var(--text-primary); 2122 border-radius: 10px; 2123} 2124 2125#def_side_title .name { 2126 font-size: 20px; 2127 font-weight: 700; 2128} 2129 2130/* Reset Password */ 2131.highlight-lside .hlight-box { 2132 margin-bottom: 30px; 2133 padding: 24px 30px; 2134 background: #fff; 2135 border-radius: 9px; 2136 box-shadow: 0px 10px 10px #7878780f; 2137} 2138 2139.highlight-lside .hlight-box .hlight-first { 2140 font-size: 19px; 2141 line-height: 24px; 2142 color: #232323; 2143 font-weight: 800; 2144} 2145 2146.highlight-lside .hlight-box .hlight-second { 2147 font-size: 14px; 2148 line-height: 25px; 2149 color: #232323; 2150 margin: 0; 2151 width: 100% !important; 2152} 2153 2154.highlight-lside .hlight-box .icon { 2155 font-size: 60px; 2156 width: 70px; 2157 text-align: center; 2158 line-height: 100px; 2159} 2160 2161.highlight-lside .hlight-box:nth-child(1) .icon { 2162 color: #ffb645; 2163} 2164 2165.highlight-lside .hlight-box:nth-child(2) .icon { 2166 color: #117ec2; 2167} 2168 2169.highlight-lside .hlight-box:nth-child(3) .icon { 2170 color: #16caba; 2171} 2172 2173@media (max-width: 1199.98px) { 2174 .highlight-lside .hlight-box { 2175 text-align: center !important; 2176 } 2177} 2178 2179.unauthorized .form-control { 2180 background: var(--bg-input); 2181 height: 45px; 2182 border-radius: 10px; 2183 border: none; 2184 color: var(--text-black); 2185 outline: 0 !important; 2186} 2187 2188.unauthorized .control-label .icon { 2189 display: inline-block; 2190 width: 40px; 2191 height: 40px; 2192 line-height: 40px; 2193 font-size: 18px; 2194 color: var(--bg-sidebar-day); 2195 text-align: center; 2196 background: #f6f3fa; 2197 border-radius: 10px; 2198} 2199.unauthorized .btn.btn-primary { 2200 padding: 7px 10px; 2201 border-radius: 10px; 2202 font-size: 18px; 2203 color: #fff !important; 2204 background: #4CAF50; 2205 border: none; 2206 font-weight: 700; 2207} 2208.input-group-btn > .btn:active, 2209.input-group-btn > .btn:focus, 2210.input-group-btn > .btn:hover { 2211 z-index: 2; 2212 background: var(--bg-secondary) !important; 2213 color: #fff !important; 2214} 2215.unauthorized .btn.btn-primary.btn_detail, 2216.unauthorized .btn.btn-primary.btn_serv { 2217 padding: 5px 15px; 2218 border-radius: 50px; 2219 font-size: 16px; 2220 color: var(--text-white); 2221 background: var(--text-primary); 2222 border: none; 2223 font-weight: 700; 2224} 2225.reset_Card .card.card_v2 { 2226 box-shadow: 0px 10px 10px #7878780f; 2227} 2228
2229/* API PAGE */ 2230#api pre { 2231 background: #261f1f; 2232 padding: 50px 20px; 2233 border-radius: 20px; 2234 color: #fff; 2235} 2236 2237/* 2238* 2239* Service Page 2240* 2241*/ 2242.cat_btn_filter { 2243 background: var(--text-primary); 2244 padding: 10px 10px; 2245 width: 100%; 2246 color: #fff; 2247 font-size: 16px; 2248 text-align: center; 2249 border-radius: 10px; 2250} 2251#currency_changer .btn.btn-primary.dropdown-toggle { 2252 background: var(--text-primary); 2253 padding: 10px 10px; 2254 width: 100%; 2255 color: #fff; 2256 font-size: 16px; 2257 text-align: center; 2258 border-radius: 10px; 2259} 2260.authorized.nightmode #currency_changer .btn.btn-primary.dropdown-toggle { 2261 background: var(--dark-text-primary); 2262} 2263.cat_btn_filter:hover { 2264 color: #fff; 2265} 2266 2267#catList { 2268 display: none; 2269} 2270 2271#currency_changer { 2272 margin: 0; 2273 padding: 0; 2274 list-style-type: none; 2275} 2276 2277.authorized.nightmode .cat_btn_filter { 2278 background: var(--dark-text-primary); 2279} 2280 2281#currency_changer .dropdown .dropdown-toggle { 2282 width: 100%; 2283} 2284#currencies-list.openNow { 2285 display: block; 2286 width: 100%; 2287} 2288.authorized.nightmode .dropdown-menu { 2289 background: var(--bg-dark-content); 2290} 2291.authorized.nightmode .dropdown-menu li a { 2292 color: #fff; 2293} 2294.authorized.nightmode .dropdown-item:focus, 2295.authorized.nightmode .dropdown-item:hover { 2296 background: var(--dark-text-primary); 2297 color: #fff; 2298} 2299 2300#cat_filter { 2301 position: relative; 2302} 2303#cat_filter #catList { 2304 position: absolute; 2305 height: 400px; 2306 overflow: hidden; 2307 overflow-y: auto; 2308 background: var(--bg-input); 2309 z-index: 1; 2310} 2311.authorized.nightmode #cat_filter #catList { 2312 background: var(--bg-sidebar-night); 2313} 2314 2315#cat_filter #catList button { 2316 width: 100%; 2317 display: block; 2318 padding: 8px; 2319 text-align: left; 2320 background: transparent; 2321 border: none; 2322 border-bottom: 1px solid #000; 2323} 2324#cat_filter #catList button:hover { 2325 background: var(--bg-menu-active); 2326 color: #fff; 2327} 2328.authorized.nightmode #cat_filter #catList button:hover { 2329 background: var(--dark-text-primary); 2330 color: #fff; 2331} 2332.authorized.nightmode #cat_filter #catList button { 2333 color: #fff; 2334} 2335 2336#catList.openFilter { 2337 display: block; 2338} 2339.text_imp { 2340 color: var(--text-primary); 2341} 2342.authorized.nightmode .text_imp { 2343 color: var(--dark-text-primary); 2344} 2345 2346/* authorized page design */ 2347.user_info { 2348 display: flex; 2349 align-items: center; 2350 justify-content: space-between; 2351} 2352.user_info .text_info h5 { 2353 font-size: 16px; 2354 margin: 0; 2355 margin-bottom: 5px; 2356 color: #232323; 2357} 2358.user_info .text_info h4 { 2359 font-size: 16px; 2360 margin: 0; 2361 color: #232323; 2362 font-weight: bold; 2363} 2364.user_info .icon_info { 2365 color: #232323; 2366} 2367.authorized.nightmode .user_info .text_info h5, 2368.authorized.nightmode .user_info .text_info h4 { 2369 color: #fff; 2370} 2371.authorized.nightmode .user_info .icon_info { 2372 color: #fff; 2373} 2374.btn_ac_benefit { 2375 position: absolute; 2376 right: 0; 2377 width: 60px; 2378 height: 60px; 2379 border: none; 2380 background: transparent; 2381 font-size: 30px; 2382 color: #3a0f9e; 2383} 2384.authorized.nightmode .btn_ac_benefit { 2385 color: #fff; 2386} 2387 2388/* Show more btn styles */ 2389 2390#show_more_wrap { 2391 color: #fff; 2392 padding: 5px 10px; 2393 border: 2px solid var(--nav-btn-hove-colors); 2394 background: var(--nav-btn-hove-colors); 2395 border-radius: 10px; 2396} 2397.authorized.nightmode #show_more_wrap { 2398 background: var(--dark-bg-menu-active); 2399 border-color: var(--bg-secondary); 2400} 2401#showMore { 2402 width: 100%; 2403 display: flex; 2404 background: transparent; 2405 margin: 0; 2406 padding: 0; 2407 border: 0; 2408 color: #fff; 2409 justify-content: space-between; 2410} 2411#more_menu { 2412 display: none; 2413 overflow: hidden; 2414 /* padding-top: 10px; */ 2415 margin-top: 7px; 2416 transition: 0.5s; 2417 /* background: #1b07496e; */ 2418 border-radius: 10px; 2419} 2420.authorized.nightmode #more_menu { 2421 background: var(--bg-user-dark); 2422} 2423#more_menu.active_more_menu { 2424 display: block; 2425} 2426 2427.modal_status_close { 2428 position: absolute; 2429 right: 12px; 2430 font-size: 20px; 2431 width: 30px; 2432 height: 30px; 2433 background: var(--text-primary); 2434 border-radius: 50px; 2435 color: #fff; 2436 z-index: 999999; 2437 opacity: 1; 2438} 2439 2440.nightmode .modal_status_close { 2441 background: var(--dark-text-primary); 2442} 2443.status_modal .nav-pills .nav-link { 2444 background: #80808036; 2445 color: var(--text-primary); 2446 border-radius: 10px; 2447 transition: 0.5s; 2448 margin-bottom: 5px; 2449} 2450 2451.nightmode .status_modal .nav-pills .nav-link { 2452 background: #151428; 2453} 2454 2455.status_modal .nav-pills .nav-link.active { 2456 background: var(--text-primary); 2457 color: #fff; 2458} 2459 2460.status_modal .tab-content { 2461 background: #e4e4e4; 2462 height: 100%; 2463 padding: 20px; 2464 border-radius: 15px; 2465 border: 1px solid #4a16bf; 2466} 2467 2468.nightmode .status_modal .tab-content { 2469 background: var(--bg-darkmode); 2470 border-color: var(--dark-text-primary); 2471 color: #fff !important; 2472} 2473 2474.nightmode .modal-body.status_modal { 2475 background: var(--bg-sidebar-night); 2476} 2477 2478ul.pagination li a { 2479 display: inline-block; 2480 width: 40px; 2481 height: 40px; 2482 background: #4a16bf1c; 2483 border-radius: 50px; 2484 text-align: center; 2485 line-height: 40px; 2486 margin-right: 5px; 2487} 2488ul.pagination li a { 2489 color: #4916bf; 2490} 2491.nightmode ul.pagination li a { 2492 background: #d92d5330; 2493} 2494 2495.nightmode ul.pagination li a { 2496 color: #d92d52; 2497} 2498
2499/* 2500* 2501* Responsive area start 2502* 2503*/ 2504@media only screen and (max-width: 1600px) { 2505 .order_page .order_link_wrap a.order_link { 2506 width: 200px; 2507 font-size: 14px; 2508 } 2509 .order_page .order_service { 2510 width: 150px; 2511 font-size: 14px; 2512 } 2513 .order_page a.serv_id { 2514 font-size: 14px; 2515 } 2516} 2517@media only screen and (max-width: 1250px) { 2518 #main_container .sidebar { 2519 transform: translate(-300px); 2520 } 2521 #main_container.toogle_sidebar .sidebar { 2522 transform: translate(0px); 2523 } 2524 #main_container .sidebar_menu_icon img.close_nav_day { 2525 display: inline; 2526 position: relative; 2527 top: 0 !important; 2528 right: -40px; 2529 } 2530 #main_container .sidebar_menu_icon img.open_nav_day { 2531 display: none; 2532 } 2533 2534 #main_container.toogle_sidebar .sidebar_menu_icon img.close_nav_day { 2535 display: none !important; 2536 } 2537 #main_container.toogle_sidebar .sidebar_menu_icon img.open_nav_day { 2538 display: inline; 2539 position: relative; 2540 left: -40px; 2541 } 2542 2543 .nightmode #main_container .sidebar_menu_icon img.open_nav_night { 2544 display: none; 2545 } 2546 2547 .nightmode #main_container .sidebar_menu_icon img.close_nav_night { 2548 display: block; 2549 right: -40px; 2550 position: relative; 2551 } 2552 2553 .nightmode 2554 #main_container.toogle_sidebar 2555 .sidebar_menu_icon 2556 img.open_nav_night { 2557 display: block; 2558 position: absolute; 2559 right: 40px; 2560 } 2561 .nightmode 2562 #main_container.toogle_sidebar 2563 .sidebar_menu_icon 2564 img.close_nav_night { 2565 display: none; 2566 } 2567 2568 #main_container .content_area { 2569 padding-left: 0px; 2570 } 2571 #main_container .content_area .top_header { 2572 width: 98%; 2573 } 2574 .sidebar_menu_icon { 2575 right: 0px; 2576 } 2577 #main_container.toogle_sidebar .sidebar_menu_icon { 2578 right: -78px; 2579 } 2580 .logo_off_nav { 2581 display: inline-block; 2582 width: 200px; 2583 } 2584 #page_info { 2585 flex-direction: column; 2586 align-items: center; 2587 } 2588 #page_info .item { 2589 text-align: center; 2590 } 2591 .authorized .details_2 { 2592 grid-template-columns: 1fr; 2593 } 2594} 2595@media only screen and (max-width: 991px) { 2596 #main_container .sidebar { 2597 transform: translate(-300px); 2598 } 2599 #main_container.toogle_sidebar .sidebar { 2600 transform: translate(0px); 2601 } 2602 #main_container .sidebar_menu_icon img.close_nav_day { 2603 display: inline; 2604 position: relative; 2605 top: 0 !important; 2606 right: -40px; 2607 } 2608 #main_container .sidebar_menu_icon img.open_nav_day { 2609 display: none; 2610 } 2611 2612 #main_container.toogle_sidebar .sidebar_menu_icon img.close_nav_day { 2613 display: none !important; 2614 } 2615 #main_container.toogle_sidebar .sidebar_menu_icon img.open_nav_day { 2616 display: inline; 2617 position: relative; 2618 left: -40px; 2619 } 2620 2621 .nightmode #main_container .sidebar_menu_icon img.open_nav_night { 2622 display: none; 2623 } 2624 2625 .nightmode #main_container .sidebar_menu_icon img.close_nav_night { 2626 display: block; 2627 right: -40px; 2628 position: relative; 2629 } 2630 2631 .nightmode 2632 #main_container.toogle_sidebar 2633 .sidebar_menu_icon 2634 img.open_nav_night { 2635 display: block; 2636 position: absolute; 2637 right: 40px; 2638 } 2639 .nightmode 2640 #main_container.toogle_sidebar 2641 .sidebar_menu_icon 2642 img.close_nav_night { 2643 display: none; 2644 } 2645 2646 #main_container .content_area { 2647 padding-left: 0px; 2648 } 2649 #main_container .content_area .top_header { 2650 width: 98%; 2651 } 2652 .sidebar_menu_icon { 2653 right: 0px; 2654 } 2655 #main_container.toogle_sidebar .sidebar_menu_icon { 2656 right: -78px; 2657 } 2658 .logo_off_nav { 2659 display: inline-block; 2660 } 2661 #page_info { 2662 flex-direction: column; 2663 align-items: center; 2664 } 2665 #page_info .item { 2666 text-align: center; 2667 } 2668 .authorized .details_2 { 2669 grid-template-columns: 1fr; 2670 } 2671} 2672 2673@media only screen and (max-width: 768px) { 2674 .user_settings .menu_text { 2675 display: none; 2676 } 2677 .logo_off_nav { 2678 display: inline-block; 2679 position: absolute; 2680 top: 0; 2681 } 2682} 2683 2684@media only screen and (max-width: 550px) { 2685 .logo_off_nav img { 2686 width: 150px; 2687 } 2688 .user_settings .telegram { 2689 width: 30px; 2690 height: 30px; 2691 line-height: 30px; 2692 font-size: 15px; 2693 } 2694 .day_night_btn { 2695 font-size: 15px; 2696 width: 55px; 2697 } 2698 .day_night_btn .active_circle { 2699 width: 30px; 2700 height: 30px; 2701 top: -4px; 2702 right: -2px; 2703 } 2704 .nightmode .day_night_btn .active_circle { 2705 transform: translate(-28px); 2706 } 2707 .dropdown-toggle.btn_profiles { 2708 padding: 2px; 2709 border-radius: 50px; 2710 } 2711 .dropdown-toggle.btn_profiles::after { 2712 display: none; 2713 } 2714 .dropdown-toggle.btn_profiles img { 2715 width: 30px; 2716 } 2717 .authorized .details_2 { 2718 grid-template-columns: 1fr; 2719 } 2720 2721 .filter_btn_wrap .btn_filter{ 2722 font-size: 20px; 2723 padding: 5px; 2724 border-width: 1px; 2725 } 2726 .filter_btn_wrap .btn_filter .filter_txt{ 2727 display: none; 2728 } 2729 .card.card_v2 .card-body { 2730 padding: 0.6rem; 2731 } 2732 .tab_btn_wrap { 2733 width: 100%; 2734 /* justify-content: space-between; */ 2735 gap: 15px; 2736 } 2737 .nav-pills .nav-link { 2738 font-size: 16px; 2739 padding: 0.5rem 1rem; 2740 } 2741 .nav-pills .nav-link.active, 2742 .nav-pills .show > .nav-link { 2743 font-size: 16px; 2744 padding: 0.5rem 1rem; 2745 } 2746 .authorized .details_data .item .item_content h3 { 2747 font-size: 16px; 2748 } 2749 .authorized .details_data .item .item_content p { 2750 font-size: 14px; 2751 } 2752 .authorized .details_data .item { 2753 height: 45px; 2754 gap: 10px; 2755 padding: 6px; 2756 border-radius: 7px; 2757 } 2758 .authorized .details_data .item .icon { 2759 width: 35px; 2760 height: 35px; 2761 line-height: 35px; 2762 font-size: 10px; 2763 } 2764 /* Table */ 2765 #table { 2766 padding: 0px; 2767 } 2768 #table .table tr { 2769 font-size: 14px; 2770 } 2771 .authorized #table .btn-primary.btn_serv { 2772 font-size: 14px; 2773 padding: 3px 12px; 2774 } 2775 .table-responsive table { 2776 2777 2778 } 2779 #table .category_title { 2780 font-size: 16px; 2781 } 2782 2783 #affiliates .affiliate_wrap { 2784 grid-template-columns: 1fr; 2785 } 2786 #currency_changer { 2787 margin-bottom: 1rem; 2788 } 2789 .drop_dwon_menu { 2790 margin-bottom: 1rem; 2791 } 2792 .hide_phone { 2793 display: none; 2794 } 2795 #page_info .item h4 { 2796 font-size: 14px; 2797 line-height: 1.1; 2798 } 2799 2800 .user_data .user_balance { 2801 padding: 8px 0px; 2802 font-size: 14px; 2803 margin-bottom: 5px; 2804 } 2805 .user_data .user_wrap { 2806 margin-bottom: 5px; 2807 } 2808 .user_data { 2809 margin-bottom: -15px; 2810 } 2811 #main_container .sidebar .logo { 2812 margin-bottom: 0px; 2813 } 2814 .sidebar_menu { 2815 height: calc(100vh - 200px); 2816 } 2817 .user_data .total_data { 2818 padding: 10px 12px; 2819 } 2820 .v2_avatar img { 2821 width: 70px; 2822 height: 70px; 2823 margin-bottom: 7px; 2824 } 2825 .v2_user_info h5 { 2826 font-size: 14px; 2827 } 2828 .user_data .user_balance { 2829 font-size: 13px; 2830 } 2831 .user_data .user_balance { 2832 padding: 2px 15px; 2833 border-radius: 50px; 2834 } 2835 .user_data .user_info .msg { 2836 font-size: 14px; 2837 } 2838 .user_data .user_info h2 { 2839 font-size: 16px; 2840 } 2841 .user_data .avatar { 2842 width: 40px; 2843 } 2844 #main_container .sidebar .logo { 2845 text-align: center; 2846 } 2847 #main_container .sidebar .logo .logo_img { 2848 width: 180px; 2849 } 2850 .sidebar_menu .menu_item { 2851 padding: 3px 15px; 2852 margin-bottom: 2px; 2853 } 2854} 2855 2856@media only screen and (max-width: 480px) { 2857} 2858 2859#order_average_time { 2860 display: none !important; 2861} 2862 2863/* New Changes */ 2864 2865#newOrderTabsWrap #pills-tab { 2866 width: 100%; 2867 gap: 5px 5px; 2868} 2869 2870#newOrderTabsWrap #pills-tab .nav-item { 2871 width: calc(50% - 5px); 2872} 2873 2874#newOrderTabsWrap #pills-tab .nav-item .nav-link { 2875 width: 100%; 2876 text-align: center; 2877 background: transparent; 2878 color: var(--text-primary); 2879 border: 2px solid var(--text-primary); 2880 padding: 5px 10px; 2881 border-radius: 8px; 2882} 2883 2884#newOrderTabsWrap #pills-tab .nav-item .nav-link.active { 2885 background: var(--text-primary); 2886 color: #fff; 2887} 2888 2889.authorized.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link { 2890 color: #fff; 2891 border-color: var(--dark-text-primary); 2892} 2893.authorized.nightmode 2894 #newOrderTabsWrap 2895 #pills-tab 2896 .nav-item 2897 .nav-link.active { 2898 background: var(--dark-text-primary); 2899} 2900 2901.search_byId > .search { 2902 border-radius: 0px 10px 10px 0px; 2903} 2904 2905/* Child Panel Order Page */ 2906.card.card_v2.child_step { 2907 margin-bottom: 0px; 2908 border: none; 2909 background: #f1f2f6; 2910 box-shadow: none; 2911 height: 100%; 2912} 2913.nightmode .card.card_v2.child_step { 2914 background: var(--bg-darkmode); 2915} 2916.child_panel_step { 2917 display: flex; 2918 align-items: center; 2919 justify-content: space-between; 2920} 2921 2922.child_panel_step .left_item h6 { 2923 width: 40px; 2924 height: 40px; 2925 line-height: 40px; 2926 font-size: 18px; 2927 font-weight: bold; 2928 background: var(--text-primary); 2929 color: var(--text-white); 2930 border-radius: 50px; 2931 box-shadow: 0 0 10px #3d8dff94; 2932 text-align: center; 2933} 2934 2935.nightmode .child_panel_step .left_item h6 { 2936 background: var(--bg-secondary); 2937 color: var(--text-white); 2938 box-shadow: 0 0 10px #ff625f94; 2939} 2940 2941.child_panel_step .left_item p { 2942 margin: 0; 2943 font-size: 14px; 2944 font-weight: bold; 2945} 2946 2947.child_panel_step .right_item i { 2948 font-size: 35px; 2949 margin-right: 20px; 2950 color: var(--text-primary); 2951} 2952.nightmode .child_panel_step .right_item i { 2953 color: var(--dark-text-primary); 2954} 2955 2956.dns_info { 2957 margin-top: 20px; 2958 margin-bottom: 32px; 2959} 2960 2961/* Child Panel Page Accordian*/ 2962#child_faq { 2963 padding: 1rem 0 3rem 0; 2964} 2965#child_faq .accordion-item { 2966 margin-bottom: 10px; 2967 border-radius: 10px; 2968 background: transparent; 2969} 2970 2971#child_faq .accordion-item .accordion-collapse { 2972 background: #fff; 2973 border-radius: 0px 0px 10px 10px; 2974} 2975.nightmode .accordion-item .accordion-collapse { 2976 background: var(--bg-sidebar-night) !important; 2977} 2978 2979.accordion-flush .accordion-item .accordion-button.collapsed { 2980 border-radius: 10px 10px 10px 10px; 2981 border-color: transparent; 2982 background: #fff; 2983} 2984.accordion-button:focus { 2985 outline: none; 2986 border: transparent; 2987} 2988.accordion-button { 2989 position: relative; 2990 display: flex; 2991 align-items: center; 2992 width: 100%; 2993 padding: 1rem 1.25rem; 2994 font-size: 1rem; 2995 color: #212529; 2996 text-align: left; 2997 background-color: #fff; 2998 border: 0; 2999 border-radius: 0;
3000 overflow-anchor: none; 3001 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, 3002 border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, 3003 border-radius 0.15s ease; 3004} 3005.accordion-flush .accordion-item .accordion-button { 3006 border-radius: 10px 10px 0px 0px; 3007 border-color: transparent; 3008 transition: 0.5s; 3009 font-size: 15px; 3010 3011 width: 100%; 3012 text-align: inherit; 3013} 3014.accordion-button:not(.collapsed)::after { 3015 background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1669103193/honest_smPannel/download_z3cl2o.svg"); 3016 transform: rotate(-180deg); 3017} 3018.accordion-body { 3019 padding: 1rem 1.25rem; 3020} 3021.nightmode .accordion-flush .accordion-item .accordion-button { 3022 background: var(--bg-sidebar-night); 3023 color: #fff; 3024} 3025 3026.accordion-button::after { 3027 flex-shrink: 0; 3028 width: 1.25rem; 3029 height: 1.25rem; 3030 margin-left: auto; 3031 content: ""; 3032 background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1669103193/honest_smPannel/download_z3cl2o.svg"); 3033 background-repeat: no-repeat; 3034 background-size: 1.25rem; 3035 transition: transform 0.2s ease-in-out; 3036} 3037.accordion-button:not(.collapsed) { 3038 background: var(--text-primary); 3039 color: #fff; 3040} 3041.img-fluid { 3042 max-width: 100%; 3043 height: auto; 3044 color: white; 3045} 3046 3047@media (min-width: 992px) { 3048 .navbar-expand-lg .navbar-collapse { 3049 display: -ms-flexbox !important; 3050 display: flex !important; 3051 -ms-flex-preferred-size: auto; 3052 flex-basis: auto; 3053 justify-content: end; 3054 } 3055} 3056 3057@media only screen and (max-width: 550px) { 3058 #newOrderTabsWrap #pills-tab { 3059 gap: 5px; 3060 } 3061 #newOrderTabsWrap #pills-tab .nav-item { 3062 width: calc(50% - 5px); 3063 } 3064 #newOrderTabsWrap #pills-tab .nav-item .nav-link { 3065 border-width: 1px; 3066 font-size: 14px; 3067 } 3068 #category-drop .dropdown-item, 3069 #orders-drop .dropdown-item { 3070 padding: 0.23rem 1rem; 3071 border-bottom: 1px solid var(--text-primary); 3072 font-size: 14px; 3073 } 3074 #category-drop, 3075 #orders-drop { 3076 height: 390px; 3077 padding: 0px; 3078 } 3079 3080 #orders-drop { 3081 height: 305px !important; 3082 } 3083 ul.pagination li a { 3084 display: inline-block; 3085 width: 30px; 3086 height: 30px; 3087 background: #4a16bf1c; 3088 border-radius: 50px; 3089 text-align: center; 3090 line-height: 30px; 3091 margin-right: 2px; 3092 } 3093 #child_panel .card.card_v2.child_step { 3094 margin-bottom: 8px; 3095 } 3096 #child_panel .card.card_v2.child_step .card-body { 3097 padding: 1rem; 3098 } 3099 .nightmode .alert.alert-info.dns_info { 3100 background: var(--dark-text-primary) !important; 3101 border-color: var(--dark-text-primary) !important; 3102 color: #fff !important; 3103 } 3104} 3105 3106/* Home Page Css Start */ 3107/* Hero Section Design Start From Here */ 3108#hero { 3109 3110 background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%); 3111 background-size: cover; 3112 background-position: top center; 3113 background-repeat: no-repeat; 3114 overflow: hidden; 3115} 3116#hero .banner_content h1 { 3117 font-family: "Poppins", sans-serif; 3118 font-size: 55px; 3119 font-weight: bold; 3120 line-height: 1.3; 3121 color: var(--text-black); 3122 margin-bottom: 10px; 3123} 3124 3125#hero .banner_content h1 > span.title_top { 3126 font-size: 30px; 3127 color: var(--home-hero-top-text); 3128} 3129#hero .banner_content p { 3130 font-family: "Poppins", sans-serif; 3131 font-size: 24px; 3132 font-weight: 600; 3133 line-height: 30px; 3134 color: #666666; 3135 margin-top: 10px; 3136} 3137 3138#hero .banner_content .btn-hero { 3139 font-family: "Poppins", sans-serif; 3140 font-size: 20px; 3141 font-weight: bold; 3142 text-transform: uppercase; 3143 color: var(--text-white); 3144 background: var(--text-primary); 3145 width: 200px; 3146 height: 60px; 3147 border-radius: 50px; 3148 display: flex; 3149 align-items: center; 3150 justify-content: center; 3151 transition: background 0.5s; 3152} 3153#hero .banner_content .btn-hero:hover { 3154 background: var(--home-btn-hover); 3155} 3156 3157#hero .banner_img { 3158 display: grid; 3159 grid-template-columns: 1fr 10fr 1fr; 3160} 3161#hero .banner_img .female_char { 3162 max-width: 150%; 3163 animation: float 3s ease infinite; 3164} 3165 3166#hero .banner_img .left_side_icons, 3167#hero .banner_img .right_side_icons { 3168 position: relative; 3169} 3170 3171#hero .banner_img .hero_icon { 3172 position: absolute; 3173} 3174 3175#hero .banner_img .icon1 { 3176 top: 250px; 3177 animation: fade-up 2.3s infinite ease-in-out; 3178} 3179#hero .banner_img .icon2 { 3180 top: 330px; 3181 left: 70px; 3182 animation: tossing 1s infinite ease-in-out; 3183} 3184#hero .banner_img .icon3 { 3185 top: 420px; 3186 left: -60px; 3187 animation: wobble-bottom 1.3s infinite ease-in-out; 3188} 3189#hero .banner_img .icon4 { 3190 top: 480px; 3191 left: 70px; 3192 animation: tossing 1.3s infinite ease-in-out; 3193} 3194#hero .banner_img .icon5 { 3195 top: 560px; 3196 left: 5px; 3197 animation: tada 2s infinite ease-in-out; 3198} 3199#hero .banner_img .icon6 { 3200 top: 210px;
3201 left: -180px; 3202 animation: heartBeat 1.4s infinite ease-in-out; 3203} 3204#hero .banner_img .icon7 { 3205 top: 300px; 3206 left: -80px; 3207 animation: tossing 1s infinite ease-in-out; 3208} 3209#hero .banner_img .icon8 { 3210 top: 380px; 3211 left: -180px; 3212 animation: fade-up 2.2s infinite ease-in-out; 3213} 3214#hero .banner_img .icon9 { 3215 top: 450px; 3216 left: -60px; 3217 animation: wobble-bottom 1.5s infinite ease-in-out; 3218} 3219#hero .banner_img .icon10 { 3220 top: 560px; 3221 left: -150px; 3222 animation: wobble-bottom 2.2s infinite ease-in-out; 3223} 3224.showMob { 3225 display: none; 3226} 3227 3228/* Login */ 3229#login { 3230 margin-top: 0px; 3231} 3232#login .login_box { 3233 background: var(--text-white); 3234 padding: 50px 20px; 3235 border-radius: 15px; 3236} 3237 3238.login_box .in_group { 3239 position: relative; 3240 margin-bottom: 15px; 3241} 3242.login_box .in_group .icon { 3243 position: absolute; 3244 font-size: 20px; 3245 top: 15px; 3246 left: 20px; 3247 color: var(--bg-secondary); 3248} 3249 3250.login_box .in_group .in_control { 3251 width: 100%; 3252 height: 60px; 3253 font-size: 18px; 3254 padding-left: 50px; 3255 padding-right: 15px; 3256 border-radius: 50px; 3257 border: 2px solid #cdbef0 !important; 3258 background: #f7f5fc; 3259} 3260.login_box .in_group .in_control:focus, 3261.login_box .in_group .in_control:active { 3262 box-shadow: none; 3263} 3264 3265.login_box .btn-signin { 3266 font-family: "Poppins", sans-serif; 3267 font-weight: bold; 3268 font-size: 18px; 3269 width: 100%; 3270 height: 60px; 3271 display: flex; 3272 align-items: center; 3273 justify-content: center; 3274 background: var(--text-primary); 3275 color: #fff; 3276 border: none; 3277 border-radius: 50px; 3278 cursor: pointer; 3279 transition: 0.5s; 3280} 3281 3282.login_box .btn-signin:hover { 3283 background: var(--home-btn-hover); 3284} 3285 3286/* Why Section Title */ 3287#whySec { 3288 padding: 40px 0px; 3289 margin-top: 30px; 3290 background: url("https://res.cloudinary.com/grow-follows/image/upload/v1656760177/growfollows_home/why_bg_btcmwi.png"); 3291 background-repeat: no-repeat; 3292 background-size: contain; 3293 background-position: left; 3294 padding-bottom: 120px; 3295} 3296 3297#whySec .why_title { 3298 font-family: "Poppins", sans-serif; 3299 font-size: 55px; 3300 font-weight: bold; 3301 color: var(--text-black); 3302 text-align: center; 3303 margin-bottom: 50px; 3304} 3305 3306#whySec .why_item { 3307 text-align: center; 3308 margin-top: 60px; 3309} 3310 3311#whySec .why_item .why_item_wrap { 3312 position: relative; 3313 width: 95%; 3314 background: var(--text-white); 3315 margin: 0 auto; 3316 box-shadow: 0 0 15px #ddd; 3317 padding: 35px 40px; 3318 border-radius: 20px; 3319} 3320 3321#whySec .why_item .why_item_wrap .icon { 3322 width: 100px; 3323 margin: 0 auto; 3324 margin-top: -80px; 3325 margin-bottom: 20px; 3326} 3327 3328#whySec .why_item .why_item_title { 3329 font-family: "Poppins", sans-serif; 3330 font-size: 28px; 3331 color: var(--text-black); 3332 font-weight: bold; 3333 margin-bottom: 10px; 3334} 3335 3336#whySec .why_item .why_content p { 3337 width: 90%; 3338 margin: 0 auto; 3339 font-family: "Poppins", sans-serif; 3340 font-size: 18px; 3341 line-height: 1.5; 3342 color: var(--text-black); 3343} 3344 3345/* Default Section Css */ 3346#deafultSec { 3347 padding: 150px 0; 3348} 3349 3350#deafultSec.bg_color_1 { 3351 background: #f9f7fe; 3352} 3353#deafultSec.bg_color_1.has_bg { 3354 background: url(https://res.cloudinary.com/grow-follows/image/upload/v1656760177/growfollows_home/user_friendly_authorized_yjy8nn.jpg); 3355 background-repeat: no-repeat; 3356 background-size: cover; 3357 background-position: top; 3358} 3359#deafultSec .def_sec_content h2 { 3360 font-family: "Poppins", sans-serif; 3361 font-size: 55px; 3362 font-weight: bold; 3363 color: var(--text-black); 3364 margin-bottom: 25px; 3365} 3366 3367#deafultSec .def_sec_content p { 3368 font-family: "Poppins", sans-serif; 3369 font-size: 18px; 3370 font-weight: normal; 3371 color: var(--text-black); 3372 line-height: 1.5; 3373 margin-bottom: 25px; 3374} 3375 3376#deafultSec .def_sec_content .def_btn_wrap .def_btn { 3377 font-family: "Poppins", sans-serif; 3378 font-weight: bold; 3379 font-size: 20px; 3380 width: 200px; 3381 height: 60px; 3382 display: flex; 3383 align-items: center; 3384 justify-content: center; 3385 background: var(--text-primary); 3386 color: var(--text-white); 3387 border-radius: 50px; 3388 transition: 0.5s; 3389} 3390 3391#deafultSec .def_sec_content .def_btn_wrap .def_btn:hover { 3392 background: var(--home-btn-hover); 3393} 3394 3395#deafultSec .def_right_img { 3396 position: relative; 3397} 3398 3399#deafultSec .def_right_img .insc_size { 3400 max-width: 100%; 3401} 3402 3403.sec_title .top_sm_title { 3404 font-family: "Poppins", sans-serif; 3405 font-size: 30px; 3406 font-weight: bold; 3407 color: var(--home-hero-top-text); 3408 text-align: center; 3409 margin-bottom: 15px; 3410} 3411 3412.sec_title .title_normal { 3413 font-family: "Poppins", sans-serif; 3414 font-size: 55px; 3415 font-weight: bold; 3416 color: var(--text-black); 3417 text-align: center; 3418 margin-bottom: 50px; 3419} 3420 3421.def_animations { 3422 display: grid; 3423 grid-template-columns: 1fr 10fr 1fr; 3424 position: relative; 3425} 3426 3427.def_animations .animations_left img { 3428 position: absolute; 3429} 3430 3431.def_animations .animations_right img { 3432 position: absolute; 3433} 3434 3435.def_animations .main_img { 3436 max-width: 90%; 3437} 3438.def_animations .main_img img { 3439 animation: float 3s infinite; 3440} 3441.def_animations .def_icon1 { 3442 top: 250px; 3443 left: 130px; 3444 animation: tada 2s infinite; 3445} 3446 3447.def_animations .def_icon2 { 3448 top: 350px; 3449 left: 130px; 3450 animation: float 4s infinite; 3451} 3452 3453.def_animations .def_icon3 { 3454 top: 500px; 3455 left: 150px; 3456 animation: wobble-bottom 2s infinite; 3457} 3458 3459.def_animations .def_icon4 {
3460 top: 190px; 3461 right: 100px; 3462 animation: heartBeat 3s infinite; 3463} 3464 3465.def_animations .def_icon5 { 3466 top: 290px; 3467 right: 65px; 3468 animation: rotation 7s infinite; 3469} 3470 3471.animations_float { 3472 animation: float 4s infinite; 3473} 3474 3475/* Payment Methods */ 3476 3477#paymentSec { 3478 padding: 150px 0px; 3479 background: url(https://res.cloudinary.com/grow-follows/image/upload/v1656760174/growfollows_home/payment_method_bg_p4xqrp.jpg); 3480 background-size: cover; 3481 background-position: 0px -415px; 3482 overflow: hidden; 3483 background-repeat: no-repeat; 3484} 3485 3486.payment_item { 3487 position: relative; 3488 left: 0px; 3489 animation: paymentItem1 30s infinite; 3490} 3491.payment_item_2 { 3492 position: relative; 3493 right: 0px; 3494 animation: paymentItem2 30s infinite; 3495} 3496 3497@keyframes paymentItem1 { 3498 0% { 3499 left: -500px; 3500 } 3501 50% { 3502 left: 0px; 3503 } 3504 100% { 3505 left: -500px; 3506 } 3507} 3508 3509@keyframes paymentItem2 { 3510 0% { 3511 right: -500px; 3512 } 3513 50% { 3514 right: 0px; 3515 } 3516 100% { 3517 right: -500px; 3518 } 3519} 3520 3521/* FAQ's Page */ 3522#faq { 3523 padding: 150px 0px; 3524 background: url(https://res.cloudinary.com/grow-follows/image/upload/v1656760174/growfollows_home/payment_method_bg_p4xqrp.jpg); 3525 background-size: cover; 3526 background-position: 0px -1181px; 3527 background-repeat: no-repeat; 3528 background-color: #fefefe; 3529 overflow: hidden; 3530} 3531 3532.faqAccordian .accordion-item { 3533 margin-bottom: 20px; 3534 border: none; 3535} 3536 3537.faqAccordian .accordion-item .accordion-button { 3538 font-family: "Poppins", sans-serif; 3539 font-size: 24px; 3540 margin-bottom: 0; 3541 font-weight: bold; 3542 color: var(--text-black); 3543 text-align: left; 3544 border: none; 3545} 3546 3547.faqAccordian .accordion-item .accordion-button::after { 3548 background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1669103193/honest_smPannel/download_z3cl2o.svg"); 3549 flex-shrink: 0; 3550 width: 1.25rem; 3551 height: 1.25rem; 3552 margin-left: auto; 3553 content: ""; 3554 3555 background-repeat: no-repeat; 3556 background-size: 1.25rem; 3557 transition: transform 0.2s ease-in-out; 3558} 3559 3560.faqAccordian .accordion-item .accordion-button:not(.collapsed) { 3561 background: var(--text-white); 3562} 3563 3564.accordion-button:focus { 3565 box-shadow: none; 3566} 3567 3568.blog_wraper { 3569 background: var(--text-white); 3570 padding: 15px; 3571 border: 1px solid rgb(200, 200, 200); 3572 margin-bottom: 25px; 3573 box-shadow: 0 0 10px #dddddda2; 3574 border-radius: 10px; 3575} 3576 3577.blog_content h4 { 3578 font-family: "Poppins", sans-serif; 3579 color: var(--text-black); 3580 font-size: 20px; 3581 font-weight: bold; 3582 margin-top: 10px; 3583 max-height: 100px; 3584} 3585 3586.blog_content .blog_content { 3587 font-family: "Poppins", sans-serif; 3588 font-size: 14px; 3589 color: var(--text-black); 3590 font-weight: normal; 3591 overflow: hidden; 3592 text-overflow: ellipsis; 3593 display: -webkit-box; 3594 -webkit-line-clamp: 5; /* number of lines to show */ 3595 -webkit-box-orient: vertical; 3596} 3597 3598.blog_btn_wrap { 3599 margin-top: 15px; 3600} 3601 3602.blog_btn_wrap .btn.btn-primary { 3603 background: var(--bg-secondary); 3604 border-color: var(--bg-secondary); 3605 border-radius: 10px; 3606 color: #000; 3607 font-weight: bold; 3608 padding: 10px 30px; 3609 font-size: 16px; 3610} 3611 3612.blog_btn_wrap .btn.btn-primary:hover { 3613 background: var(--bg-secondary); 3614 box-shadow: 0 0 5px #ddd; 3615} 3616/* v2 qna section */ 3617.sig_qna_wrap { 3618 width: 95%; 3619 margin: 0 auto !important; 3620 position: relative; 3621 background: #ffffff4d; 3622 padding: 10px 20px; 3623 border-radius: 15px; 3624 border: 2px solid #4a16bf94; 3625 min-height: 470px; 3626 max-height: 470px; 3627 cursor: pointer; 3628} 3629 3630.sig_qna_wrap .num_item { 3631 color: #4a16bf; 3632 width: 70px; 3633 display: flex; 3634 height: 70px; 3635 align-items: center; 3636 justify-content: center; 3637 font-size: 30px; 3638 font-weight: bold; 3639 border-radius: 50px; 3640 margin-bottom: 15px; 3641 border: 2px solid #4a16bf94; 3642} 3643.sig_qna_wrap .qna_cont h4 { 3644 font-family: "Poppins", sans-serif; 3645 font-size: 22px; 3646 font-weight: bold; 3647} 3648 3649.sig_qna_wrap .itm_btn { 3650 text-align: right; 3651 position: absolute; 3652 bottom: 20px; 3653 right: 25px; 3654} 3655 3656.sig_qna_wrap .itm_btn a { 3657 font-size: 18px; 3658 font-weight: bold; 3659 color: var(--text-black); 3660 text-decoration: none; 3661 transition: 0.5s; 3662} 3663 3664.sig_qna_wrap .itm_btn a:hover { 3665 color: var(--text-primary); 3666} 3667 3668.sig_qna_wrap .qna_cont .txt { 3669 font-family: "Poppins", sans-serif; 3670 font-size: 16px; 3671 color: var(--text-black); 3672 font-weight: normal; 3673 overflow: auto; 3674 max-height: 250px; 3675 margin-top: 15px; 3676} 3677 3678/* width */ 3679.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar {
3680 width: 4px; 3681} 3682 3683/* Track */ 3684.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar-track { 3685 background: #ffffffd3; 3686} 3687 3688/* Handle */ 3689.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar-thumb { 3690 background: #888; 3691} 3692 3693/* Handle on hover */ 3694.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar-thumb:hover { 3695 background: #555; 3696} 3697 3698#faqSlider .slick-dots { 3699 bottom: -50px; 3700} 3701 3702#faqSlider .slick-dots li button:before { 3703 font-size: 16px; 3704 color: var(--text-primary); 3705} 3706#faqSlider .slick-dots li { 3707 margin: 0; 3708} 3709/* 3710* 3711* 3712* 3713* Responsive Area Start For Home Page 3714* 3715* 3716* 3717*/ 3718 3719@media only screen and (max-width: 1260px) { 3720 #paymentSec { 3721 padding: 50px 0; 3722 } 3723 .sec_title .top_sm_title { 3724 font-size: 25px; 3725 margin-bottom: 12px; 3726 } 3727 .sec_title .title_normal { 3728 font-size: 35px; 3729 margin-bottom: 35px; 3730 } 3731 .sec_title.mb-5 { 3732 margin-bottom: 2rem !important; 3733 } 3734 #paymentSec { 3735 background-position: 0px -40px; 3736 } 3737 .payment_item img { 3738 max-width: 1400px; 3739 } 3740 .payment_item_2 img { 3741 max-width: 1400px; 3742 } 3743 @keyframes paymentItem1 { 3744 0% { 3745 left: -800px; 3746 } 3747 50% { 3748 left: 400px; 3749 } 3750 100% { 3751 left: -800px; 3752 } 3753 } 3754 3755 @keyframes paymentItem2 { 3756 0% { 3757 right: -200px; 3758 } 3759 50% { 3760 right: 1000px; 3761 } 3762 100% { 3763 right: -200px; 3764 } 3765 } 3766 #faq { 3767 padding: 50px 0px; 3768 background-position: 0px -454px; 3769 } 3770 .faqAccordian .accordion-item .accordion-button { 3771 font-size: 18px; 3772 } 3773 .faqAccordian .accordion-body { 3774 font-size: 16px; 3775 } 3776 .sig_qna_wrap .qna_cont h4 { 3777 font-size: 20px; 3778 } 3779 .sig_qna_wrap .num_item { 3780 font-size: 25px; 3781 width: 60px; 3782 height: 60px; 3783 } 3784 .sig_qna_wrap .itm_btn a { 3785 font-size: 16px; 3786 } 3787} 3788 3789@media only screen and (max-width: 992px) { 3790 .forgot_password a { 3791 color: var(--text-black); 3792 font-size: 16px; 3793 text-decoration: none; 3794 } 3795 .no_account a { 3796 font-size: 16px; 3797 color: var(--text-black); 3798 text-decoration: none; 3799 } 3800 #whySec { 3801 margin-top: 0px; 3802 padding-bottom: 40px; 3803 } 3804 #whySec .why_title { 3805 font-size: 30px; 3806 } 3807 #whySec .why_item { 3808 margin-top: 40px; 3809 } 3810 #whySec .why_item .why_item_wrap { 3811 width: 100%; 3812 padding: 30px 22px; 3813 border-radius: 10px; 3814 } 3815 #whySec .why_item .why_item_wrap .icon { 3816 width: 90px; 3817 margin-top: -75px; 3818 } 3819 #whySec .why_item .why_item_title { 3820 font-size: 20px; 3821 } 3822 #whySec .why_item .why_content p { 3823 width: 100%; 3824 font-size: 14px; 3825 } 3826 #deafultSec { 3827 padding: 40px 0; 3828 } 3829 #deafultSec .def_sec_content h2 { 3830 font-size: 30px; 3831 margin-bottom: 10px; 3832 } 3833 #deafultSec .def_sec_content p { 3834 font-size: 16px; 3835 line-height: 1.3; 3836 margin-bottom: 10px; 3837 } 3838 #deafultSec .def_sec_content .def_btn_wrap .def_btn { 3839 height: 45px; 3840 font-size: 16px; 3841 } 3842 3843 #deafultSec .def_right_img .insc_size { 3844 max-width: 100%; 3845 } 3846 #paymentSec { 3847 padding: 40px 0; 3848 } 3849 .sec_title .top_sm_title { 3850 font-size: 22px; 3851 margin-bottom: 10px; 3852 } 3853 .sec_title .title_normal { 3854 font-size: 30px; 3855 margin-bottom: 30px; 3856 } 3857 .sec_title.mb-5 { 3858 margin-bottom: 1.5rem !important; 3859 } 3860 #paymentSec { 3861 background-position: 0px -40px; 3862 } 3863 .payment_item img { 3864 max-width: 1400px; 3865 } 3866 .payment_item_2 img { 3867 max-width: 1400px; 3868 } 3869 @keyframes paymentItem1 { 3870 0% { 3871 left: -800px; 3872 } 3873 50% { 3874 left: 400px; 3875 } 3876 100% { 3877 left: -800px; 3878 } 3879 } 3880 3881 @keyframes paymentItem2 { 3882 0% { 3883 right: -200px; 3884 } 3885 50% { 3886 right: 1000px; 3887 } 3888 100% { 3889 right: -200px; 3890 } 3891 } 3892 #faq { 3893 padding: 40px 0px; 3894 background-position: 0px -454px; 3895 } 3896 .faqAccordian .accordion-item .accordion-button { 3897 font-size: 16px; 3898 } 3899 .faqAccordian .accordion-body { 3900 font-size: 14px; 3901 } 3902 #testimonials { 3903 padding: 40px 0px; 3904 } 3905 .testimonial_item .testimonials_wraper { 3906 width: 95%; 3907 padding: 19px 20px; 3908 } 3909 .testimonial_item .testimonials_wraper .testimoni_content p { 3910 font-size: 16px; 3911 line-height: 24px; 3912 } 3913 .testimonials 3914 .slick-slide:nth-child(odd) 3915 .testimonial_item 3916 .testimonials_wraper 3917 .item_icon::after { 3918 width: 35px; 3919 height: 35px; 3920 margin-bottom: 5px; 3921 } 3922 .testimonial_item .testimonials_wraper .testimoni_content img { 3923 margin-bottom: 10px; 3924 width: 100px; 3925 } 3926 .testimonial_item .testimonials_wraper .item_icon::after { 3927 width: 35px; 3928 height: 35px; 3929 margin-bottom: 5px; 3930 } 3931 .testimonial_item .testimonials_wraper .testimoni_content h4 { 3932 font-size: 20px; 3933 } 3934 .def_animations .def_icon1 { 3935 top: 120px; 3936 left: 50px; 3937 width: 40px; 3938 } 3939 .def_animations .def_icon2 { 3940 top: 195px; 3941 width: 60px; 3942 left: 85px; 3943 } 3944 .def_animations .def_icon3 { 3945 top: 265px; 3946 left: 40px; 3947 width: 50px; 3948 } 3949 .def_animations .def_icon4 {
3950 top: 90px; 3951 right: 40px; 3952 width: 50px; 3953 } 3954 .def_animations .def_icon5 { 3955 top: 185px; 3956 width: 50px; 3957 right: 25px; 3958 } 3959} 3960 3961@media only screen and (max-width: 767px) { 3962 #hero { 3963 overflow: hidden; 3964 } 3965 #hero .banner_content { 3966 margin-top: 70px; 3967 } 3968 #hero .banner_content h1 { 3969 text-align: center; 3970 font-size: 30px; 3971 } 3972 #hero .banner_content h1 > span.title_top { 3973 font-size: 20px; 3974 } 3975 #hero .banner_content p { 3976 font-size: 14px; 3977 text-align: center; 3978 margin: 0; 3979 } 3980 #hero .banner_content .btn-hero { 3981 margin: 0 auto; 3982 font-size: 14px; 3983 width: 150px; 3984 height: 40px; 3985 } 3986 #hero .banner_img { 3987 margin-top: -70px; 3988 } 3989 #hero .banner_img .icon1 { 3990 top: 170px; 3991 left: 20px; 3992 width: 40px; 3993 } 3994 #hero .banner_img .icon2 { 3995 top: 240px; 3996 left: 45px; 3997 width: 50px; 3998 } 3999 #hero .banner_img .icon3 { 4000 top: 320px; 4001 left: 6px; 4002 width: 45px; 4003 } 4004 #hero .banner_img .icon4 { 4005 top: 371px; 4006 left: 55px; 4007 width: 43px; 4008 } 4009 #hero .banner_img .icon5 { 4010 top: 446px; 4011 left: 25px; 4012 width: 34px; 4013 } 4014 #hero .banner_img .icon6 { 4015 top: 145px; 4016 left: -90px; 4017 width: 50px; 4018 } 4019 #hero .banner_img .icon7 { 4020 top: 215px; 4021 width: 45px; 4022 left: -40px; 4023 } 4024 #hero .banner_img .icon8 { 4025 top: 290px; 4026 left: -100px; 4027 width: 50px; 4028 } 4029 #hero .banner_img .icon9 { 4030 top: 340px; 4031 left: -40px; 4032 width: 50px; 4033 } 4034 #hero .banner_img .icon10 { 4035 top: 427px; 4036 left: -64px; 4037 width: 50px; 4038 } 4039 #login .login_box { 4040 padding: 35px 15px; 4041 box-shadow: 0 5px 10px #ddd; 4042 } 4043 .login_box .in_group .in_control { 4044 height: 45px; 4045 padding-left: 35px; 4046 font-size: 16px; 4047 } 4048 .login_box .in_group .icon { 4049 font-size: 18px; 4050 top: 10px; 4051 left: 14px; 4052 } 4053 .login_box .btn-signin { 4054 font-size: 14px; 4055 height: 40px; 4056 margin-top: 30px; 4057 } 4058 .login_box .in_group { 4059 margin-bottom: 10px; 4060 } 4061 .remember_me { 4062 margin-top: -70px; 4063 } 4064 .remember_me_has_cap { 4065 margin-top: -149px; 4066 } 4067 .unauthorized .stat-wrap { 4068 margin-bottom: 10px; 4069 } 4070 .forgot_password { 4071 margin-top: 10px; 4072 text-align: center; 4073 } 4074 .forgot_password a { 4075 color: var(--text-black); 4076 text-decoration: none; 4077 } 4078 .no_account { 4079 margin-top: 10px; 4080 text-align: center; 4081 } 4082 .no_account a { 4083 color: var(--text-black); 4084 text-decoration: none; 4085 } 4086 #counter { 4087 padding: 40px 0px; 4088 } 4089 #whySec { 4090 margin-top: 0px; 4091 padding: 40px 0; 4092 } 4093 #whySec .why_title { 4094 font-size: 25px; 4095 } 4096 #whySec .why_item .why_item_wrap .icon { 4097 margin: 0 auto; 4098 margin-top: -75px; 4099 width: 80px; 4100 margin-bottom: 10px; 4101 } 4102 4103 #whySec .why_item { 4104 margin-top: 55px; 4105 } 4106 #whySec .why_item .why_item_title { 4107 font-size: 20px; 4108 } 4109 #whySec .why_item .why_content p { 4110 font-size: 16px; 4111 line-height: 1.4; 4112 } 4113 #deafultSec { 4114 padding: 40px 0px; 4115 } 4116 #deafultSec .def_sec_content h2 { 4117 font-size: 25px; 4118 text-align: center; 4119 margin-bottom: 10px; 4120 } 4121 #deafultSec .def_sec_content h2 br { 4122 display: none; 4123 } 4124 #deafultSec .def_sec_content p { 4125 font-size: 16px; 4126 line-height: 1.3; 4127 text-align: center; 4128 margin-bottom: 10px; 4129 } 4130 #deafultSec .def_sec_content .def_btn_wrap { 4131 text-align: center; 4132 margin-bottom: 20px; 4133 } 4134 #deafultSec .def_sec_content .def_btn_wrap .def_btn { 4135 width: 150px; 4136 height: 40px; 4137 font-size: 14px; 4138 margin: 0 auto; 4139 } 4140 #deafultSec .def_right_img .insc_size { 4141 max-width: 100%; 4142 } 4143 #paymentSec { 4144 padding: 40px 0px; 4145 } 4146 .sec_title .top_sm_title { 4147 font-size: 20px; 4148 margin-bottom: 10px !important; 4149 } 4150 .sec_title .title_normal { 4151 font-size: 25px; 4152 margin-bottom: 10px; 4153 } 4154 4155 .payment_item img { 4156 display: none; 4157 } 4158 4159 .payment_item_2 img { 4160 display: none; 4161 } 4162 4163 .showMob { 4164 display: block; 4165 } 4166 4167 #paymentSec > .container > .row > .mb-5 { 4168 margin-bottom: 1rem !important; 4169 } 4170 #paymentSec { 4171 background-position: 0px 0px; 4172 } 4173 4174 #faq { 4175 padding: 40px 0px; 4176 } 4177 #faq .sec_title.mb-5 { 4178 margin-bottom: 1rem !important; 4179 } 4180 #faq .sec_title .title_normal { 4181 font-size: 25px; 4182 text-align: center; 4183 margin-bottom: 10px; 4184 } 4185 .faqAccordian .accordion-item { 4186 margin-bottom: 5px; 4187 } 4188 .faqAccordian .accordion-item .accordion-button { 4189 font-size: 14px; 4190 padding: 8px; 4191 } 4192 #faq { 4193 background-position: 0px -278px; 4194 } 4195 .faqAccordian .accordion-item .accordion-body { 4196 font-size: 14px; 4197 } 4198 .faqAccordian .accordion-item .accordion-button::after { 4199 width: 0.7rem; 4200 height: 0.7rem; 4201 background-size: contain; 4202 } 4203 #testimonials { 4204 padding: 40px 0px; 4205 } 4206 .testimonial_item .testimonials_wraper { 4207 width: 95%; 4208 } 4209 .testimonial_item .testimonials_wraper .item_icon::after { 4210 width: 35px; 4211 height: 35px; 4212 } 4213 .testimonials 4214 .slick-slide:nth-child(odd) 4215 .testimonial_item 4216 .testimonials_wraper 4217 .item_icon::after { 4218 width: 35px; 4219 height: 35px; 4220 } 4221 .testimonial_item .testimonials_wraper { 4222 padding: 20px 15px; 4223 } 4224 .testimonial_item .testimonials_wraper .testimoni_content p { 4225 font-size: 14px; 4226 line-height: 1.5; 4227 } 4228 .testimonial_item .testimonials_wraper .testimoni_content img { 4229 width: 90px; 4230 margin-bottom: 10px; 4231 } 4232 .testimonial_item .testimonials_wraper .testimoni_content h4 { 4233 font-size: 18px; 4234 } 4235 .def_animations .def_icon1 { 4236 top: 100px; 4237 left: 50px; 4238 width: 40px; 4239 } 4240 .def_animations .def_icon2 { 4241 top: 180px; 4242 left: 45px; 4243 width: 70px; 4244 } 4245 .def_animations .def_icon3 { 4246 top: 278px; 4247 left: 30px; 4248 } 4249 .def_animations .def_icon4 {
4250 top: 75px; 4251 right: 20px; 4252 width: 50px; 4253 } 4254 .def_animations .def_icon5 { 4255 top: 160px; 4256 right: 20px; 4257 width: 55px; 4258 } 4259 4260 .sig_qna_wrap .qna_cont h4 { 4261 font-size: 18px; 4262 } 4263 .sig_qna_wrap .qna_cont .txt { 4264 font-size: 14px; 4265 } 4266 #faqSlider .slick-dots li button:before { 4267 font-size: 14px; 4268 } 4269} 4270 4271/* 4272* 4273* 4274* Home Design CSS END 4275* 4276*/ 4277 4278#howItworks { 4279 min-height: 750px; 4280 background: url(''); 4281 background-repeat: no-repeat; 4282 background-size: cover; 4283 background-position: center; 4284 padding: 150px 0px; 4285} 4286 4287#howItworks .how_it_content h1 { 4288 font-family: "Poppins", sans-serif; 4289 font-weight: bold; 4290 font-size: 55px; 4291 line-height: 1.2; 4292 color: var(--text-black); 4293} 4294#howItworks .how_it_content h1 > span { 4295 display: block; 4296 font-family: "Poppins", sans-serif; 4297 font-size: 30px; 4298 font-weight: bold; 4299 color: var(--home-hero-top-text); 4300} 4301#howItworks .how_it_content .how_btn .btn_how { 4302 font-family: "Poppins", sans-serif; 4303 font-size: 20px; 4304 font-weight: bold; 4305 text-transform: uppercase; 4306 color: var(--text-white); 4307 background: var(--text-primary); 4308 width: 200px; 4309 height: 60px; 4310 border-radius: 50px; 4311 display: flex; 4312 align-items: center; 4313 justify-content: center; 4314 transition: background 0.5s; 4315} 4316 4317#howItworks .how_it_content .how_btn .btn_how:hover { 4318 background: var(--home-btn-hover); 4319} 4320 4321#howItworks .how_img img { 4322 animation: float 3s ease infinite; 4323} 4324 4325#howItWorksBox { 4326 padding: 150px 0px; 4327} 4328 4329.how_works_btn_wrap { 4330 display: grid; 4331 grid-template-columns: repeat(4, 1fr); 4332 justify-content: space-between; 4333} 4334.how_works_btn_wrap .nav-link { 4335 font-family: "Poppins"; 4336 display: flex; 4337 gap: 10px; 4338 align-items: center; 4339 background: var(--text-white); 4340 border-radius: 50px; 4341 padding: 8px; 4342 min-width: 260px; 4343 font-size: 20px; 4344 color: var(--text-black); 4345 font-weight: bold; 4346 box-shadow: 0 0 10px #ddd; 4347 border: 2px solid var(--text-white); 4348} 4349 4350.how_works_btn_wrap .nav-link .btn_serial { 4351 width: 50px; 4352 height: 50px; 4353 display: flex; 4354 align-items: center; 4355 justify-content: center; 4356 font-family: "Poppins", sans-serif; 4357 font-size: 18px; 4358 background: var(--bg-secondary); 4359 color: var(--text-black); 4360 font-weight: bold; 4361 border-radius: 50px; 4362} 4363 4364.how_works_btn_wrap .nav-link.active { 4365 background: var(--text-white) !important; 4366 color: var(--text-black); 4367 border-color: var(--bg-secondary); 4368 cursor: pointer; 4369} 4370 4371.how_it_works_tab_content { 4372 margin-top: 45px; 4373} 4374 4375.how_item_content h2 { 4376 font-size: 36px; 4377 font-weight: bold; 4378 margin-bottom: 10px; 4379} 4380 4381.how_item_content p { 4382 font-size: 16px; 4383 color: var(--text-black); 4384} 4385.how_item_content p > strong { 4386 font-weight: bolder; 4387 color: var(--text-primary); 4388} 4389 4390.how_it_works_tab_content .tab-pane { 4391 background: var(--text-white); 4392 min-height: 750px; 4393 box-shadow: 0 0 20px #ddd; 4394 border-radius: 25px; 4395 padding: 30px; 4396} 4397 4398.how_item_img { 4399 text-align: right; 4400} 4401 4402.how_item_info { 4403 background: #f6f7fb; 4404 border: 2px solid var(--text-primary); 4405 padding: 20px; 4406 margin-bottom: 25px; 4407 border-radius: 15px; 4408} 4409 4410.info_title h4 { 4411 font-size: 24px; 4412 font-weight: bold; 4413 color: var(--text-black); 4414} 4415.info_title h4 > span { 4416 font-size: 36px; 4417 color: var(--text-primary); 4418} 4419 4420.info_content p { 4421 font-size: 16px; 4422 font-weight: normal; 4423 color: var(--text-black); 4424} 4425@media only screen and (max-width: 1280px) { 4426 .how_works_btn_wrap { 4427 grid-template-columns: repeat(4, 1fr); 4428 grid-gap: 15px; 4429 } 4430 .how_works_btn_wrap .nav-link { 4431 min-width: 100%; 4432 width: 100%; 4433 gap: 10px; 4434 font-size: 14px; 4435 } 4436} 4437@media only screen and (max-width: 992px) { 4438 #howItworks { 4439 padding: 50px 0px; 4440 } 4441 #howItworks .how_it_content { 4442 margin-bottom: 20px; 4443 } 4444 #howItworks .how_it_content h1 { 4445 font-size: 35px; 4446 } 4447 #howItworks .how_it_content h1 > span { 4448 font-size: 25px; 4449 } 4450 #howItworks .how_it_content .how_btn .btn_how { 4451 height: 50px; 4452 font-size: 18px; 4453 } 4454 .how_img { 4455 text-align: center; 4456 margin-top: 15px; 4457 } 4458 .how_img img { 4459 width: 90%; 4460 } 4461 #howItWorksBox { 4462 padding: 50px 0px; 4463 } 4464 .how_works_btn_wrap { 4465 grid-template-columns: repeat(4, 1fr); 4466 grid-gap: 5px; 4467 } 4468 .how_works_btn_wrap .nav-link { 4469 min-width: 100%; 4470 width: 100%; 4471 gap: 5px; 4472 font-size: 14px; 4473 } 4474 4475 .how_works_btn_wrap .nav-link .btn_serial { 4476 width: 30px; 4477 height: 30px; 4478 font-size: 18px; 4479 } 4480 .how_it_works_tab_content .tab-pane { 4481 padding: 20px; 4482 min-height: 500px; 4483 } 4484 4485 .how_item_content h2 { 4486 font-size: 28px; 4487 } 4488 .how_item_content p { 4489 font-size: 16px; 4490 } 4491 .how_item_info { 4492 padding: 15px; 4493 margin-bottom: 10px; 4494 } 4495 .info_title h4 { 4496 font-size: 18px; 4497 } 4498 .info_title h4 >
4498 span { 4499 font-size: 22px; 4500 } 4501 .info_content p { 4502 font-size: 16px; 4503 margin-bottom: 0; 4504 } 4505} 4506@media only screen and (max-width: 767px) { 4507 #howItworks { 4508 padding: 70px 0px; 4509 } 4510 #howItworks .how_it_content { 4511 margin-bottom: 15px; 4512 } 4513 #howItworks .how_it_content h1 { 4514 font-size: 30px; 4515 text-align: center; 4516 } 4517 #howItworks .how_it_content h1 > span { 4518 font-size: 20px; 4519 } 4520 #howItworks .how_it_content .how_btn .btn_how { 4521 height: 40px; 4522 font-size: 16px; 4523 margin: 0 auto; 4524 } 4525 .how_img { 4526 text-align: center; 4527 margin-top: 15px; 4528 } 4529 .how_img img { 4530 width: 80%; 4531 } 4532 #howItWorksBox { 4533 padding: 70px 0px; 4534 } 4535 .how_works_btn_wrap { 4536 grid-template-columns: repeat(2, 1fr); 4537 grid-gap: 10px; 4538 } 4539 .how_works_btn_wrap .nav-link { 4540 min-width: 45%; 4541 width: 100%; 4542 gap: 5px; 4543 font-size: 12px; 4544 } 4545 4546 .how_works_btn_wrap .nav-link .btn_serial { 4547 width: 30px; 4548 height: 30px; 4549 font-size: 20px; 4550 } 4551 .how_works_btn_wrap .nav-link.active { 4552 font-size: 12px; 4553 padding: 8px; 4554 } 4555 .how_it_works_tab_content .tab-pane { 4556 padding: 15px; 4557 min-height: 300px; 4558 } 4559 4560 .how_item_content h2 { 4561 font-size: 24px; 4562 } 4563 .how_item_content p { 4564 font-size: 14px; 4565 } 4566 .how_item_info { 4567 padding: 15px; 4568 margin-bottom: 10px; 4569 } 4570 .info_title h4 { 4571 font-size: 18px; 4572 } 4573 .info_title h4 > span { 4574 font-size: 22px; 4575 } 4576 .info_content p { 4577 font-size: 14px; 4578 margin-bottom: 0; 4579 } 4580} 4581/* Toggle navigations system*/ 4582 4583#main_container.toogle_sidebar #main_container .content_area { 4584 margin-left: 0px !important; 4585 width: 100%; 4586} 4587 4588#main_container.toogle_sidebar #main_container .content_area .top_header { 4589 width: 100%; 4590} 4591 4592#main_container.toogle_sidebar .content_area { 4593 margin-left: 0px; 4594 width: 100%; 4595} 4596 4597#main_container.toogle_sidebar .content_area .top_header { 4598 width: 100%; 4599 margin-left: 0px; 4600} 4601 4602#main_container.toogle_sidebar .content_area .content { 4603 border-radius: 0px; 4604} 4605 4606.btn_nav_close { 4607 position: absolute; 4608 display: none; 4609 top: 10px; 4610 right: -50px; 4611 width: 50px; 4612 height: 50px; 4613 font-size: 20px; 4614 border-radius: 0px; 4615 border: none; 4616 background: #4CAF50; 4617 color: #fff; 4618 transition: 0.5s; 4619} 4620 4621.nightmode .btn_nav_close { 4622 background: #212529; 4623} 4624.alert-success { 4625 color: #0f5132; 4626 background-color: #d1e7dd; 4627 border-color: #badbcc; 4628} 4629 4630.alert { 4631 position: relative; 4632 padding: 1rem 1rem; 4633 margin-bottom: 1rem; 4634 border: 1px solid transparent; 4635 border-radius: 0.25rem; 4636} 4637@media only screen and (max-width: 1250px) { 4638 #main_container .content_area .top_header { 4639 width: 100%; 4640 4641 4642 } 4643 #main_container .content_area { 4644 margin-left: 0px; 4645 width: 100%; 4646 4647 } 4648 #main_container .content_area .content { 4649 border-radius: 0px; 4650 } 4651 .btn_nav_close { 4652 display: block; 4653 opacity: 0; 4654 pointer-events: none; 4655 } 4656 .toogle_sidebar .btn_nav_close { 4657 opacity: 1; 4658 pointer-events: auto; 4659 } 4660} 4661 4662#proFile { 4663 border-radius: 150px; 4664 object-fit: cover; 4665} 4666 4667#avatar2 { 4668 border-radius: 50px; 4669 object-fit: cover; 4670} 4671 4672#avatar1 { 4673 border-radius: 50px; 4674 object-fit: cover; 4675} 4676 4677.navbar { 4678 position: fixed; 4679 width: 100%; 4680 background: rgba(255, 255, 255, 0.315) !important; 4681 backdrop-filter: blur(5px); 4682 z-index: 99; 4683} 4684.navbar-brand img { 4685 width: 150px; 4686} 4687 4688 4689 4690#banner { 4691 background: linear-gradient( 4692 to bottom, 4693 rgba(221, 221, 221, 0.4), 4694 rgba(221, 221, 221, 0.4) 4695 ), 4696 url("https://res.cloudinary.com/ddyxrxcom/image/upload/v1686068984/hero_bg_acdn9f.png"); 4697 background-repeat: no-repeat; 4698 background-size: cover; 4699 background-position: center; 4700 padding-top: 130px; 4701 min-height: 100vh; 4702} 4703 4704#signup { 4705 background: linear-gradient( 4706 to bottom, 4707 rgba(221, 221, 221, 0.4), 4708 rgba(221, 221, 221, 0.4) 4709 ), 4710 url("https://res.cloudinary.com/sol-0123456789/image/upload/v1672314094/user-12-29/user-12-29/blured_bg_r67hqo_gcuyxs_kad3cs.png"); 4711 background-repeat: no-repeat; 4712 background-size: cover; 4713 background-position: center; 4714 padding-top: 0px; 4715 min-height: 100vh; 4716} 4717.unauthorized .footer__manger .logo img{ 4718width: 100% !important; 4719} 4720.unauthorized .card.card_v2 { 4721 margin-top: 100px !important; 4722 margin-bottom: 20px !important; 4723} 4724.banner_title .smallest_title { 4725 background: rgba(244, 244, 244, 0.4); 4726 font-size: 16px; 4727 padding: 10px 20px; 4728 font-weight: 800; 4729 border-radius: 10px; 4730 display: inline-block; 4731 margin-bottom: 10px; 4732} 4733 4734.banner_title h1 { 4735 font-size: 40px; 4736 font-weight: 800; 4737 color: var(--text-black); 4738 line-height: 1.3; 4739 margin-bottom: 10px; 4740} 4741 4742.banner_title p { 4743 font-size: 16px; 4744 color: var(--text-black); 4745 line-height: 1.4; 4746 margin-bottom: 10px; 4747} 4748 4749.text__primary { 4750 color: var(--text-primary); 4751} 4752 4753.banner_btn { 4754 display: flex; 4755 gap: 10px; 4756 margin-top: 20px; 4757 margin-bottom: 20px; 4758} 4759 4760.btn__home { 4761 font-size: 18px; 4762 padding: 10px 30px; 4763 background: transparent; 4764 cursor: pointer; 4765 border-radius: 13px; 4766 font-weight: bold; 4767 transition: 0.5s; 4768 border: 3px solid var(--text-primary); 4769} 4770 4771.btn__fill { 4772 background: var(--text-primary); 4773 border-color: var(--text-primary); 4774 color: var(--text-white); 4775} 4776 4777.btn__fill:hover {
4778 color: var(--text-white); 4779 border-color: #3d8dff; 4780 background: #3d8dff; 4781} 4782 4783.btn__nofill:hover { 4784 color: var(--text-white); 4785 border-color: #3d8dff; 4786 background: #3d8dff; 4787} 4788 4789.btn_bob:hover { 4790 transform: translateY(-10px); 4791} 4792.boost__media p { 4793 font-size: 14px; 4794 margin: 0; 4795 font-weight: 800; 4796} 4797 4798.boost__media .media_icons { 4799 margin-top: 15px; 4800 margin-bottom: 15px; 4801} 4802 4803.boost__media .media_icons img { 4804 width: 80px; 4805 transition: 0.5s; 4806 animation: imgAni 5s infinite; 4807} 4808 4809.boost__media .media_icons img:hover { 4810 transform: rotate(-10deg); 4811} 4812 4813@keyframes imgAni { 4814 0% { 4815 transform: rotate(-10deg); 4816 } 4817 50% { 4818 transform: rotate(0deg); 4819 } 4820 100% { 4821 transform: rotate(-10deg); 4822 } 4823} 4824 4825.banner_img { 4826 min-height: 650px; 4827} 4828 4829/* 4830Signin 4831*/ 4832 4833#signin { 4834 padding: 3rem 0; 4835 background: #f2f2f2; 4836} 4837 4838.login__box { 4839 border: 2px solid #ddd; 4840 background: #e8ebee7d; 4841 padding: 20px 20px; 4842 border-radius: 15px; 4843} 4844 4845.login__wrapper { 4846 background: #fff; 4847 padding: 30px 20px; 4848 border-radius: 15px; 4849 border: 2px solid #ddd; 4850 box-shadow: 0 0 10px #ddd; 4851} 4852 4853.form_group { 4854 position: relative; 4855} 4856 4857.form_icon { 4858 position: absolute; 4859 width: 50px; 4860 height: 50px; 4861 display: flex; 4862 background: var(--text-primary); 4863 align-items: center; 4864 justify-content: center; 4865 color: #fff; 4866 font-size: 22px; 4867 border-radius: 12px; 4868 top: 5px; 4869 left: 5px; 4870} 4871 4872.form_group .form-control { 4873 height: 60px; 4874 padding-left: 60px; 4875 border: 2px solid #ddd; 4876 border-radius: 15px; 4877 font-size: 18px; 4878 box-shadow: none; 4879} 4880 4881.form_group .form-control:active, 4882.form_group .form-control:focus { 4883 border-color: var(--text-primary); 4884 box-shadow: 0 0 10px #3d8dff7f; 4885} 4886 4887.btn_login { 4888 height: 60px; 4889} 4890 4891.saveId input { 4892 display: none; 4893} 4894 4895.item_memes { 4896 background: var(--text-primary); 4897 border-radius: 15px; 4898 display: flex; 4899 width: 60px; 4900 height: 60px; 4901 align-items: center; 4902 justify-content: center; 4903 font-size: 22px; 4904 color: #fff; 4905 cursor: pointer; 4906 transition: 0.5s; 4907 text-decoration: none; 4908} 4909.item_memes:hover { 4910 color: #fff; 4911} 4912.saveId input:checked ~ .item_memes { 4913 background: var(--home-hero-top-text); 4914} 4915 4916.login__box h2 { 4917 font-size: 30px; 4918 font-weight: 800; 4919 text-align: center; 4920 margin-bottom: 20px; 4921} 4922.loginTitle { 4923 display: flex; 4924 align-items: center; 4925 gap: 5px; 4926} 4927 4928.loginTitle p { 4929 font-size: 18px; 4930 font-weight: 800; 4931} 4932 4933/* Counter section */ 4934#counter { 4935 padding: 2rem 0; 4936 background: #f2f2f2; 4937} 4938.counter_item { 4939 text-align: center; 4940 padding: 15px; 4941} 4942.counter_icon img { 4943 width: 50px; 4944} 4945.counter_icon .item_cart.img-fluid { 4946 width: 80px; 4947 margin-bottom: 15px; 4948} 4949 4950.counter_icon .item_money.img-fluid { 4951 width: 60px; 4952 margin-bottom: 15px; 4953} 4954.counter_icon .item_txt.img-fluid { 4955 width: 70px; 4956 margin-bottom: 10px; 4957} 4958.counter_icon .item_api.img-fluid { 4959 width: 100px; 4960 margin-bottom: 5px; 4961} 4962 4963.counter_count h4 { 4964 font-size: 25px; 4965 font-weight: 800; 4966 margin-bottom: 5px; 4967} 4968.counter_count h5 { 4969 font-size: 18px; 4970 font-weight: normal; 4971 margin-bottom: 5px; 4972} 4973 4974/* 4975 Cheapest and best section 4976*/ 4977 4978#cheapBest { 4979 padding: 5rem 0; 4980 background: var(--text-white); 4981} 4982 4983.cheap_title h2 { 4984 font-size: 30px; 4985 font-weight: 800; 4986 color: var(--text-black); 4987 line-height: 1.3; 4988 margin-bottom: 10px; 4989} 4990 4991.more_item { 4992 display: flex; 4993 align-items: center; 4994 gap: 10px; 4995 margin-bottom: 5px; 4996} 4997 4998.more_item h4 { 4999 font-size: 18px; 5000 margin: 0; 5001 padding: 0; 5002} 5003 5004.more_item .icon { 5005 background: #3d8dff21; 5006 width: 40px; 5007 height: 40px; 5008 text-align: center; 5009 color: #3d8dff; 5010 font-size: 22px; 5011 line-height: 40px; 5012 border-radius: 50px; 5013} 5014 5015.status_body ul li del { 5016 opacity: 0.5; 5017} 5018 5019.status_body ul { 5020 list-style: none; 5021 margin: 0; 5022 padding: 0; 5023 font-size: 14px; 5024} 5025 5026/* Why Choose us */ 5027#whyChooseUs { 5028 padding: 5rem 0; 5029} 5030 5031.sec__title__small { 5032 font-size: 16px; 5033 font-weight: 600; 5034 color: var(--home-hero-top-text); 5035} 5036 5037.sec__title { 5038 font-size: 30px; 5039 font-weight: 800; 5040 color: var(--text-black); 5041 line-height: 1.3; 5042 margin-bottom: 10px; 5043} 5044 5045.sec__dsc { 5046 font-size: 16px; 5047 font-weight: normal; 5048 line-height: 1.4; 5049} 5050 5051.box_wraper { 5052 display: grid; 5053 grid-template-columns: 1fr 1fr; 5054 grid-gap: 20px; 5055} 5056 5057.box_item_wrap { 5058 background: #ffffffd9;
5059 padding: 15px 25px; 5060 border-radius: 10px; 5061 min-height: 175px; 5062 border: 1px solid var(--text-white); 5063 transition: 0.5s; 5064} 5065 5066.box_item_wrap:hover { 5067 transform: translateY(-10px); 5068 background: #fff; 5069 border-color: var(--text-primary); 5070} 5071.box_item_wrap .box_icon { 5072 width: 50px; 5073 height: 50px; 5074 background: #3d8dff1c; 5075 text-align: center; 5076 line-height: 50px; 5077 font-size: 25px; 5078 border-radius: 50px; 5079 color: var(--text-primary); 5080 margin-bottom: 10px; 5081 transition: 0.5s; 5082} 5083.box_item_wrap:hover .box_icon { 5084 background: var(--text-primary); 5085 color: var(--text-white); 5086} 5087.box_item_wrap .box_cont h4 { 5088 margin: 0; 5089 padding: 0; 5090 font-size: 18px; 5091 font-weight: 800; 5092 margin-bottom: 5px; 5093} 5094 5095.box_item_wrap .box_cont p { 5096 font-size: 14px; 5097 color: var(--text-black); 5098 line-height: 1.4; 5099 margin-bottom: 0px; 5100} 5101 5102.box_item_wrap.box_1 { 5103 transform: translateY(25px); 5104} 5105.box_item_wrap.box_1:hover { 5106 transform: translateY(15px); 5107} 5108.box_item_wrap.box_3 { 5109 transform: translateY(25px); 5110} 5111.box_item_wrap.box_3:hover { 5112 transform: translateY(15px); 5113} 5114 5115.box_item_wrap.box_2 { 5116 transform: translateY(-20px); 5117} 5118.box_item_wrap.box_2:hover { 5119 transform: translateY(-30px); 5120} 5121 5122.box_item_wrap.box_4 { 5123 transform: translateY(-20px); 5124} 5125.box_item_wrap.box_4:hover { 5126 transform: translateY(-30px); 5127} 5128 5129/* Services Area Design */ 5130#services_area { 5131 padding: 3rem 0rem; 5132 background: var(--text-white); 5133} 5134.top__title { 5135 color: var(--text-black); 5136 text-align: center; 5137} 5138 5139.top__title h5 { 5140 font-size: 16px; 5141 font-weight: 600; 5142 color: var(--home-hero-top-text); 5143 text-align: center; 5144 margin-bottom: 5px; 5145} 5146.top__title h2 { 5147 font-size: 30px; 5148 font-weight: 800; 5149 color: var(--text-black); 5150 line-height: 1.3; 5151 margin-bottom: 10px; 5152 text-align: center; 5153 margin-bottom: 10px; 5154} 5155.top__title p { 5156 width: 70%; 5157 margin: 0 auto; 5158 font-size: 16px; 5159 font-weight: normal; 5160 line-height: 1.4; 5161 margin-bottom: 15px; 5162} 5163 5164#services__wraper .nav-pills .nav-link, 5165#services__wraper .nav-pills .show > .nav-link { 5166 cursor: pointer; 5167 width: 100px; 5168 padding: 0px; 5169 margin-right: 10px; 5170 background: transparent !important; 5171 border-bottom: 3px solid #ddd; 5172 border-top: none; 5173 border-left: none; 5174 border-right: none; 5175 border-radius: 0px !important; 5176 transition: 0.5s; 5177} 5178#services__wraper .nav-pills .nav-link:focus { 5179 border-top: none; 5180 border-left: none; 5181 border-right: none; 5182 outline: none; 5183} 5184#services__wraper .nav-pills .nav-link:hover, 5185#services__wraper .nav-pills .nav-link { 5186 cursor: pointer !important; 5187} 5188#services__wraper .nav-pills .nav-link.active { 5189 border-color: var(--text-primary); 5190 background: transparent !important; 5191 border-radius: 0px !important; 5192} 5193 5194.tab_content_wraper { 5195 margin-top: 5rem; 5196} 5197 5198.tab_content_wraper .tab__img { 5199 text-align: center; 5200} 5201.tab_content_wraper .tab__content h3 { 5202 font-size: 23px; 5203 font-weight: 800; 5204 margin-bottom: 10px; 5205 color: var(--text-black); 5206} 5207 5208.tab_content_wraper .tab__content p { 5209 font-size: 16px; 5210 color: var(--text-black); 5211 margin-bottom: 10px; 5212} 5213 5214.faqAcc .accordion-item { 5215 margin-bottom: 15px; 5216 border-radius: 10px; 5217 border-bottom: 0px; 5218 box-shadow: 0 0 10px #c6c6c66b; 5219} 5220 5221/* Testimonials styles*/ 5222#testimonialSection { 5223 padding: 5rem 0rem; 5224 color: black; 5225 background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%) !important; 5226 background-repeat: no-repeat; 5227 background-size: cover; 5228 background-attachment: fixed; 5229} 5230 5231#testimonialSection .top__title { 5232 margin-bottom: 20px; 5233} 5234 5235#testimonialSection .testimonial__member .swiper-slide img { 5236 opacity: 0.5; 5237} 5238#testimonialSection 5239 .testimonial__member 5240 .swiper-slide.swiper-slide-active 5241 img { 5242 opacity: 1; 5243} 5244#testimonialSection .testimonial__member { 5245 margin-bottom: 30px; 5246 text-align: center; 5247} 5248 5249#testimonialSection .testimonial__item { 5250 text-align: center; 5251} 5252 5253#testimonialSection .testimonial__item-stars { 5254 color: #2de900; 5255 margin-bottom: 10px; 5256} 5257 5258#testimonialSection .testimonial__item-text { 5259 font-size: 16px; 5260 color: var(--text-white); 5261 margin-bottom: 20px; 5262 min-height: 75px; 5263 max-height: 75px; 5264} 5265 5266#testimonialSection .testimonial__item-name { 5267 font-size: 18px; 5268 font-weight: 800; 5269 color: var(--text-white); 5270 margin-bottom: 3px; 5271} 5272 5273#testimonialSection .testimonial__item-tag { 5274 font-size: 14px; 5275 font-weight: normal; 5276 margin-bottom: 0px; 5277 color: var(--text-white); 5278} 5279#testimonialSection .top__title h2, 5280#testimonialSection .top__title h5, 5281#testimonialSection .top__title { 5282 color: #fff !important; 5283} 5284 5285/* Payment systems */ 5286 5287#payment { 5288 padding: 5rem 0rem; 5289} 5290 5291#paymentSlider, 5292#paymentSlider .payment { 5293 overflow: hidden; 5294} 5295 5296#paymentSlider { 5297 margin-top: 30px; 5298} 5299 5300/* User Status */ 5301 5302.status_card { 5303 padding: 10px; 5304 background: #ececec; 5305 border-radius: 10px; 5306} 5307.nightmode .status_card { 5308 background: #131a25; 5309} 5310.status_head { 5311 background: #fff; 5312 padding: 10px; 5313 border-radius: 15px; 5314 display: flex; 5315 height: 72px; 5316 align-items: center; 5317 justify-content: space-between; 5318} 5319.nightmode .status_head { 5320 background: #1e293b; 5321} 5322.nightmode .text_status .text_big { 5323 color: var(--text-white); 5324} 5325.text_status { 5326 width: 70%; 5327} 5328.amount_status { 5329 text-align: center; 5330 width: 28%; 5331 background: var(--text-primary); 5332 border-radius: 15px; 5333 display: flex; 5334 height: 35px; 5335 justify-content: center; 5336 align-items: center; 5337 font-size: 20px; 5338 font-weight: bolder; 5339 color: #fff; 5340} 5341.text_status .text_big { 5342 font-weight: 900; 5343 font-size: 25px; 5344} 5345 5346.text_status .text_info { 5347 font-size: 11px; 5348 font-weight: 400; 5349 margin: 0; 5350} 5351.acStatusModal { 5352 width: 85%; 5353} 5354 5355@media (max-width: 800px) { 5356 .acStatusModal { 5357 width: 98%; 5358 } 5359} 5360 5361/* Sign Up */ 5362#signup .card_v2 { 5363 border: 2px solid #ddd; 5364 background: #e8ebee21; 5365} 5366
5367.signup_title { 5368 text-align: center; 5369 margin-bottom: 35px; 5370} 5371 5372.signup_title h1 { 5373 font-size: 35px; 5374 font-weight: 800; 5375} 5376 5377.signup_title p { 5378 font-size: 14px; 5379 font-weight: normal; 5380 margin-bottom: 20px; 5381} 5382 5383/* 5384* 5385* Home Responsive 5386* 5387*/ 5388 5389@media only screen and (max-width: 992px) { 5390 #banner { 5391 height: 500px; 5392 min-height: 500px; 5393 } 5394 .banner_img { 5395 min-height: 400px; 5396 } 5397 .banner_title .smallest_title { 5398 font-size: 14px; 5399 padding: 7px 13px; 5400 } 5401 .banner_title h1 { 5402 font-size: 18px; 5403 } 5404 .banner_title p { 5405 font-size: 12px; 5406 } 5407 .btn__home { 5408 font-size: 14px; 5409 padding: 8px 10px; 5410 border-radius: 5px; 5411 } 5412 .boost__media .media_icons { 5413 margin-top: 5px; 5414 margin-bottom: 5px; 5415 } 5416 .boost__media .media_icons img { 5417 width: 40px; 5418 } 5419} 5420 5421@media only screen and (max-width: 768px) { 5422 .banner_title { 5423 text-align: center; 5424 margin-top: 25px; 5425 } 5426 .banner_btn { 5427 align-items: center; 5428 justify-content: center; 5429 } 5430 .banner_title h1 { 5431 font-size: 30px; 5432 } 5433 .banner_title p { 5434 font-size: 15px; 5435 } 5436 .btn__home { 5437 font-size: 14px; 5438 padding: 10px 15px; 5439 border-radius: 10px; 5440 } 5441 #banner { 5442 height: auto; 5443 min-height: auto; 5444 background-position: right; 5445 } 5446 .form_group { 5447 margin-bottom: 10px; 5448 } 5449 .instantMneu { 5450 margin-top: 10px; 5451 margin-bottom: 20px; 5452 } 5453 .instantMneu .col-2 { 5454 margin-right: 10px; 5455 } 5456 .login__wrapper { 5457 padding: 20px 15px; 5458 } 5459} 5460 5461@media only screen and (max-width: 550px) { 5462 .banner_title { 5463 text-align: center; 5464 margin-top: 25px; 5465 } 5466 .banner_btn { 5467 align-items: center; 5468 justify-content: center; 5469 } 5470 .banner_title h1 { 5471 font-size: 30px; 5472 } 5473 .banner_title p { 5474 font-size: 15px; 5475 } 5476 .btn__home { 5477 font-size: 14px; 5478 padding: 10px 15px; 5479 border-radius: 10px; 5480 } 5481 #banner { 5482 height: auto; 5483 min-height: auto; 5484 background-position: right; 5485 padding-top: 80px !important; 5486 } 5487 .boost__media { 5488 display: none; 5489 } 5490 .login__box { 5491 padding: 10px 10px; 5492 margin-bottom: 50px; 5493 } 5494 .login__box h2 { 5495 font-size: 23px; 5496 margin-bottom: 8px; 5497 } 5498 .cheap_title h2 { 5499 font-size: 22px; 5500 text-align: center; 5501 } 5502 .cheap_title p { 5503 text-align: center; 5504 } 5505 .form_icon { 5506 width: 45px; 5507 height: 45px; 5508 font-size: 18px; 5509 border-radius: 12px; 5510 } 5511 5512 .form_group .form-control { 5513 height: 55px; 5514 padding-left: 50px; 5515 } 5516 .item_memes { 5517 width: 50px; 5518 height: 50px; 5519 font-size: 18px; 5520 } 5521 .btn__home { 5522 height: 50px; 5523 } 5524 .instantMneu { 5525 margin-top: 0px; 5526 margin-bottom: 8px; 5527 } 5528 .signup_title h1 { 5529 font-size: 25px; 5530 } 5531 .signup_title { 5532 margin-bottom: 25px; 5533 } 5534 .dropdown.dropdown-currencies > a { 5535 5536 } 5537 .user_settings { 5538 gap: 7px; 5539 } 5540 .counter_icon .item_cart.img-fluid { 5541 width: 70px; 5542 margin-bottom: 8px; 5543 } 5544 .counter_count h4 { 5545 font-size: 22px; 5546 } 5547 .counter_count h5 { 5548 font-size: 14px; 5549 } 5550 .cheap_title p { 5551 font-size: 14px; 5552 } 5553 .more_item .icon { 5554 width: 35px; 5555 height: 35px; 5556 line-height: 35px; 5557 font-size: 18px; 5558 } 5559 .more_item h4 { 5560 font-size: 16px; 5561 } 5562 .btn__home { 5563 height: 50px; 5564 display: flex; 5565 align-items: center; 5566 justify-content: center; 5567 } 5568 5569 .sec__title__wrap { 5570 text-align: center; 5571 } 5572 5573 .sec__title { 5574 font-size: 20px; 5575 } 5576 5577 .sec__dsc { 5578 font-size: 14px; 5579 } 5580 5581 .box_wraper { 5582 grid-template-columns: 1fr; 5583 } 5584 5585 .box_item_wrap { 5586 transform: translateX(0) !important; 5587 } 5588 5589 .top__title p { 5590 width: 100%; 5591 } 5592 5593 #services__wraper .nav-pills .nav-link, 5594 #services__wraper .nav-pills .show > .nav-link { 5595 width: 40px; 5596 } 5597 5598 .tab_content_wraper .tab__img { 5599 width: 70%; 5600 margin: 0 auto; 5601 margin-bottom: 14px; 5602 } 5603 5604 .tab__content { 5605 text-align: center; 5606 } 5607 5608 .tab_content_wraper { 5609 margin-top: 2rem; 5610 } 5611 .tab_content_wraper .tab__content h3 { 5612 font-size: 22px; 5613 } 5614 .top__title h2 { 5615 font-size: 20px; 5616 } 5617 .top__title p { 5618 font-size: 14px; 5619 } 5620 .footer_links_wrap { 5621 margin: 0px; 5622 margin-bottom: 10px; 5623 } 5624} 5625 5626.gizli { 5627 display: none !important; 5628} 5629span.servicesId { 5630 background: #3d8dff; 5631 padding: 0px 10px; 5632 color: #fff; 5633 border-radius: 50px; 5634 font-size: 14px; 5635} 5636 5637.dropdown.dropdown-currencies > a { 5638 text-decoration: none; 5639 color: #fff; 5640 5641} 5642.dropdown.dropdown-currencies .dropdown-toggle::after { 5643 display: none; 5644} 5645 5646.dropdown.dropdown-currencies > ul > li > a { 5647 font-size: 14px; 5648 text-decoration: none; 5649 padding: 5px 10px; 5650 display: block; 5651 margin-bottom: 2px; 5652 border-bottom: 1px solid #ddd; 5653 color: #232323; 5654 transition: 0.5s; 5655} 5656 5657.dropdown.dropdown-currencies > ul > li > a:hover { 5658 background: #ddd; 5659} 5660.nightmode .dropdown.dropdown-currencies > ul > li > a:hover { 5661 background: #14244a; 5662} 5663 5664.input-group .btn { 5665 z-index: 0 !important; 5666} 5667 5668a { 5669 text-decoration: none; 5670} 5671.nightmode a { 5672 color: var(--text-white); 5673} 5674.currency_changer > li { 5675 list-style-type: none; 5676} 5677.currency_changer > li > a { 5678 display: block; 5679 text-decoration: none; 5680 color: #232323; 5681 font-size: 18px; 5682 background: #ddd; 5683 padding: 3px 8px; 5684 border-radius: 5px; 5685 margin-bottom: 5px; 5686 transition: 0.5s; 5687} 5688.currency_changer > li > a:hover { 5689 background: var(--text-primary); 5690 color: var(--text-white); 5691} 5692.nightmode .offcanvas { 5693 background: var(--bg-sidebar-night); 5694} 5695 5696.nightmode .currency_changer > li > a { 5697 background: var(--dark-bg-input); 5698 color: #fff; 5699} 5700 5701.nightmode .currency_changer > li > a:hover { 5702 background: var(--dark-text-primary); 5703} 5704 5705.nightmode #ticketTable th, 5706.nightmode #ticketTable td { 5707 color: var(--text-white) !important; 5708} 5709 5710.nightmode .modal-content { 5711 background: var(--bg-sidebar-night) !important; 5712} 5713 5714.nightmode .btn-close { 5715 filter: invert(1); 5716} 5717 5718.input-group.ticketPage { 5719 position: relative; 5720 display: flex; 5721 flex-wrap: wrap; 5722 align-items: stretch; 5723 width: max-content; 5724 float: right; 5725 height: 45px; 5726} 5727 5728.ticket-badges { 5729 display: inline-block; 5730 background: #ddd; 5731 padding: 3px 20px; 5732 border-radius: 50px; 5733} 5734 5735.ticket-badges.Pending { 5736 background: var(--badges-pending); 5737 color: var(--text-white); 5738} 5739.ticket-badges.Answered { 5740 background: var(--badges-completed); 5741 color: var(--text-white); 5742} 5743.ticket-badges.Closed { 5744 background: var(--badges-canceled); 5745 color: var(--text-white); 5746} 5747 5748/* Sevice page modal design */ 5749 5750.serv_modal_close { 5751 position: absolute; 5752 width: 40px; 5753 height: 40px; 5754 background: var(--dark-text-primary); 5755 top: 15px; 5756 right: 15px; 5757 border-radius: 50px; 5758 z-index: 9; 5759 opacity: 1; 5760 color: #fff; 5761 border: none; 5762} 5763 5764.servicesHead { 5765 min-height: 250px; 5766 background: linear-gradient( 5767 rgba(221, 221, 221, 5%), 5768 rgba(221, 221, 221, 5%) 5769 ), 5770 linear-gradient(rgba(221, 221, 221, 5%), rgba(221, 221, 221, 5%)), 5771 url(""); 5772 background-position: bottom; 5773 background-size: cover; 5774 background-repeat: no-repeat; 5775 text-align: center; 5776 padding-top: 50px; 5777 border-radius: 20px 20px 0px 0px; 5778} 5779
5780#servDescriptionDialog .modal-body { 5781 padding: 0; 5782} 5783 5784#servId { 5785 font-size: 18px; 5786 background: var(--text-primary); 5787 padding: 5px 30px; 5788 display: inline-block; 5789 border-radius: 50px; 5790 color: #fff; 5791 font-weight: bold; 5792} 5793 5794#servDescriptionDialog .modal-content { 5795 border-radius: 20px; 5796 border: none; 5797} 5798#serv_names { 5799 display: inline-block; 5800 width: 90%; 5801 font-size: 18px; 5802 font-weight: 800; 5803 color: #232323; 5804 margin: 0 auto; 5805 margin-top: 10px; 5806} 5807 5808#serv_details { 5809 width: 85%; 5810 margin: 0 auto; 5811 background: #f3f1f1; 5812 margin-top: -50px; 5813 padding: 15px; 5814 border-radius: 20px; 5815 box-shadow: 0 0 10px #1e1e1e63; 5816} 5817 5818.serv_more_infos { 5819 display: grid; 5820 grid-template-columns: 1fr 1fr 1fr; 5821 padding-top: 50px; 5822 padding-bottom: 30px; 5823 width: 95%; 5824 margin: 0 auto; 5825} 5826.buyNOwBtn { 5827 width: 85%; 5828 margin: 0 auto; 5829 padding-bottom: 20px; 5830} 5831#buyNow { 5832 width: 100%; 5833 background: var(--text-primary); 5834 display: block; 5835 padding: 10px 30px; 5836 border-radius: 50px; 5837 text-align: center; 5838 color: #fff; 5839 font-size: 18px; 5840 font-weight: bold; 5841} 5842 5843.ser_more_item { 5844 text-align: center; 5845 display: flex; 5846 flex-direction: column; 5847 align-items: center; 5848 gap: 15px; 5849} 5850 5851.serv_more_icon { 5852 width: 75px; 5853 height: 75px; 5854 background: linear-gradient(#814df7, #361187); 5855 color: #fff; 5856 font-size: 35px; 5857 line-height: 75px; 5858 border-radius: 50px; 5859 box-shadow: inset 0 0 10px #dddddd70; 5860} 5861 5862.more_infos h5 { 5863 font-size: 16px; 5864 font-weight: bold; 5865 margin: 0; 5866 color: var(--text-black); 5867} 5868 5869.more_infos > span { 5870 font-size: 20px; 5871 font-weight: 800; 5872 color: #d92d53; 5873} 5874 5875.authorized.nightmode .modal-content { 5876 background: var(--bg-sidebar-night); 5877} 5878 5879.authorized.nightmode #serv_names { 5880 color: var(--text-white); 5881} 5882 5883.authorized.nightmode #serv_details { 5884 background: var(--dark-bg-input); 5885 color: #fff !important; 5886} 5887 5888.authorized.nightmode #buyNow { 5889 background: var(--dark-text-primary); 5890} 5891 5892.authorized.nightmode .more_infos h5 { 5893 color: #fff; 5894} 5895.authorized.nightmode .serv_more_icon { 5896 background: linear-gradient(#f9446c, #d92d53); 5897} 5898@media (min-width: 576px) { 5899 #servDescriptionDialog { 5900 max-width: 600px; 5901 } 5902} 5903 5904@media (max-width: 576px) { 5905 .more_infos h5 { 5906 font-size: 13px; 5907 } 5908 .more_infos > span { 5909 font-size: 16px; 5910 } 5911 .servicesHead { 5912 min-height: 200px; 5913 padding-top: 10px; 5914 } 5915 .serv_modal_close { 5916 width: 30px; 5917 height: 30px; 5918 } 5919 5920 .serv_more_infos { 5921 padding-top: 15px; 5922 padding-bottom: 15px; 5923 } 5924 .serv_more_icon { 5925 width: 60px; 5926 line-height: 60px; 5927 font-size: 20px; 5928 height: 60px; 5929 } 5930 #serv_details { 5931 font-size: 14px; 5932 } 5933 .logo_off_nav { 5934 width: 150px; 5935 } 5936} 5937 5938/* Sevice page modal design */ 5939 5940.serv_modal_close { 5941 position: absolute; 5942 width: 40px; 5943 height: 40px; 5944 background: var(--dark-text-primary); 5945 top: 15px; 5946 right: 15px; 5947 border-radius: 50px; 5948 z-index: 9; 5949 opacity: 1; 5950 color: #fff; 5951 border: none; 5952} 5953 5954.servicesHead { 5955 min-height: 250px; 5956 background: linear-gradient( 5957 rgba(221, 221, 221, 5%), 5958 rgba(221, 221, 221, 5%) 5959 ), 5960 linear-gradient(rgba(221, 221, 221, 5%), rgba(221, 221, 221, 5%)), 5961 url(https://cdn.mypanel.link/770smr/08xz2nr05ora49hs.png); 5962 background-position: bottom; 5963 background-size: cover; 5964 background-repeat: no-repeat; 5965 text-align: center; 5966 padding-top: 50px; 5967 border-radius: 20px 20px 0px 0px; 5968} 5969 5970#servDescriptionDialog .modal-body { 5971 padding: 0; 5972} 5973 5974#servId { 5975 font-size: 18px; 5976 background: var(--text-primary); 5977 padding: 5px 30px; 5978 display: inline-block; 5979 border-radius: 50px; 5980 color: #fff; 5981 font-weight: bold; 5982} 5983 5984#servDescriptionDialog .modal-content { 5985 border-radius: 20px; 5986 border: none; 5987} 5988#serv_names { 5989 display: inline-block; 5990 width: 90%; 5991 font-size: 18px; 5992 font-weight: 800; 5993 color: #232323; 5994 margin: 0 auto; 5995 margin-top: 10px; 5996} 5997 5998#serv_details { 5999 width: 85%; 6000 margin: 0 auto; 6001 background: #f3f1f1; 6002 margin-top: -50px; 6003 padding: 15px; 6004 border-radius: 20px; 6005 box-shadow: 0 0 10px #1e1e1e63; 6006} 6007 6008.serv_more_infos { 6009 display: grid; 6010 grid-template-columns: 1fr 1fr 1fr; 6011 padding-top: 50px; 6012 padding-bottom: 30px; 6013 width: 95%; 6014 margin: 0 auto; 6015} 6016.buyNOwBtn { 6017 width: 85%; 6018 margin: 0 auto; 6019 padding-bottom: 20px; 6020} 6021#buyNow { 6022 width: 100%; 6023 background: var(--text-primary); 6024 display: block; 6025 padding: 10px 30px; 6026 border-radius: 50px; 6027 text-align: center; 6028 color: #fff; 6029 font-size: 18px; 6030 font-weight: bold; 6031} 6032 6033.ser_more_item { 6034 text-align: center; 6035 display: flex; 6036 flex-direction: column; 6037 align-items: center; 6038 gap: 15px; 6039} 6040 6041.serv_more_icon { 6042 width: 75px; 6043 height: 75px; 6044 background: var(--text-primary); 6045 color: #fff; 6046 font-size: 35px; 6047 line-height: 75px; 6048 border-radius: 50px; 6049 box-shadow: inset 0 0 10px #dddddd70; 6050} 6051 6052.more_infos h5 { 6053 font-size: 16px; 6054 font-weight: bold; 6055 margin: 0; 6056 color: var(--text-black); 6057} 6058 6059.more_infos > span { 6060 font-size: 20px; 6061 font-weight: 800; 6062 color: var(--dark-text-primary); 6063} 6064 6065.authorized.nightmode .modal-content { 6066 background: var(--bg-sidebar-night); 6067} 6068 6069.authorized.nightmode #serv_names { 6070 color: var(--text-white); 6071} 6072 6073.authorized.nightmode #serv_details { 6074 background: var(--dark-bg-input); 6075 color: #fff !important; 6076} 6077 6078.authorized.nightmode #buyNow { 6079 background: var(--dark-text-primary); 6080} 6081 6082.authorized.nightmode .more_infos h5 { 6083 color: #fff; 6084} 6085.authorized.nightmode .serv_more_icon { 6086 background: var(--dark-text-primary); 6087} 6088/* Footer Design Started */ 6089 6090footer { 6091 padding: 2rem 0; 6092 background: #100d1f; 6093} 6094.footer__manger { 6095 background: #1d1835; 6096 padding: 20px; 6097 border-radius: 15px; 6098} 6099 6100.info__item { 6101 display: flex; 6102 gap: 10px; 6103 color: #fff; 6104 margin-bottom: 10px; 6105 word-break: break-all; 6106} 6107 6108.info__item .icon { 6109 color: #fff; 6110 font-size: 18px; 6111} 6112 6113.info__item .info_text { 6114 font-size: 16px; 6115 color: #fff; 6116 text-decoration: none; 6117} 6118 6119.footer_links_wrap { 6120 margin-top: 20px; 6121 margin-left: 15px; 6122} 6123.footer_links_wrap h4 { 6124 font-size: 22px; 6125 font-weight: 800; 6126 color: #fff; 6127 margin-bottom: 10px; 6128} 6129 6130.footer_links_wrap .footer_link a { 6131 display: block; 6132 color: #fff; 6133 margin-bottom: 8px; 6134 transition: 0.5s; 6135} 6136 6137.footer_links_wrap .footer_link a:hover { 6138 transform: translateX(10px); 6139 color: var(--text-primary); 6140} 6141 6142.footer_links_wrap .icon { 6143 display: inline-block; 6144 width: 40px; 6145 height: 40px; 6146 background: #ffffff1f; 6147 border-radius: 50px; 6148 text-align: center; 6149 line-height: 40px; 6150 margin-right: 5px; 6151 color: #fff; 6152 transition: 0.5s; 6153} 6154.footer_links_wrap .icon:hover { 6155 background: var(--text-primary); 6156} 6157 6158.hr_primary { 6159 background: var(--text-white); 6160 height: 2px !important; 6161 opacity: 0.7; 6162} 6163 6164@media (min-width: 576px) { 6165 #servDescriptionDialog { 6166 max-width: 600px; 6167 } 6168} 6169 6170@media (max-width: 576px) { 6171 .more_infos h5 { 6172 font-size: 13px; 6173 } 6174 .more_infos > span { 6175 font-size: 16px; 6176 } 6177 .servicesHead { 6178 min-height: 200px; 6179 padding-top: 10px; 6180 } 6181 .serv_modal_close { 6182 width: 30px; 6183 height: 30px; 6184 } 6185 6186 .serv_more_infos { 6187 padding-top: 15px; 6188 padding-bottom: 15px; 6189 } 6190 .serv_more_icon { 6191 width: 60px; 6192 line-height: 60px; 6193 font-size: 20px; 6194 height: 60px; 6195 } 6196 #serv_details { 6197 font-size: 14px; 6198 } 6199 .logo_off_nav { 6200 width: 150px; 6201 } 6202} 6203 6204/* NAVIGATION BAR FIXING */ 6205.navbar { 6206 6207 6208 6209 top: 0; 6210 width: 100%; 6211 background: transparent !important; 6212 padding-top: 15px; 6213 padding-bottom: 15px; 6214 border-bottom: 2px solid #ddd; 6215 background: #ffffff38 !important; 6216 z-index: 999; 6217 transition: 0.5s; 6218} 6219 6220.navbar.bodyscrolled { 6221 background: !important; 6222 6223 padding-bottom: 0px !important; 6224 backdrop-filter: blur(15px); 6225} 6226 6227.select2-container { 6228 box-sizing: border-box; 6229 display: inline-block; 6230 margin: 0; 6231 position: relative; 6232 vertical-align: middle; 6233} 6234.select2-container .select2-selection--single { 6235 box-sizing: border-box; 6236 cursor: pointer; 6237 display: block; 6238 user-select: none; 6239 -webkit-user-select: none; 6240 height: auto; 6241} 6242 6243.select2-container .select2-selection__icon { 6244 margin-right: 6px; 6245} 6246 6247.select2-container .select2-selection__text { 6248 display: inline; 6249 vertical-align: middle; 6250} 6251 6252.select2-container .dropdown-menu > li > a { 6253 white-space: inherit; 6254} 6255 6256.select2-container .select2-results__message { 6257 padding-left: 15px; 6258 padding-right: 15px; 6259} 6260 6261.select2-container .select2-selection__icon img { 6262 max-width: calc(1em + 3px); 6263 max-height: calc(1em + 3px); 6264} 6265.select2-container .select2-selection__id-1 { 6266 min-width: 22px; 6267} 6268 6269.select2-container .select2-selection__id-2 { 6270 min-width: 30px; 6271} 6272 6273.select2-container .select2-selection__id-3 { 6274 min-width: 38px; 6275} 6276 6277.select2-container .select2-selection__id-4 { 6278 min-width: 45px; 6279} 6280 6281.select2-container .select2-selection__id-5 { 6282 min-width: 52px; 6283} 6284 6285.select2-container .select2-selection__id-6 { 6286 min-width: 60px; 6287} 6288 6289.select2-container 6290 .select2-selection--single 6291 .select2-selection__rendered { 6292 display: block; 6293 overflow: hidden; 6294 text-overflow: ellipsis; 6295 white-space: nowrap; 6296} 6297.select2-container .select2-selection--single .select2-selection__clear { 6298 position: relative; 6299} 6300.select2-container .select2-selection--multiple { 6301 box-sizing: border-box; 6302 cursor: pointer; 6303 display: block; 6304 min-height: 32px; 6305 user-select: none; 6306 -webkit-user-select: none; 6307} 6308.select2-container 6309 .select2-selection--multiple 6310 .select2-selection__rendered { 6311 display: inline-block; 6312 overflow: hidden; 6313 padding-left: 8px; 6314 text-overflow: ellipsis; 6315 white-space: nowrap; 6316} 6317.select2-container .select2-search--inline { 6318 float: left; 6319} 6320 6321.select2-dropdown { 6322 display: block !important; 6323 position: absolute; 6324 left: -100000px; 6325 width: 100%; 6326 z-index: 5; 6327 margin-top: 0px !important; 6328} 6329 6330.select2-results { 6331 display: block; 6332} 6333 6334.select2-results__options { 6335 list-style: none !important; 6336 margin: 0 !important; 6337 padding: 0 !important; 6338 display: block !important; 6339 width: 100%; 6340 position: relative !important; 6341 box-shadow: none !important; 6342 border-radius: 0px !important; 6343 border: none !important; 6344} 6345 6346.select2-results__option { 6347 display: block; 6348 clear: both; 6349 font-weight: 400; 6350 line-height: 1.42857143; 6351 color: #333; 6352 user-select: none; 6353 -webkit-user-select: none; 6354} 6355 6356.select2-results__option a { 6357 display: block; 6358 padding: 3px 20px; 6359 clear: both; 6360 font-weight: normal; 6361 line-height: 1.42857143; 6362 color: #333; 6363 text-decoration: none; 6364} 6365 6366.select2-results__option[aria-selected] { 6367 cursor: pointer; 6368} 6369 6370.select2-container--open .select2-dropdown { 6371 left: 0; 6372} 6373 6374.select2-container--open .select2-dropdown--above { 6375 border-bottom: none; 6376 border-bottom-left-radius: 0; 6377 border-bottom-right-radius: 0; 6378} 6379 6380.select2-container--open .select2-dropdown--below { 6381 border-top: none; 6382 border-top-left-radius: 0; 6383 border-top-right-radius: 0; 6384} 6385 6386.select2-search--dropdown { 6387 display: block; 6388 padding: 8px; 6389 position: relative; 6390} 6391.select2-search--dropdown.select2-search--hide { 6392 display: none; 6393} 6394.select2-search__field { 6395 padding-left: 28px; 6396} 6397 6398.select2-search__field-wrapper { 6399 position: relative; 6400} 6401.select2-search__field-icon { 6402 position: absolute; 6403 height: 100%; 6404 min-height: 100%; 6405 padding-left: 8px; 6406 display: flex; 6407 align-items: center; 6408} 6409 6410.select2-search__field-icon span { 6411 vertical-align: middle; 6412 display: table-cell; 6413} 6414 6415.select2-close-mask { 6416 border: 0; 6417 margin: 0; 6418 padding: 0; 6419 display: block; 6420 position: fixed; 6421 left: 0; 6422 top: 0; 6423 min-height: 100%; 6424 min-width: 100%; 6425 height: auto; 6426 width: auto; 6427 opacity: 0; 6428 z-index: 99; 6429 background-color: #fff; 6430 filter: alpha(opacity=0); 6431} 6432 6433.select2-hidden-accessible { 6434 border: 0 !important; 6435 clip: rect(0 0 0 0) !important; 6436 height: 1px !important; 6437 margin: -1px !important; 6438 overflow: hidden !important; 6439 padding: 0 !important; 6440 position: absolute !important; 6441 width: 1px !important; 6442} 6443 6444.select2-container--default .select2-selection--single { 6445} 6446.select2-container--default 6447 .select2-selection--single 6448 .select2-selection__rendered { 6449} 6450.select2-container--default 6451 .select2-selection--single 6452 .select2-selection__clear { 6453 cursor: pointer; 6454 float: right; 6455 font-weight: bold; 6456} 6457.select2-container--default 6458 .select2-selection--single 6459 .select2-selection__placeholder { 6460 color: #999; 6461} 6462.select2-container--default 6463 .select2-selection--single 6464 .select2-selection__arrow { 6465 height: 100%; 6466 position: absolute; 6467 top: 0px; 6468 right: 1px;
6469 width: 20px; 6470} 6471.select2-container--default 6472 .select2-selection--single 6473 .select2-selection__arrow 6474 b { 6475 border-color: #888 transparent transparent transparent; 6476 border-style: solid; 6477 border-width: 5px 4px 0 4px; 6478 height: 0; 6479 left: 50%; 6480 margin-left: -4px; 6481 margin-top: -2px; 6482 position: absolute; 6483 top: 50%; 6484 width: 0; 6485} 6486 6487.select2-container--default.select2-container--disabled 6488 .select2-selection--single { 6489 background-color: #eee; 6490 cursor: default; 6491} 6492.select2-container--default.select2-container--disabled 6493 .select2-selection--single 6494 .select2-selection__clear { 6495 display: none; 6496} 6497 6498.select2-container--default.select2-container--open 6499 .select2-selection--single 6500 .select2-selection__arrow 6501 b { 6502 border-color: transparent transparent #888 transparent; 6503 border-width: 0 4px 5px 4px; 6504} 6505 6506.select2-container--default .select2-selection--multiple { 6507 background-color: white; 6508 border: 1px solid #aaa; 6509 border-radius: 4px; 6510 cursor: text; 6511} 6512.select2-container--default 6513 .select2-selection--multiple 6514 .select2-selection__rendered { 6515 box-sizing: border-box; 6516 list-style: none; 6517 margin: 0; 6518 padding: 0 5px; 6519 width: 100%; 6520} 6521.select2-container--default 6522 .select2-selection--multiple 6523 .select2-selection__placeholder { 6524 color: #999; 6525 margin-top: 5px; 6526 float: left; 6527} 6528.select2-container--default 6529 .select2-selection--multiple 6530 .select2-selection__clear { 6531 cursor: pointer; 6532 float: right; 6533 font-weight: bold; 6534 margin-top: 5px; 6535 margin-right: 10px; 6536} 6537.select2-container--default 6538 .select2-selection--multiple 6539 .select2-selection__choice { 6540 background-color: #e4e4e4; 6541 border: 1px solid #aaa; 6542 border-radius: 4px; 6543 cursor: default; 6544 float: left; 6545 margin-right: 5px; 6546 margin-top: 5px; 6547 padding: 0 5px; 6548} 6549.select2-container--default 6550 .select2-selection--multiple 6551 .select2-selection__choice__remove { 6552 color: #999; 6553 cursor: pointer; 6554 display: inline-block; 6555 font-weight: bold; 6556 margin-right: 2px; 6557} 6558.select2-container--default 6559 .select2-selection--multiple 6560 .select2-selection__choice__remove:hover {
6561 color: #333; 6562} 6563 6564.select2-container--default.select2-container--focus 6565 .select2-selection--multiple { 6566 border: solid black 1px; 6567 outline: 0; 6568} 6569 6570.select2-container--default.select2-container--disabled 6571 .select2-selection--multiple { 6572 background-color: #eee; 6573 cursor: default; 6574} 6575 6576.select2-container--default.select2-container--disabled 6577 .select2-selection__choice__remove { 6578 display: none; 6579} 6580 6581.select2-container--default.select2-container--open.select2-container--above 6582 .select2-selection--single, 6583.select2-container--default.select2-container--open.select2-container--above 6584 .select2-selection--multiple { 6585 border-top-left-radius: 0; 6586 border-top-right-radius: 0; 6587} 6588 6589.select2-container--default.select2-container--open.select2-container--below 6590 .select2-selection--single, 6591.select2-container--default.select2-container--open.select2-container--below 6592 .select2-selection--multiple { 6593 border-bottom-left-radius: 0; 6594 border-bottom-right-radius: 0; 6595} 6596 6597.select2-container--default .select2-results > .select2-results__options { 6598 max-height: 320px; 6599 overflow-y: auto; 6600} 6601 6602.select2-container--default .select2-results__option[role="group"] { 6603 padding: 0; 6604} 6605 6606.select2-container--default 6607 .select2-results__option[aria-disabled="true"] { 6608 color: #999; 6609} 6610 6611.select2-container--default 6612 .select2-results__option[aria-selected="true"] { 6613 background-color: #ddd; 6614} 6615 6616.select2-container--default 6617 .select2-results__option 6618 .select2-results__option { 6619 padding-left: 1em; 6620} 6621.select2-container--default 6622 .select2-results__option 6623 .select2-results__option 6624 .select2-results__group { 6625 padding-left: 0; 6626} 6627.select2-container--default 6628 .select2-results__option 6629 .select2-results__option 6630 .select2-results__option { 6631 margin-left: -1em; 6632 padding-left: 2em; 6633} 6634.select2-container--default 6635 .select2-results__option 6636 .select2-results__option 6637 .select2-results__option 6638 .select2-results__option { 6639 margin-left: -2em; 6640 padding-left: 3em; 6641} 6642.select2-container--default 6643 .select2-results__option 6644 .select2-results__option 6645 .select2-results__option 6646 .select2-results__option 6647 .select2-results__option { 6648 margin-left: -3em; 6649 padding-left: 4em; 6650} 6651.select2-container--default 6652 .select2-results__option 6653 .select2-results__option 6654 .select2-results__option 6655 .select2-results__option 6656 .select2-results__option 6657 .select2-results__option { 6658 margin-left: -4em; 6659 padding-left: 5em; 6660} 6661.select2-container--default 6662 .select2-results__option 6663 .select2-results__option 6664 .select2-results__option 6665 .select2-results__option 6666 .select2-results__option 6667 .select2-results__option 6668 .select2-results__option { 6669 margin-left: -5em; 6670 padding-left: 6em; 6671} 6672 6673.select2-container--default .select2-results__group { 6674 cursor: default; 6675 display: block; 6676 padding: 6px; 6677} 6678 6679.select2-container--classic .select2-selection--single { 6680 background-color: #f7f7f7; 6681 border: 1px solid #aaa; 6682 border-radius: 4px; 6683 outline: 0; 6684 background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); 6685 background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); 6686 background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); 6687 background-repeat: repeat-x; 6688 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); 6689} 6690.select2-container--classic .select2-selection--single:focus { 6691 border: 1px solid #5897fb; 6692} 6693.select2-container--classic 6694 .select2-selection--single 6695 .select2-selection__rendered { 6696 color: #444; 6697 line-height: 28px; 6698} 6699.select2-container--classic 6700 .select2-selection--single 6701 .select2-selection__clear { 6702 cursor: pointer; 6703 float: right; 6704 font-weight: bold; 6705 margin-right: 10px; 6706} 6707.select2-container--classic 6708 .select2-selection--single 6709 .select2-selection__placeholder { 6710 color: #999; 6711} 6712.select2-container--classic 6713 .select2-selection--single 6714 .select2-selection__arrow { 6715 background-color: #ddd; 6716 border: none; 6717 border-left: 1px solid #aaa; 6718 border-top-right-radius: 4px; 6719 border-bottom-right-radius: 4px; 6720 height: 26px; 6721 position: absolute; 6722 top: 1px; 6723 right: 1px; 6724 width: 20px; 6725 background-image: -webkit-linear-gradient( 6726 top, 6727 #eeeeee 50%, 6728 #cccccc 100% 6729 ); 6730 background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); 6731 background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); 6732 background-repeat: repeat-x; 6733 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); 6734} 6735.select2-container--classic 6736 .select2-selection--single 6737 .select2-selection__arrow 6738 b { 6739 border-color: #888 transparent transparent transparent; 6740 border-style: solid; 6741 border-width: 5px 4px 0 4px; 6742 height: 0; 6743 left: 50%; 6744 margin-left: -4px; 6745 margin-top: -2px; 6746 position: absolute; 6747 top: 50%; 6748 width: 0; 6749} 6750 6751.select2-container--classic.select2-container--open 6752 .select2-selection--single { 6753 border: 1px solid #5897fb; 6754} 6755.select2-container--classic.select2-container--open 6756 .select2-selection--single 6757 .select2-selection__arrow { 6758 background: transparent; 6759 border: none; 6760} 6761.select2-container--classic.select2-container--open 6762 .select2-selection--single 6763 .select2-selection__arrow 6764 b { 6765 border-color: transparent transparent #888 transparent; 6766 border-width: 0 4px 5px 4px; 6767} 6768 6769.select2-container--classic.select2-container--open.select2-container--above 6770 .select2-selection--single { 6771 border-top: none; 6772 border-top-left-radius: 0; 6773 border-top-right-radius: 0; 6774 background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); 6775 background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); 6776 background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); 6777 background-repeat: repeat-x; 6778 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); 6779} 6780 6781.select2-container--classic.select2-container--open.select2-container--below 6782 .select2-selection--single { 6783 border-bottom: none; 6784 border-bottom-left-radius: 0; 6785 border-bottom-right-radius: 0; 6786 background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); 6787 background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); 6788 background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); 6789 background-repeat: repeat-x; 6790 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); 6791} 6792 6793.select2-container--classic .select2-selection--multiple { 6794 background-color: white; 6795 border: 1px solid #aaa; 6796 border-radius: 4px; 6797 cursor: text; 6798 outline: 0; 6799} 6800.select2-container--classic .select2-selection--multiple:focus { 6801 border: 1px solid #5897fb; 6802} 6803.select2-container--classic 6804 .select2-selection--multiple 6805 .select2-selection__rendered { 6806 list-style: none; 6807 margin: 0; 6808 padding: 0 5px; 6809} 6810.select2-container--classic 6811 .select2-selection--multiple 6812 .select2-selection__clear { 6813 display: none; 6814} 6815.select2-container--classic 6816 .select2-selection--multiple 6817 .select2-selection__choice { 6818 background-color: #e4e4e4; 6819 border: 1px solid #aaa; 6820 border-radius: 4px; 6821 cursor: default; 6822 float: left; 6823 margin-right: 5px; 6824 margin-top: 5px; 6825 padding: 0 5px; 6826} 6827.select2-container--classic 6828 .select2-selection--multiple 6829 .select2-selection__choice__remove { 6830 color: #888; 6831 cursor: pointer; 6832 display: inline-block; 6833 font-weight: bold; 6834 margin-right: 2px; 6835} 6836.select2-container--classic 6837 .select2-selection--multiple 6838 .select2-selection__choice__remove:hover {
6839 color: #555; 6840} 6841 6842.select2-container--classic.select2-container--open 6843 .select2-selection--multiple { 6844 border: 1px solid #5897fb; 6845} 6846 6847.select2-container--classic.select2-container--open.select2-container--above 6848 .select2-selection--multiple { 6849 border-top: none; 6850 border-top-left-radius: 0; 6851 border-top-right-radius: 0; 6852} 6853 6854.select2-container--classic.select2-container--open.select2-container--below 6855 .select2-selection--multiple { 6856 border-bottom: none; 6857 border-bottom-left-radius: 0; 6858 border-bottom-right-radius: 0; 6859} 6860 6861.select2-container--classic .select2-dropdown--above { 6862 border-bottom: none; 6863} 6864 6865.select2-container--classic .select2-dropdown--below { 6866 border-top: none; 6867} 6868 6869.select2-container--classic .select2-results > .select2-results__options { 6870 max-height: 320px; 6871 overflow-y: auto; 6872} 6873 6874.select2-container--classic .select2-results__option[role="group"] { 6875 padding: 0; 6876} 6877 6878.select2-container--classic 6879 .select2-results__option[aria-disabled="true"] { 6880 color: grey; 6881} 6882 6883.select2-container--classic 6884 .select2-results__option--highlighted[aria-selected] { 6885 background-color: #3875d7; 6886 color: white; 6887} 6888 6889.select2-container--classic .select2-results__group { 6890 cursor: default; 6891 display: block; 6892 padding: 6px; 6893} 6894 6895.select2-container--classic.select2-container--open .select2-dropdown { 6896 border-color: #5897fb; 6897} 6898 6899/* RTL */ 6900.select2-dropdown[dir="rtl"] { 6901 direction: rtl; 6902} 6903.select2-container[dir="rtl"] 6904 .select2-results__option. 6905 .select2-container[dir="rtl"] 6906 .select2-results__option 6907 a { 6908 text-align: right; 6909} 6910.select2-container[dir="rtl"] .select2-selection__icon { 6911 margin-right: 0px; 6912 margin-left: 6px; 6913} 6914.select2-container[dir="rtl"] 6915 .select2-selection--single 6916 .select2-selection__rendered { 6917 padding-left: 20px; 6918} 6919 6920.select2-dropdown[dir="rtl"] .select2-search__field { 6921 padding-left: 0px; 6922 padding-right: 28px; 6923} 6924 6925.select2-dropdown[dir="rtl"] .select2-search__field-icon { 6926 padding-left: 0px; 6927 padding-right: 8px; 6928} 6929 6930.select2-dropdown[dir="rtl"] .select2-results__message { 6931 text-align: right; 6932} 6933 6934.select2-dropdown[dir="rtl"] .dropdown-menu > li > a { 6935 text-align: right; 6936} 6937 6938.select2-dropdown[dir="rtl"] .select2-selection__icon { 6939 margin-right: 0px; 6940 margin-left: 6px; 6941} 6942 6943.select2-container--default[dir="rtl"] 6944 .select2-selection--single 6945 .select2-selection__clear { 6946 float: left; 6947} 6948 6949.select2-container--default[dir="rtl"] 6950 .select2-selection--single 6951 .select2-selection__arrow { 6952 left: 1px; 6953 right: auto; 6954} 6955.select2-container--default[dir="rtl"] 6956 .select2-selection--multiple 6957 .select2-selection__choice, 6958.select2-container--default[dir="rtl"] 6959 .select2-selection--multiple 6960 .select2-selection__placeholder, 6961.select2-container--default[dir="rtl"] 6962 .select2-selection--multiple 6963 .select2-search--inline { 6964 float: right; 6965} 6966 6967.select2-container--default[dir="rtl"] 6968 .select2-selection--multiple 6969 .select2-selection__choice { 6970 margin-left: 5px; 6971 margin-right: auto; 6972} 6973 6974.select2-container--default[dir="rtl"] 6975 .select2-selection--multiple 6976 .select2-selection__choice__remove { 6977 margin-left: 2px; 6978 margin-right: auto; 6979} 6980 6981.select2-container--classic[dir="rtl"] 6982 .select2-selection--multiple 6983 .select2-selection__choice { 6984 float: right; 6985} 6986 6987.select2-container--classic[dir="rtl"] 6988 .select2-selection--multiple 6989 .select2-selection__choice { 6990 margin-left: 5px; 6991 margin-right: auto; 6992} 6993 6994.select2-container--classic[dir="rtl"] 6995 .select2-selection--multiple 6996 .select2-selection__choice__remove { 6997 margin-left: 2px; 6998 margin-right: auto; 6999} 7000 7001.select2-container--classic[dir="rtl"] 7002 .select2-selection--single 7003 .select2-selection__clear { 7004 float: left; 7005} 7006 7007.select2-container--classic[dir="rtl"] 7008 .select2-selection--single 7009 .select2-selection__arrow { 7010 border: none; 7011 border-right: 1px solid #aaa; 7012 border-radius: 0; 7013 border-top-left-radius: 4px; 7014 border-bottom-left-radius: 4px; 7015 left: 1px; 7016 right: auto; 7017} 7018.nav.nav-pills { 7019 border-bottom: 1px solid transparent !important; 7020} 7021.table-bordere strong { 7022 word-break: break-all; 7023} 7024.table > tbody > tr > td, 7025.table > tbody > tr > th, 7026.table > tfoot > tr > td, 7027.table > tfoot > tr > th, 7028.table > thead > tr > td, 7029.table > thead > tr > th { 7030 line-height: 1.5; 7031 vertical-align: top; 7032 border-top: 1px solid #ddd; 7033 padding: 1rem; 7034 color: #212529; 7035} 7036#top_services .input-group-addon, 7037#top_services .input-group-btn { 7038 width: -1% !important; 7039 white-space: nowrap; 7040 vertical-align: middle; 7041} 7042.service-description .btn-primary { 7043 padding: 10px 10px; 7044 border-radius: 25px !important; 7045 font-size: 15px !important; 7046 color: #ffffff; 7047 background: var(--text-primary); 7048 border: none; 7049 font-weight: 500 !important; 7050} 7051.authorized h2.accordion-header { 7052 margin-bottom: auto !important; 7053} 7054.authorized .btn.btn-primary { 7055 padding: 10px 10px; 7056 border-radius: 25px !important; 7057 font-size: 15px !important; 7058 color: #ffffff; 7059 background: var(--text-primary); 7060 border: none; 7061 font-weight: 500 !important; 7062 width: 100%; 7063} 7064.authorized .badge { 7065 background-color: #FF0DE2; 7066 color: #fff !important; 7067 padding: 6px 0.4em !important; 7068} 7069.authorized .msg_copied { 7070 background-color: #d1e7dd; 7071 color: #002bff; 7072 padding: 10px; 7073 border-radius: 5px; 7074 margin-bottom: 10px; 7075} 7076.input-group .form-control, 7077.input-group-addon, 7078.input-group-btn { 7079 display: inline-table !important; 7080 height: 45px !important; 7081} 7082.btn-primary:not(:disabled):not(.disabled).active, 7083.btn-primary:not(:disabled):not(.disabled):active, 7084.show > .btn-primary.dropdown-toggle { 7085 color: #fff !important; 7086 background-color: #0062cc !important; 7087 border-color: #005cbf !important; 7088 outline: none !important; 7089 box-shadow: none !important; 7090} 7091 7092.btn-primary.active, 7093.btn-primary.disabled, 7094.btn-primary.disabled.active, 7095.btn-primary.disabled.focus, 7096.btn-primary.disabled:active, 7097.btn-primary.disabled:focus, 7098.btn-primary.disabled:hover, 7099.btn-primary.focus, 7100.btn-primary:active, 7101.btn-primary:focus, 7102.btn-primary:hover, 7103.btn-primary[disabled], 7104.btn-primary[disabled].active, 7105.btn-primary[disabled].focus, 7106.btn-primary[disabled]:active, 7107.btn-primary[disabled]:focus, 7108.btn-primary[disabled]:hover, 7109.open > .dropdown-toggle.btn-primary, 7110fieldset[disabled] .btn-primary, 7111fieldset[disabled] .btn-primary.active, 7112fieldset[disabled] .btn-primary.focus, 7113fieldset[disabled] .btn-primary:active, 7114fieldset[disabled] .btn-primary:focus, 7115fieldset[disabled] .btn-primary:hover {
7116 color: #fff !important; 7117 background-color: #0062cc !important; 7118 border-color: #005cbf !important; 7119 outline: none !important; 7120 box-shadow: none !important; 7121} 7122.nightmode .table > tbody > tr > td, 7123.nightmode .table > tbody > tr > th, 7124.table > tfoot > tr > td, 7125.nightmode .table > tfoot > tr > th, 7126.nightmode .table > thead > tr > td, 7127.nightmode .table > thead > tr > th { 7128 word-break: break-all !important; 7129 color: #ffffff !important; 7130} 7131.unauthorized .page_top_info { 7132 display: none !important; 7133} 7134 7135a#dropdownMenuLink { 7136 color: #fff; 7137} 7138.table-bordered td strong { 7139 font-weight: 700; 7140 word-break: break-all; 7141} 7142.nightmode .close { 7143 color: var(--bg-filter-btn) !important; 7144} 7145 7146 .authorized .aff_item_link #msg.active{ 7147 color: #0f5132; 7148 background-color: #d1e7dd; 7149 border-color: #badbcc; 7150 padding: 10px; 7151 margin-bottom: 10px; 7152 border-radius: 10px; 7153 transition:all 0.5s; 7154 opacity: 1; 7155 transform: translateY(0px); 7156 } 7157 .authorized .aff_item_link #msg{ 7158 opacity: 0; 7159 transition:all 0.5s; 7160 transform: translateY(50px); 7161 } 7162.nightmode #affiliates .item_left { 7163 color: #fff !important; 7164} 7165.nightmode #affiliates .item_right { 7166 color: #fff !important; 7167} 7168.authorized #pills-tabContent .btn-default { 7169 padding: 10px 10px; 7170 border-radius: 8px !important; 7171 font-size: 15px !important; 7172 color: #ffffff; 7173 background: var(--text-primary); 7174 7175 border: none; 7176 font-weight: 500 !important; 7177 width: 100%; 7178 height: 45px !important; 7179} 7180.index.authorized form .btn-default { 7181 color: #000; 7182 background-color: #25aae1 !important; 7183 border-color: #25aae1; 7184 padding: 12px 12px; 7185} 7186 7187.unauthorized #main_container .content_area { 7188 width: calc(100%) !important; 7189 margin-left: initial !important; 7190 transition: 0.5s; 7191 z-index: -1; 7192 display: flex; 7193 align-items: center; 7194 flex-direction: column; 7195} 7196.mySwiper { 7197 transition-timing-function: linear; 7198} 7199.unauthorized #paymentSlider .mySwiper img{ 7200 height: 60px !important; 7201} 7202.unauthorized #paymentSlider .mySwiper .swiper-slide{ 7203width: 100px !important; 7204} 7205.unauthorized .navbar-nav { 7206 margin: initial !important; 7207} 7208.authorized.nightmode{ 7209background: var(--bg-darkmode) !important; 7210} 7211 7212.authorized .top_header .top_head_wrap { 7213z-index: 100 !important; 7214} 7215.newordersr .bootstrap-select .dropdown-toggle::after { 7216display: none !important; 7217 7218} 7219.authorized.nightmode .newordersr .bootstrap-select .dropdown-toggle.btn-default{ 7220background: var(--dark-bg-input) !important; 7221color: #fff !important; 7222 7223} 7224.authorized.nightmode .badge.service_id_badge{ 7225background: var(--dark-text-primary) !important; 7226color: #fff !important; 7227} 7228.authorized .newordersr .bootstrap-select .dropdown-toggle.btn-default{ 7229display: block !important; 7230width: 100% !important; 7231padding: 0.375rem 0.75rem !important; 7232font-size: 1rem !important; 7233font-weight: 400 !important; 7234line-height: 1.5 !important; 7235color: #212529 !important; 7236background: var(--bg-input) !important; 7237background-clip: padding-box !important; 7238border: 1px solid transparent !important; 7239-webkit-appearance: none; 7240-moz-appearance: none; 7241appearance: none !important; 7242border-radius:8px !important; 7243transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; 7244} 7245.authorized .badge.service_id_badge{ 7246color: #212529 !important; 7247} 7248.authorized .bootstrap-select .dropdown-toggle .filter-option-inner-inner { 7249overflow: hidden; 7250padding-top: 5px !important; 7251} 7252.authorized .newordersr #description{ 7253border: 1px solid transparent !important; 7254background: var(--bg-input) !important; 7255border-radius:15px !important; 7256} 7257.authorized #page_top_info #sp_text_primary{ 7258text-transform: capitalize; 7259} 7260.authorized .alert-warning { 7261color: #842029 !important; 7262background-color: #f8d7da !important; 7263border-color: #f5c2c7 !important; 7264} 7265.index.authorized form .dropdown-menu.open{ 7266border-radius: 10px; 7267} 7268.nightmode form .dropdown-menu.open .dropdown-menu li a:hover{ 7269color: #fff !important; 7270} 7271@media (max-width: 576px) 7272{ 7273.authorized .logo_off_nav { 7274width: 76px; 7275font-size: 12px !important; 7276} 7277} 7278@media (min-width: 992px) { 7279.authorized #newOrderTabsWrap .nav.nav-pills { 7280 margin: 0px !important; 7281 border-bottom: 1px solid #ddd; 7282} 7283 .well { 7284 7285 } 7286 #index .tab-content>.tab-pane.fade.active.show{ 7287 opacity:1 !important ; 7288 display: block; 7289 } 7290 #index .tab-content>.tab-pane .fade.active.show { 7291 opacity: 1 !important; 7292} 7293 .unauthorized .navbar-light .navbar-brand{ 7294 padding-top: 15px !important; 7295 } 7296 7297 .authorized .tickets_flex { 7298 display: flex; 7299 justify-content: center;
7300 align-items: center; 7301 flex: auto; 7302 } 7303 .unauthorized .navbar-nav a.nav-link.menu_item { 7304 display: flex; 7305 justify-content: space-evenly; 7306 gap: 10px; 7307 } 7308 .unauthorized .navbar-nav.bodyscrolled a.nav-link.menu_item { 7309 display: flex; 7310 justify-content: space-evenly; 7311 gap: 10px; 7312 } 7313 body { 7314 padding-top: 0; 7315 padding-bottom: 0px !important; 7316 } 7317} 7318@media (max-width: 992px) { 7319 7320 7321 .nightmode .table > tbody > tr > td, .nightmode .table > tbody > tr > th, .table > tfoot > tr > td, .nightmode .table > tfoot > tr > th, .nightmode .table > thead > tr > td, .nightmode .table > thead > tr > th { 7322 word-break: break-all !important; 7323 color: #ffffff !important; 7324 min-width: 100px !important; 7325} 7326 7327#main_container .content_area .content { 7328overflow: hidden; 7329 7330} 7331 .modal-inner .more_infos h5 { 7332 font-size: 12px !important; 7333 7334} 7335#history-search { 7336 display: block !important; 7337} 7338.modal-inner .more_infos > .minorder { 7339 font-size: 15px !important; 7340 7341 display: block !important; 7342} 7343.authorized .top_head_wrap .logo_off_nav { 7344 display: inline-block; 7345 position: absolute; 7346 top: 10px; 7347 color: #fff !important; 7348 font-weight: 700; 7349} 7350 7351#index .tab-content>.tab-pane.fade { 7352display: none !important; 7353} 7354 7355#index .tab-content>.tab-pane.fade.active.show.in{ 7356display: block !important; 7357} 7358#index .tab-content>.tab-pane.fade.active.show{ 7359opacity:1 !important ; 7360display: block; 7361} 7362#index .tab-content>.tab-pane .fade.active.show { 7363opacity: 1 !important; 7364} 7365 7366 .unauthorized .navbar-brand { 7367 padding-right: 7rem; 7368 } 7369 body.authorized { 7370 padding-bottom: 0px !important; 7371 } 7372 body.unauthorized { 7373 padding-bottom: 0px !important; 7374 } 7375 .authorized .tickets_flex { 7376 display: contents; 7377 } 7378 .unauthorized .navbar-nav a.nav-link.menu_item { 7379 display: flex; 7380 justify-content: flex-start; 7381 gap: 10px; 7382 margin-left: 20px; 7383 } 7384 7385 .unauthorized .navbar-brand { 7386 height: inherit; 7387 } 7388 .authorized #page_info { 7389 display: flex; 7390 7391 gap: 0px !important; 7392 } 7393 .service_button_filter { 7394 display: grid; 7395 grid-template-columns: repeat(auto-fit, minmax(39px, 48px)); 7396 gap: 10px; 7397 margin-bottom: 20px; 7398 justify-content: center; 7399 } 7400 .input-group .form-control, 7401 .input-group-addon, 7402 .input-group-btn { 7403 display: inline-table !important; 7404 height: 45px !important; 7405 } 7406 .modal-inner .serv_more_icon { 7407 width: 50px !important; 7408 height: 50px !important; 7409 background: #3d8dff !important; 7410 color: #fff; 7411 font-size: 20px !important; 7412 line-height: 50px !important; 7413 border-radius: 50px; 7414 } 7415 .serv_more_infos { 7416 display: grid; 7417 grid-template-columns: repeat(3, 1fr); 7418 margin: auto !important; 7419 } 7420} 7421.modal-dialog .modal-body { 7422 position: relative; 7423 padding: 0px !important; 7424 border-radius: 20px !important; 7425} 7426.darktheme .modal-inner #serv_details{ 7427 color: #d92d53 !important; 7428} 7429.modal-dialog .modal-content { 7430 position: relative; 7431 background-color: #fff; 7432 border: 1px solid #999; 7433 border: 1px solid rgba(0, 0, 0, .2); 7434 border-radius: 30px; 7435 box-shadow: 0 3px 9px rgb(0 0 0 / 50%); 7436 outline: 0; 7437} 7438.modal-dialog .modal-header { 7439 padding: 0px !important; 7440 border-bottom: 1px solid transparent !important; 7441 min-height: 0px !important; 7442} 7443.modal-dialog .serv_modal_close{ 7444position: absolute; 7445width: 40px; 7446height: 40px; 7447background: #3d8dff !important; 7448top: 15px; 7449right: 15px; 7450border-radius: 50px; 7451z-index: 9; 7452opacity: 1; 7453color: #fff; 7454border: none; 7455} 7456.modal-inner .modal-header { 7457 padding: 15px; 7458 border-bottom: 1px solid transparent; 7459 min-height: 16.5px; 7460} 7461.modal-inner .servicesHead { 7462 min-height: 250px; 7463 background: linear-gradient( rgba(221, 221, 221, 5%),rgba(221, 221, 221, 5%)),linear-gradient(rgba(221, 221, 221, 5%),rgba(221, 221, 221, 5%)),url("https://res.cloudinary.com/sol-0123456789/image/upload/v1666344486/sol_0129302930/images/08xz2nr05ora49hs_zq8ppn.png"); 7464 background-position: bottom; 7465 background-size: cover; 7466 background-repeat: no-repeat; 7467 text-align: center; 7468 padding-top: 50px; 7469 border-radius: 20px 20px 0px 0px; 7470} 7471.modal-inner #servId { 7472 font-size: 18px; 7473 background: #3d8dff; 7474 padding: 5px 30px; 7475 display: inline-block; 7476 border-radius: 50px; 7477 color: #fff; 7478 font-weight: bold; 7479} 7480.modal-inner #serv_details { 7481 width: 85%; 7482 margin: 0 auto; 7483 background: #f3f1f1; 7484 margin-top: -50px; 7485 padding: 15px; 7486 border-radius: 20px; 7487 box-shadow: 0 0 10px #1e1e1e63; 7488} 7489.modal-inner .ser_more_item { 7490 text-align: center; 7491 display: flex; 7492 flex-direction: column; 7493 align-items: center; 7494 gap: 15px; 7495} 7496.modal-inner .serv_more_icon { 7497 width: 75px; 7498 height: 75px; 7499 background:#3d8dff !important; 7500 color: #fff; 7501 font-size: 35px; 7502 line-height: 75px; 7503 border-radius: 50px; 7504 box-shadow: inset 0 0 10px #dddddd70; 7505} 7506.modal-inner .more_infos > .minorder { 7507 font-size: 20px; 7508 font-weight: 800; 7509 color: #3d8dff; 7510 display: block !important; 7511} 7512.modal-inner .more_infos h5 { 7513 font-size: 16px; 7514 font-weight: bold; 7515 margin: 0; 7516 color: #000; 7517} 7518.modal-inner .buyNOwBtn { 7519 width: 85%; 7520 margin: 0 auto; 7521 padding-bottom: 20px; 7522} 7523.modal-inner #buyNow { 7524 width: 100%; 7525 background: #3d8dff; 7526 display: block; 7527 padding: 10px 30px; 7528 border-radius: 50px; 7529 text-align: center; 7530 color: #fff; 7531 font-size: 18px; 7532 font-weight: bold; 7533} 7534.serv_more_infos{ 7535 display: flex; 7536 justify-content: center; 7537 align-items: center; 7538 gap: 50px; 7539 margin: 10px; 7540 color: #3d8dff !important; 7541} 7542#serv_names{ 7543 display: block !important; 7544 color: #000 ; 7545 margin: 10px; 7546} 7547.authorized footer{ 7548display:none !important; 7549} 7550.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { 7551content: " "; 7552display: none !important; 7553} 7554.modal.fade.in { 7555opacity: 1 !important; 7556padding: 0px !important; 7557} 7558@media (max-width: 350px) 7559{ 7560 7561.unauthorized .navbar-brand { 7562padding-right: 5rem !important; 7563} 7564} 7565 7566 </style> 7567</head> 7568 7569 <body id="login" class="login unauthorized"> 7570 <nav class="navbar navbar-expand-lg bg-white"> 7571 <div class="container" style=" 7572 margin-top: -12px; 7573 margin-bottom: -12px; 7574"> 7575 <a class="navbar-brand" href="/"> 7576 7577 7578 7579 7580 <span style="text-transform: "> 7581 7582 <span style="font-size: 24px"> 7583 7584 <span style="letter-spacing: 1.0px"> 7585 7586 <span style="line-height: 0px"> 7587 7588 <strong style="font-weight: bold">HASSAN SMM</strong> 7589 7590 </span> 7591 7592 </span> 7593 7594 </span> 7595 7596 </span> 7597 7598 7599 </a> 7600 7601 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 7602 data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 7603 aria-expanded="false" aria-label="Toggle navigation">
7604 <span class="navbar-toggler-icon"></span> 7605 </button> 7606 7607<div class="collapse navbar-collapse" id="navbarSupportedContent" style=" 7608 padding-left: 20px; 7609 padding-bottom: 10px; 7610"> 7611 7612 7613 <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> 7614 <li class="nav-item"> 7615 <a href="/" class="nav-link active" > 7616 Sign in 7617 </a> 7618 </li> 7619 <li class="nav-item"> 7620 <a href="/services" class="nav-link " > 7621 Services 7622 </a> 7623 </li> 7624 <li class="nav-item"> 7625 <a href="/about-us" class="nav-link " > 7626 About Us 7627 </a> 7628 </li> 7629 <li class="nav-item"> 7630 <a href="/blog" class="nav-link " > 7631 Blog 7632 </a> 7633 </li> 7634 <li class="nav-item"> 7635 <a href="/contact-us" class="nav-link " > 7636 Contact us 7637 </a> 7638 </li> 7639 </ul> 7640 <ul class="navbar-nav ms-auto"> 7641 <li class="nav-item"> 7642 <a href="/signup" class="nav-button btn btn-nav" style=" 7643 color: white;background: #4CAF50; 7644">Sign Up</a> 7645 </li> 7646 </ul> 7647 </div> 7648 </div> 7649 </nav> 7650 7651 7652 7653 7654<main> 7655 7656<link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/djjwnvmwv/raw/upload/v1733130137/jtsmmpanel/byppsphs4iugz6cq3tco.css"> 7657<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 7658 7659<style> 7660 #counter .counter__item .icon { 7661 display: inline-block; 7662 width: 90px; 7663 height: 90px; 7664 line-height: 90px; 7665 border-radius: 90px; 7666 margin-bottom: 15px; 7667 background: #ffffff; 7668 box-shadow: none; 7669} 7670 .unauthorized .btn.btn-primary { 7671 padding: 15px !important; 7672 } 7673 .login-hero .bottom__login__group { 7674 7675 grid-template-columns: repeat(1, 1fr) !important; 7676} 7677 @media only screen and (max-width: 992px) { 7678 #hero { 7679 background-color: #57e90029; 7680 background-image: linear-gradient(-60deg, #4caf509e 34%, #ffe24900 65%); 7681 background-repeat: no-repeat; 7682 } 7683} 7684 menu_item_14{ 7685 background: linear-gradient(180deg, #43B9FE 0%, #207CFE 100%); 7686 color: white; 7687 } 7688 7689#navbar { 7690 transition: 0.5s ease; 7691} 7692#navbar { 7693 position: fixed; 7694 width: 100%; 7695 z-index: 99; 7696} 7697 @media only screen and (max-width: 550px){ 7698 padding: 0px; 7699 } 7700 @media (min-width: 992px) { 7701 #login form .form-group::after { 7702 7703 background: none; 7704 7705 } 7706} 7707 @media (min-width: 992px) { 7708 #login form .form-group::before{ 7709 background: none; 7710 } 7711 #codecopykorle-tormarechudi{ 7712 margin-top: -10px; 7713 } 7714 .col-6 { 7715 -ms-flex: 0 0 50%; 7716 flex: 0 0 50%; 7717 max-width: 50%; 7718 font-size: 15px; 7719} 7720 7721 @media (max-width: 992px) { 7722 .unauthorized .navbar-nav a.nav-link.menu_item { 7723 display: flex 7724; 7725 /* justify-content: flex-start; */ 7726 /* gap: 10px; */ 7727 7728 } 7729} 7730 #hero { 7731 background-color: #57e90029; 7732 background-image: linear-gradient(-60deg, #4caf509e 34%, #ffe24900 65%); 7733 background-repeat: no-repeat; 7734 } 7735 #login-with-google-btn { 7736 background-color: #db4437; /* Google Red */ 7737 color: white; 7738 border: none; 7739 padding: 15px 30px; 7740 font-size: 16px; 7741 font-weight: bold; 7742 border-radius: 50px; 7743 display: flex; 7744 justify-content: center;
7745 align-items: center; 7746 gap: 10px; 7747 width: 100%; 7748 transition: background-color 0.3s ease, transform 0.2s ease; 7749} 7750 7751#login-with-google-btn:hover { 7752 background-color: #c1351d; /* Darker Google Red */ 7753 transform: translateY(-3px); /* Hover effect */ 7754} 7755 7756#login-with-google-btn i { 7757 font-size: 20px; 7758} 7759 7760#login-with-google-btn:active { 7761 transform: translateY(0); /* Active effect */ 7762} 7763 7764#login-with-google-btn:focus { 7765 outline: none; 7766 box-shadow: 0 0 0 4px rgba(219, 68, 55, 0.5); 7767} 7768 7769</style> 7770 7771 7772<section id="hero" style="margin-top: 27px;"> 7773 <div class="container"> 7774 <div class="row d-flex align-items-center"> 7775 7776 <div class="col-lg-6 col-md-12 col-12"> 7777<div class="hero_content"> 7778 <h4 class="text-black font-poppins"> 7779 HASSAN SMM ~ Premier API Provider & Trusted SMM Solutions 7780 </h4> 7781 <h1 class="text-black"> 7782 <span class="text-black">Leading Provider of Cost-Effective SMM Panel Services for Social Media Growth</span> <br> 7783 </h1> 7784 <p> 7785 At HASSAN SMM, we are committed to delivering cutting-edge API solutions and reliable SMM services. With over 5 years of industry experience, we provide premium services for platforms like Facebook, Instagram, TikTok, Twitter, Spotify, and more, ensuring accelerated growth and exceptional support for resellers. 7786 </p> 7787</div> 7788 7789 <form method="post" action="/"> 7790 <div class="login-hero"> 7791 <div class="top__login__group"> 7792 <div class="form-group has_icon"> 7793 <span class="icon"> 7794 <img src="https://cdn-icons-png.flaticon.com/128/236/236832.png" class="img-fluid icon" alt="smm-panel-username-icon"> 7795 </span> 7796 <input name="username" class="form-control" id="username" type="text" placeholder="Username" /> 7797 </div> 7798 <div class="form-group has_icon has_password"> 7799 <span class="icon"> 7800 <img src="https://cdn-icons-png.flaticon.com/128/8755/8755030.png" class="img-fluid icon" alt="smm-panel-password-icon"> 7801 </span> 7802 <input name="password" class="form-control" id="password" type="password" placeholder="Password" /> 7803 <button class="pwd_show_hide" type="button" id="pwdBtn" onclick="passwordShowHide('pwdBtn','password')"> 7804 <span class="hide-eye"> <i class="far fa-eye-slash"></i> </span> 7805 <span class="show-eye"> <i class="far fa-eye"></i> </span> 7806 </button> 7807 </div> 7808 </div> 7809 <div class="middle__login__group"> 7810 <div class="form-check ms-1"> 7811 <label for="remember"> 7812 <input type="checkbox" id="remembered" value='1' name="remember_me" checked="" /> 7813 Remember me 7814 </label> 7815 </div> 7816 <a href="/resetpassword" class="link forgotpassword text-primary">Forgot password?</a> 7817 </div> 7818 <input type="hidden" name="csrf_token" value="8b349c76a6f2f9dc05a1f1a7a1eb3e5e6ede2909c5c9c5745add82387fe9bef9"> 7819 <input type="hidden" name="login_btn" value="Login"> 7820 7821 <div class="bottom__login__group align-items-center"> 7822 <div class="d-flex flex-column gap-1"> 7823 <button type="submit" class="btn btn-primary btn-signin">Sign in</button> 7824 </div> 7825 </div><br> 7826<button type="button" id="login-with-google-btn" class="btn btn-block btn-big-primary" onclick="showLoading(this);"> 7827 <i class="fab fa-google" style="font-size: 20px;"></i> Continue with Google 7828</button> 7829
7830<script> 7831 function showLoading(button) { 7832 button.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Redirecting...'; 7833 button.disabled = true; 7834 setTimeout(() => { 7835 window.location.href = '?login-with-google'; 7836 }, 1000); 7837 } 7838</script>
7838 7839 7840 </div> 7841 7842 <p> 7843 <span style="font-family: verdana; font-size: large;"> 7844 <div style="text-align: center;"> 7845 <b>Don't have an account? <a href="/signup" target="">Sign Up NOW!</a></b> 7846 </div> 7847 </span> 7848 </p> 7849 </form> 7850 </div> 7851 7852 <div class="col-lg-6 col-md-12 col-12"> 7853 <div class="hero_image text-end"> 7854 <img src="https://res.cloudinary.com/dlcr6eugd/image/upload/v1731691941/20241115_220300_zq5l5c.png" class="img-fluid" alt="best-smm-panel-service-in-bangladesh"> 7855 </div> 7856 </div> 7857 </div> 7858 </div> 7859</section> 7860 7861<!-- Counter Sections --> 7862 <section id="counter"> 7863 <div class="container"> 7864 <div class="row"> 7865 <div class="col-lg-3 col-md-6 col-6"> 7866 <div class="counter__item"> 7867 <div class="icon"> 7868 <img src="https://cdn.fexpink.com/honestsmm/images/total-completed-order.png" class="img-fluid" alt="order-completed-of-smm-panel"> 7869 </div> 7870 <h4>52515</h4> 7871 <p>Order Completed</p> 7872 </div> 7873 </div> 7874 <div class="col-lg-3 col-md-6 col-6"> 7875 <div class="counter__item"> 7876 <div class="icon"> 7877 <img src="https://cdn-icons-png.flaticon.com/128/3631/3631163.png" class="img-fluid" alt="active-services-of-smm-panel"> 7878 </div> 7879 <h4>1693</h4> 7880 <p>Active Services</p> 7881 </div> 7882 </div> 7883 <div class="col-lg-3 col-md-6 col-6"> 7884 <div class="counter__item"> 7885 <div class="icon"> 7886 <img src="https://cdn-icons-png.flaticon.com/128/476/476863.png" class="img-fluid" alt="active-user-of-smm-panel"> 7887 </div> 7888 <h4>10811</h4> 7889 <p>Active Users</p> 7890 </div> 7891 </div> 7892 <div class="col-lg-3 col-md-6 col-6"> 7893 <div class="counter__item"> 7894 <div class="icon"> 7895 <img src="https://cdn.fexpink.com/honestsmm/images/fastest-support.png" class="img-fluid" alt="world-wide-rank-smm-panel"> 7896 </div> 7897 <h4>24/7</h4> 7898 <p>Fastest Support</p> 7899 </div> 7900 </div> 7901 </div> 7902 </div> 7903</section> 7904 <!-- ### Counter Sections --> 7905 7906<!-- Our Services --> 7907<section id="ourServices"> 7908 <div class="container"> 7909 <div class="row"> 7910 <div class="col-lg-12"> 7911 <div class="def__title__wrap text-center"> 7912 <h4>Our Services</h4> 7913 <h2> 7914 Diverse <span class="text-primary line-below">SMM Panels</span> for Every Need 7915 </h2> 7916 <p> 7917 Explore our comprehensive range of SMM panels, designed to cater to every aspect of your 7918 social media needs. From boosting your Instagram followers to enhancing your LinkedIn 7919 network, our specialized <a href="/services" class="link">services</a> are 7920 tailored to ensure maximum impact and growth for 7921 your online presence. With HASSAN SMM ~ Best API provider , experience the power of targeted and effective social 7922 media marketing. 7923 </p> 7924 </div> 7925 </div> 7926 <div class="col-lg-12 col-12"> 7927 <div class="card home-service-card"> 7928 <div class="card-header"> 7929 <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> 7930 <li class="nav-item" role="presentation"> 7931 <button class="nav-link active" id="pills-facebook-tab" data-bs-toggle="pill" 7932 data-bs-target="#pills-facebook" type="button" role="tab" 7933 aria-controls="pills-facebook" aria-selected="true">
7934 <span class="icon"> 7935 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130274/jtsmmpanel/sm5n3qnku1x7ogbvluip.png" 7936 class="img-fluid" alt="facebook-smm-panel-icon"> 7937 </span> 7938 <span class="text">Facebook</span> 7939 </button> 7940 </li> 7941 7942 <li class="nav-item" role="presentation"> 7943 <button class="nav-link" id="pills-instagram-tab" data-bs-toggle="pill" 7944 data-bs-target="#pills-instagram" type="button" role="tab" 7945 aria-controls="pills-instagram" aria-selected="false"> 7946 <span class="icon"> 7947 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130275/jtsmmpanel/yeporxfj1edrkvomjvfc.png" 7948 class="img-fluid" alt="instagram-smm-panel-icon"> 7949 </span> 7950 <span class="text">Instagram</span> 7951 </button> 7952 </li> 7953 7954 <li class="nav-item" role="presentation"> 7955 <button class="nav-link" id="pills-youtube-tab" data-bs-toggle="pill" 7956 data-bs-target="#pills-youtube" type="button" role="tab" 7957 aria-controls="pills-youtube" aria-selected="false"> 7958 <span class="icon"> 7959 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130291/jtsmmpanel/rkfjhpkvfc5sqi9r6xtl.png" 7960 class="img-fluid" alt="youtube-smm-panel-icon"> 7961 </span> 7962 <span class="text">Youtube</span> 7963 </button> 7964 </li> 7965 7966 <li class="nav-item" role="presentation"> 7967 <button class="nav-link" id="pills-tiktok-tab" data-bs-toggle="pill" 7968 data-bs-target="#pills-tiktok" type="button" role="tab" aria-controls="pills-tiktok" 7969 aria-selected="false"> 7970 <span class="icon"> 7971 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130286/jtsmmpanel/huual8pjvmukgrhhi5se.png" 7972 class="img-fluid" alt="tiktok-smm-panel-icon"> 7973 </span> 7974 <span class="text">TikTok</span> 7975 </button> 7976 </li> 7977 7978 <li class="nav-item" role="presentation"> 7979 <button class="nav-link" id="pills-linkedin-tab" data-bs-toggle="pill" 7980 data-bs-target="#pills-linkedin" type="button" role="tab" 7981 aria-controls="pills-linkedin" aria-selected="false"> 7982 <span class="icon"> 7983 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130276/jtsmmpanel/xqirgzytswasledheiyi.png" 7984 class="img-fluid" alt="linkedin-smm-panel-icon"> 7985 </span> 7986 <span class="text">Linkedin</span> 7987 </button> 7988 </li> 7989 7990 <li class="nav-item" role="presentation"> 7991 <button class="nav-link" id="pills-telegram-tab" data-bs-toggle="pill" 7992 data-bs-target="#pills-telegram" type="button" role="tab" 7993 aria-controls="pills-telegram" aria-selected="false">
7994 <span class="icon"> 7995 <img src="https://cdn.smmsun.com/images/telegram-smmpanel-icon.png" 7996 class="img-fluid" alt="telegram-smmpanel-icon"> 7997 </span> 7998 <span class="text">Telegram</span> 7999 </button> 8000 </li> 8001<!-- 8002 Theme: HASSAN SMM V2.0 8003 Theme Designer: Maruf Ahmed Raj 8004 Phone: +8801603746079(whatsapp) 8005 8006 --> 8007 <li class="nav-item" role="presentation"> 8008 <button class="nav-link" id="pills-discord-tab" data-bs-toggle="pill" 8009 data-bs-target="#pills-discord" type="button" role="tab" 8010 aria-controls="pills-discord" aria-selected="false"> 8011 <span class="icon"> 8012 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130281/jtsmmpanel/mlns9ocgzy2be2ctkxiy.png" 8013 class="img-fluid" alt="smm-panel-discord-icon"> 8014 </span> 8015 <span class="text">Discord</span> 8016 </button> 8017 </li> 8018 8019 <li class="nav-item" role="presentation"> 8020 <button class="nav-link" id="pills-x-tab" data-bs-toggle="pill" 8021 data-bs-target="#pills-x" type="button" role="tab" aria-controls="pills-x" 8022 aria-selected="false"> 8023 <span class="icon"> 8024 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130288/jtsmmpanel/c9ruxqwhbcs8l1mqa6yy.png" 8025 class="img-fluid" alt="twitter-smm-panel-icon"> 8026 </span> 8027 <span class="text">X-Twitter</span> 8028 </button> 8029 </li> 8030 8031 <li class="nav-item" role="presentation"> 8032 <button class="nav-link" id="pills-pinterest-tab" data-bs-toggle="pill" 8033 data-bs-target="#pills-pinterest" type="button" role="tab" 8034 aria-controls="pills-pinterest" aria-selected="false"> 8035 <span class="icon"> 8036 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130278/jtsmmpanel/przjv4f9hhfht1evz3zi.png" 8037 alt=""> 8038 </span> 8039 <span class="text">Pinterest</span> 8040 </button> 8041 </li> 8042 8043 <li class="nav-item" role="presentation"> 8044 <button class="nav-link" id="pills-twich-tab" data-bs-toggle="pill" 8045 data-bs-target="#pills-twich" type="button" role="tab" aria-controls="pills-twich" 8046 aria-selected="false"> 8047 <span class="icon"> 8048 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130287/jtsmmpanel/vauev6ex2zvcvmbrqm4m.png" 8049 alt="twich-smm-panel"> 8050 </span> 8051 <span class="text">Twitch</span> 8052 </button> 8053 </li> 8054 8055 <li class="nav-item" role="presentation"> 8056 <button class="nav-link" id="pills-soundcloud-tab" data-bs-toggle="pill" 8057 data-bs-target="#pills-soundcloud" type="button" role="tab" 8058 aria-controls="pills-soundcloud" aria-selected="false">
8059 <span class="icon"> 8060 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130283/jtsmmpanel/xyggbgktn3t1np8wzky2.png" 8061 alt="sound-cloud-icon"> 8062 </span> 8063 <span class="text">Sound Cloud</span> 8064 </button> 8065 </li> 8066 8067 <li class="nav-item" role="presentation"> 8068 <button class="nav-link" id="pills-web-tab" data-bs-toggle="pill" 8069 data-bs-target="#pills-web" type="button" role="tab" aria-controls="pills-web" 8070 aria-selected="false"> 8071 <span class="icon"> 8072 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130290/jtsmmpanel/wgmkcx4npuqthk0dtrjd.png" 8073 class="img-fluid" alt="website-traffic-of-smm-panel-icon"> 8074 </span> 8075 <span class="text">Web Traffic</span> 8076 </button> 8077 </li> 8078 8079 </ul> 8080 </div> 8081 <div class="card-body"> 8082 <div class="tab-content" id="pills-tabContent"> 8083 <div class="tab-pane fade show active" id="pills-facebook" role="tabpanel" 8084 aria-labelledby="pills-facebook-tab" tabindex="0"> 8085 <div class="services_content_wrap"> 8086 <div class="services_content_left"> 8087 <h2 class="text-primary">Facebook SMM Panel</h2> 8088 <p> 8089 Discover the best SMM panel for Facebook to skyrocket your page's 8090 engagement and reach. Experience affordable, impactful growth with 8091 our expert Facebook marketing strategies. 8092 </p> 8093 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8094 </div> 8095 <div class="services_content_right"> 8096 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130274/jtsmmpanel/ibkhtohouuamovvxt4gv.webp" 8097 class="img-fluid" alt="facebook-smm-panel"> 8098 </div> 8099 </div> 8100 </div> 8101 <div class="tab-pane fade" id="pills-instagram" role="tabpanel" 8102 aria-labelledby="pills-instagram-tab" tabindex="0"> 8103 <div class="services_content_wrap"> 8104 <div class="services_content_left"> 8105 <h2 class="text-primary">Instagram SMM Panel</h2> 8106 <p> 8107 Elevate your Instagram presence with our specialized Instagram SMM 8108 panel. Gain authentic followers and likes at competitive prices, 8109 enhancing your visibility and influence. 8110 </p> 8111 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8112 </div> 8113 <div class="services_content_right"> 8114 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130274/jtsmmpanel/zckd7bhv7j2wpvsx2bhs.webp" 8115 class="img-fluid" alt="instagram-smm-panel"> 8116 </div> 8117 </div> 8118 </div> 8119 <div class="tab-pane fade" id="pills-youtube" role="tabpanel" 8120 aria-labelledby="pills-youtube-tab" tabindex="0"> 8121 <div class="services_content_wrap"> 8122 <div class="services_content_left"> 8123 <h2 class="text-primary">YouTube SMM Panel</h2> 8124 <p> 8125 Boost your YouTube channel with our dedicated YouTube SMM panel. 8126 Increase views, subscribers, and engagement with our cost-effective 8127 and targeted solutions. 8128 </p> 8129 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8130 </div> 8131 <div class="services_content_right"> 8132 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130291/jtsmmpanel/nrnqa53unjn6vtu72dqm.png" class="img-fluid" 8133 alt="youtube-smm-panel"> 8134 </div> 8135 </div> 8136 </div> 8137 <div class="tab-pane fade" id="pills-tiktok" role="tabpanel" 8138 aria-labelledby="pills-tiktok-tab" tabindex="0"> 8139 <div class="services_content_wrap"> 8140 <div class="services_content_left"> 8141 <h2 class="text-primary">TikTok SMM Panel</h2> 8142 <p> 8143 Tap into the viral power of TikTok with our bespoke TikTok SMM 8144 panel. Amplify your content reach and gain real, active followers 8145 effortlessly and affordably. 8146 </p> 8147 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8148 </div> 8149 <div class="services_content_right"> 8150 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130285/jtsmmpanel/wefagshzz2ivzad1yazl.webp" class="img-fluid" 8151 alt="tiktok-smm-panel"> 8152 </div> 8153 </div> 8154 </div> 8155 <div class="tab-pane fade" id="pills-linkedin" role="tabpanel" 8156 aria-labelledby="pills-linkedin-tab" tabindex="0"> 8157 <div class="services_content_wrap"> 8158 <div class="services_content_left"> 8159 <h2 class="text-primary">LinkedIn SMM Panel</h2> 8160 <p> 8161 Enhance your professional network with the best SMM panel for 8162 LinkedIn. Build connections and elevate your profile in the
8163 corporate world with our targeted strategies. 8164 </p> 8165 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8166 </div> 8167 <div class="services_content_right"> 8168 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130275/jtsmmpanel/ady4xjwuxtaztlzdtxhk.webp" 8169 class="img-fluid" alt="linkedin-smm-panel"> 8170 </div> 8171 </div> 8172 </div> 8173 <div class="tab-pane fade" id="pills-telegram" role="tabpanel" 8174 aria-labelledby="pills-telegram-tab" tabindex="0"> 8175 <div class="services_content_wrap"> 8176 <div class="services_content_left"> 8177 <h2 class="text-primary">Telegram SMM Panel</h2> 8178 <p> 8179 Expand your Telegram channel's influence with our efficient Telegram 8180 SMM panel. Grow your subscriber base and engagement with our 8181 reliable and affordable services. 8182 </p> 8183 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8184 </div> 8185 <div class="services_content_right"> 8186 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130284/jtsmmpanel/q1dskv2kiwr7brzmbnkr.webp" 8187 class="img-fluid" alt="telegram-smm-panel"> 8188 </div> 8189 </div> 8190 </div> 8191 <div class="tab-pane fade" id="pills-discord" role="tabpanel" 8192 aria-labelledby="pills-discord-tab" tabindex="0"> 8193 <div class="services_content_wrap"> 8194 <div class="services_content_left"> 8195 <h2 class="text-primary">Discord SMM Panel</h2> 8196 <p> 8197 Strengthen your community on Discord with our specialized Discord 8198 SMM panel. Boost server activity and engagement with our tailored 8199 and cost-effective solutions. 8200 </p> 8201 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8202 </div> 8203 <div class="services_content_right"> 8204 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130280/jtsmmpanel/hyzqxelkfkoreai4egl2.webp" 8205 class="img-fluid" alt="smm-panel-discord"> 8206 </div> 8207 </div> 8208 </div> 8209 <div class="tab-pane fade" id="pills-x" role="tabpanel" aria-labelledby="pills-x-tab" 8210 tabindex="0"> 8211 <div class="services_content_wrap"> 8212 <div class="services_content_left"> 8213 <h2 class="text-primary">X - Twitter SMM Panel</h2> 8214 <p> 8215 Amplify your Twitter impact with our targeted Twitter SMM panel. 8216 Increase followers, retweets, and engagement with our dynamic and 8217 affordable Twitter strategies. 8218 </p> 8219 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8220 </div> 8221 <div class="services_content_right"> 8222 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130287/jtsmmpanel/mcab6zx9cc2fv0taqtgx.png" class="img-fluid" 8223 alt="twitter-smm-panel"> 8224 </div> 8225 </div> 8226 </div> 8227 <div class="tab-pane fade" id="pills-pinterest" role="tabpanel" 8228 aria-labelledby="pills-pinterest-tab" tabindex="0"> 8229 <div class="services_content_wrap"> 8230 <div class="services_content_left"> 8231 <h2 class="text-primary">Pinterest SMM Panel</h2> 8232 <p> 8233 Boost your brand's visual appeal with our Pinterest SMM panel. Drive 8234 traffic and engagement through creative and strategic Pinterest 8235 marketing solutions. 8236 </p> 8237 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8238 </div> 8239 <div class="services_content_right"> 8240 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130278/jtsmmpanel/wyezilnoapdmji6hjmwz.webp" 8241 class="img-fluid" alt="pinterest-smm-panel"> 8242 </div> 8243 </div> 8244 </div> 8245 <div class="tab-pane fade" id="pills-twich" role="tabpanel" 8246 aria-labelledby="pills-twich-tab" tabindex="0"> 8247 <div class="services_content_wrap"> 8248 <div class="services_content_left"> 8249 <h2 class="text-primary">Twitch SMM Panel</h2> 8250 <p> 8251 Elevate your Twitch streaming success with our dedicated Twitch SMM 8252 panel. Grow your viewer base and engagement with our specialized and 8253 affordable Twitch services. 8254 </p> 8255 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8256 </div> 8257 <div class="services_content_right"> 8258 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130287/jtsmmpanel/rstnkgwm9ihjgqw3ctv5.webp" 8259 class="img-fluid" alt="Twitch-smm-panel-banner"> 8260 </div> 8261 </div> 8262 </div> 8263 <div class="tab-pane fade" id="pills-soundcloud" role="tabpanel" 8264 aria-labelledby="pills-soundcloud-tab" tabindex="0"> 8265 <div class="services_content_wrap"> 8266 <div class="services_content_left"> 8267 <h2 class="text-primary">Soundcloud SMM Panel</h2> 8268 <p> 8269 Enhance your music and audio presence with our Soundcloud SMM panel. 8270 Gain more plays, followers, and recognition in the Soundcloud
8271 community efficiently. 8272 </p> 8273 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8274 </div> 8275 <div class="services_content_right"> 8276 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130283/jtsmmpanel/fwwpg8y1iryytswkh6mq.webp" 8277 class="img-fluid" alt="soundcloud-smm-panel"> 8278 </div> 8279 </div> 8280 </div> 8281 <div class="tab-pane fade" id="pills-web" role="tabpanel" aria-labelledby="pills-web-tab" 8282 tabindex="0"> 8283 <div class="services_content_wrap"> 8284 <div class="services_content_left"> 8285 <h2 class="text-primary">Website Traffic</h2> 8286 <p> 8287 Drive targeted visitors to your website with our effective Website 8288 Traffic services. Increase your site's visibility and user 8289 engagement with our strategic traffic-boosting solutions. 8290 </p> 8291 <a href="/services" class="btn btn-primary btn-sm">Our Services</a> 8292 </div> 8293 <div class="services_content_right"> 8294 <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130289/jtsmmpanel/ngqzyqtqjpesp9na5kkx.webp" 8295 class="img-fluid" alt="website-traffic-of-smm-panel-banner"> 8296 </div> 8297 </div> 8298 </div> 8299 </div> 8300 </div> 8301 </div> 8302 </div> 8303 </div> 8304 </div> 8305</section> 8306 8307 8308 <!-- ## Cheap and Best Section --> 8309 <!-- Why Choose Us --> 8310 <section id="whyChooseUs"> 8311 <div class="container"> 8312 <div class="row d-flex align-items-center"> 8313 <div class="col-lg-6"> 8314 <div class="sec__title__wrap"> 8315 <h4 class="sec__title__small"></h4> 8316 <h2 class="sec__title"> 8317 Why Choose <br /> 8318 <strong class="text__primary">Our</strong> SMM Panel<br /> 8319 HASSAN SMM ~ Best API provider 8320 </h2> 8321 <p class="sec__dsc"> 8322 At <strong>HASSAN SMM ~ Best API provider </strong>, we are committed to offering the 8323 <strong>best SMM Panel services</strong> to users worldwide. From managing social media campaigns to enhancing your online presence on platforms like Facebook, Instagram, Twitter, and LinkedIn â we do it all! 8324 <br /> 8325 ð¡ **Unmatched Pricing** â we guarantee to beat any price on the market! Customer happiness is at the core of what we do. Rest assured, every service request will be fulfilled on time with precision. 8326 <br /> 8327 ð Whether you're looking for instant likes, comments, followers, or subscriptions, <strong>HASSAN SMM ~ Best API provider </strong> has got your back! 8328 </p> 8329 </div> 8330 </div> 8331 <div class="col-lg-6"> 8332 <div class="box_wraper"> 8333 <div class="box_item_wrap box_1"> 8334 <div class="box_icon"> 8335 <i class="fas fa-sack-dollar"></i> 8336 </div> 8337 <div class="box_cont"> 8338 <h4>Affordable Pricing</h4> 8339 <p> 8340 Get started for as low as $0.01! We offer unbeatable prices for premium services. 8341 </p> 8342 </div> 8343 </div> 8344 <div class="box_item_wrap box_2"> 8345 <div class="box_icon"> 8346 <i class="far fa-alarm-clock"></i> 8347 </div> 8348 <div class="box_cont"> 8349 <h4>Real-Time Updates</h4> 8350 <p> 8351 With HASSAN SMM ~ Best API provider , stay ahead with accurate and up-to-date information. 8352 </p> 8353 </div> 8354 </div> 8355 <div class="box_item_wrap box_3"> 8356 <div class="box_icon"> 8357 <i class="fas fa-users-class"></i> 8358 </div> 8359 <div class="box_cont"> 8360 <h4>User-Friendly Dashboard</h4> 8361 <p> 8362 Navigate effortlessly with our simple and intuitive panel, updated daily for your convenience. 8363 </p> 8364 </div> 8365 </div> 8366 <div class="box_item_wrap box_4"> 8367 <div class="box_icon"> 8368 <i class="fas fa-headset"></i> 8369 </div> 8370 <div class="box_cont"> 8371 <h4>24/7 Customer Support</h4> 8372 <p> 8373 Our dedicated team is available around the clock to assist you with any queries or concerns. 8374 </p> 8375 </div> 8376 </div> 8377 </div> 8378 </div> 8379 </div> 8380 </div> 8381 </section> 8382 8383 <!-- ## Why Choose Us --> 8384 8385 <!-- Frequetly Asked Questions --> 8386 <section id="faq"> 8387 <div class="container"> 8388 <div class="row"> 8389 <div class="col-lg-12"> 8390 <div class="top__title"> 8391 <h5> HASSAN SMM ~ Best API provider .com </h5> 8392 <h2> #Top Choice SMM PANEL </h2> 8393 <p> 8394 HASSAN SMM ~ Best API provider offers premium services for platforms like Instagram, Facebook, YouTube, Telegram, Spotify, and more. HASSAN SMM ~ Best API provider is the most affordable and reliable SMM panel. The ideal social media marketing panel for resellers. 8395 </p> 8396 </div> 8397 </div> 8398 </div> 8399 <div class="row"> 8400 <div class="col-lg-6"> 8401 <div class="faqAcc accordion accordion-flush" id="accordionFlushExample"> 8402 <!-- ITEM 1 --> 8403 <div class="accordion-item"> 8404 <h2 class="accordion-header" id="flush-headingOne"> 8405 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> 8406 What is an SMM Panel? 8407 </button> 8408 </h2> 8409 <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> 8410 <div class="accordion-body"> 8411 HASSAN SMM ~ Best API provider is an SMM Panel where users can buy social media marketing services such as Facebook Followers, Instagram Likes, YouTube Views, Website Traffic, and more. 8412 </div> 8413 </div> 8414 </div> 8415 <!-- ITEM 2--> 8416 <div class="accordion-item"> 8417 <h2 class="accordion-header" id="flush-headingTwo"> 8418 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> 8419 Why is HASSAN SMM ~ Best API provider the Best SMM Panel? 8420 </button> 8421 </h2> 8422 <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> 8423 <div class="accordion-body"> 8424 We are the best SMM panel offering affordable reseller services with API support, helping businesses grow their social media presence and brand awareness with services like Facebook Followers, Instagram Likes, YouTube Subscribers, and more. 8425 </div> 8426 </div> 8427 </div> 8428 <!-- ITEM 3 --> 8429 <div class="accordion-item"> 8430 <h2 class="accordion-header" id="flush-headingThree"> 8431 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> 8432 Why Choose Our Affordable SMM Panel? 8433 </button> 8434 </h2> 8435 <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> 8436 <div class="accordion-body"> 8437 We provide some of the most affordable wholesale SMM services on the market. Looking for great marketing at unbeatable prices? Our SMM panel is the perfect solution, and we guarantee to offer the best prices worldwide. 8438 </div> 8439 </div> 8440 </div> 8441 <!-- ITEM 4 --> 8442 <div class="accordion-item"> 8443 <h2 class="accordion-header" id="flush-heading4"> 8444 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4"> 8445 What is a Reseller Panel? 8446 </button> 8447 </h2> 8448 <div id="flush-collapse4" class="accordion-collapse collapse" aria-labelledby="flush-heading4" data-bs-parent="#accordionFlushExample"> 8449 <div class="accordion-body"> 8450 <strong> Our reseller panel provides the most affordable services compared to our competitors. </strong> If you're looking for affordable social media promotions, our panel is perfect for you. Expect hundreds of free followers as well! 8451 </div> 8452 </div> 8453 </div> 8454 <!-- ITEM 5 --> 8455 <div class="accordion-item"> 8456 <h2 class="accordion-header" id="flush-heading5"> 8457 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5"> 8458 Best SMM Panel in the USA 8459 </button> 8460 </h2> 8461 <div id="flush-collapse5" class="accordion-collapse collapse" aria-labelledby="flush-heading5" data-bs-parent="#accordionFlushExample"> 8462 <div class="accordion-body"> 8463 We offer the cheapest SMM Reseller Panel services in the market. Whether you're looking to add social media marketing services to your business or resell our services via API, weâve got you covered to help build your business and earn a profit. 8464 </div> 8465 </div> 8466 </div> 8467 </div> 8468 </div> 8469 <div class="col-lg-6"> 8470 <div class="faqAcc accordion accordion-flush" id="accordionFlushedExample"> 8471 <!-- ITEM 6 --> 8472 <div class="accordion-item"> 8473 <h2 class="accordion-header" id="flush-heading6"> 8474 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse6" aria-expanded="false" aria-controls="flush-collapse6"> 8475 SMM Panel India 8476 </button> 8477 </h2> 8478 <div id="flush-collapse6" class="accordion-collapse collapse" aria-labelledby="flush-heading6" data-bs-parent="#accordionFlushedExample"> 8479 <div class="accordion-body"> 8480 HASSAN SMM ~ Best API provider .com is the top choice for SMM panels in India, offering local services like Indian followers, likes, and comments. Our services deliver only the best, and youâll love the stable, high-quality followers you receive. 8481 </div> 8482 </div> 8483 </div> 8484 <!-- ITEM 7 --> 8485 <div class="accordion-item"> 8486 <h2 class="accordion-header" id="flush-heading7"> 8487 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse7" aria-expanded="false" aria-controls="flush-collapse7"> 8488 Fastest SMM Panel for PayPal 8489 </button> 8490 </h2> 8491 <div id="flush-collapse7" class="accordion-collapse collapse" aria-labelledby="flush-heading7" data-bs-parent="#accordionFlushedExample"> 8492 <div class="accordion-body"> 8493 Grow your business by reaching new clients globally. Our PayPal-friendly SMM Panel ensures fast, seamless transactions with excellent customer support, making it an ideal solution for businesses seeking rapid engagement and growth. 8494 </div> 8495 </div> 8496 </div> 8497 <!-- ITEM 8 --> 8498 <div class="accordion-item"> 8499 <h2 class="accordion-header" id="flush-heading8"> 8500 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse8" aria-expanded="false" aria-controls="flush-collapse8"> 8501 Worldâs Most Affordable SMM Panel 8502 </button> 8503 </h2> 8504 <div id="flush-collapse8" class="accordion-collapse collapse" aria-labelledby="flush-heading8" data-bs-parent="#accordionFlushedExample"> 8505 <div class="accordion-body"> 8506 HASSAN SMM ~ Best API provider .com is recognized as the world's most affordable SMM panel, offering services across SoundCloud, Facebook, Instagram, Twitter, YouTube, and TikTok. In India, we stand as the best and most cost-effective choice. 8507 </div> 8508 </div> 8509 </div> 8510 <!-- ITEM 9 --> 8511 <div class="accordion-item"> 8512 <h2 class="accordion-header" id="flush-heading9"> 8513 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse9" aria-expanded="false" aria-controls="flush-collapse9"> 8514 YouTube Watchtime SMM Panel 8515 </button> 8516 </h2> 8517 <div id="flush-collapse9" class="accordion-collapse collapse" aria-labelledby="flush-heading9" data-bs-parent="#accordionFlushedExample"> 8518 <div class="accordion-body"> 8519 Boost your channelâs watchtime with high-quality views from real users. Purchasing SMM services for YouTube watchtime will enhance your channel's credibility and visibility, helping you reach monetization eligibility and attract sponsors. 8520 </div> 8521 </div> 8522 </div> 8523 <!-- ITEM 10 --> 8524 <div class="accordion-item"> 8525 <h2 class="accordion-header" id="flush-heading0"> 8526 <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse0" aria-expanded="false" aria-controls="flush-collapse0"> 8527 PayPal SMM Panel Services 8528 </button> 8529 </h2> 8530 <div id="flush-collapse0" class="accordion-collapse collapse" aria-labelledby="flush-heading0" data-bs-parent="#accordionFlushedExample"> 8531 <div class="accordion-body"> 8532 HASSAN SMM ~ Best API provider offers one of the best PayPal SMM Panel services. PayPal integration allows for seamless payments while maintaining the high-quality engagement necessary for social media success. Please reach out for any inquiries about our services or social media marketing strategies. 8533 </div> 8534 </div> 8535 </div> 8536 </div> 8537 </div> 8538 </div> 8539 </div> 8540 </section> 8541 8542 <!-- ## Frequetly Asked Questions --> 8543 8544 <!-- Payment Gateway we accept --> 8545 <section id="payment"> 8546 <div class="container"> 8547 <div class="row"> 8548 <div class="col-lg-12"> 8549 <div class="top__title"> 8550 <h5>Our Payment Partners</h5> 8551 <h2>HASSAN SMM ~ Best API provider â Your Ultimate Choice for Affordable, Fast & Reliable SMM Reseller Services</h2> 8552 <p> 8553 Compared to most of our competitors, we offer a seamless payment experience. We accept a variety of payment methods including PayPal, PayTM, credit cards, Perfect Money, and cryptocurrency. Enjoy quick and easy one-click depo
8553sits, with no waiting time for funds to be available. 8554 </p> 8555 </div> 8556 </div> 8557 </div> 8558 </div> 8559 8560 <div id="paymentSlider"> 8561 <div class="container"> 8562 <div class="row"> 8563 <div class="col-lg-12"> 8564 <div class="Slider_main_container"> 8565 <div class="swiper mySwiper"> 8566 <div class="swiper-wrapper"> 8567 <div class="swiper-slide"> 8568 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108002/honest_smPannel/bkash_zzpwwx_dlpesm.png" class="img-fluid" alt=""/> 8569 </div> 8570 <div class="swiper-slide"> 8571 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108030/honest_smPannel/nagad_smbg2w_davjtb.png" class="img-fluid" alt=""/> 8572 </div> 8573 <div class="swiper-slide"> 8574 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108054/honest_smPannel/cashmall_fahzu5_tirh7o.png" class="img-fluid" alt=""/> 8575 </div> 8576 <div class="swiper-slide"> 8577 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108077/honest_smPannel/payoneer_mvbmzp_etjrtr.png" class="img-fluid" alt=""/> 8578 </div> 8579 <div class="swiper-slide"> 8580 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108102/honest_smPannel/mastercard_jd68dy_dxi76p.png" class="img-fluid" alt=""/> 8581 </div> 8582 <div class="swiper-slide"> 8583 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108125/honest_smPannel/skrill_nvocq6_jgip6z.png" class="img-fluid" alt=""/> 8584 </div> 8585 <div class="swiper-slide"> 8586 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108146/honest_smPannel/visa_jpbrql_bt03ta.png" class="img-fluid" alt=""/> 8587 </div> 8588 <div class="swiper-slide"> 8589 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108167/honest_smPannel/perfectmoney_wgszxi_fdqamc.png" class="img-fluid" alt=""/> 8590 </div> 8591 <div class="swiper-slide"> 8592 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108192/honest_smPannel/payeer_ygcgcj_h6oiaz.png" class="img-fluid" alt=""/> 8593 </div> 8594 <div class="swiper-slide"> 8595 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108212/honest_smPannel/paytm_napdxw_eeslxa.png" class="img-fluid" alt=""/> 8596 </div> 8597 <div class="swiper-slide"> 8598 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108235/honest_smPannel/crypto_bbhtl2_md2iqa.png" class="img-fluid" alt=""/> 8599 </div> 8600 <div class="swiper-slide"> 8601 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108258/
8601honest_smPannel/coinbase_bcpppn_qsibiu.png" class="img-fluid" alt=""/> 8602 </div> 8603 <div class="swiper-slide"> 8604 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108002/honest_smPannel/bkash_zzpwwx_dlpesm.png" class="img-fluid" alt=""/> 8605 </div> 8606 <div class="swiper-slide"> 8607 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108030/honest_smPannel/nagad_smbg2w_davjtb.png" class="img-fluid" alt=""/> 8608 </div> 8609 <div class="swiper-slide"> 8610 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108054/honest_smPannel/cashmall_fahzu5_tirh7o.png" class="img-fluid" alt=""/> 8611 </div> 8612 <div class="swiper-slide"> 8613 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108077/honest_smPannel/payoneer_mvbmzp_etjrtr.png" class="img-fluid" alt=""/> 8614 </div> 8615 <div class="swiper-slide"> 8616 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108102/honest_smPannel/mastercard_jd68dy_dxi76p.png" class="img-fluid" alt=""/> 8617 </div> 8618 <div class="swiper-slide"> 8619 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108125/honest_smPannel/skrill_nvocq6_jgip6z.png" class="img-fluid" alt=""/> 8620 </div> 8621 <div class="swiper-slide"> 8622 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108146/honest_smPannel/visa_jpbrql_bt03ta.png" class="img-fluid" alt=""/> 8623 </div> 8624 <div class="swiper-slide"> 8625 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108167/honest_smPannel/perfectmoney_wgszxi_fdqamc.png" class="img-fluid" alt=""/> 8626 </div> 8627 <div class="swiper-slide"> 8628 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108192/honest_smPannel/payeer_ygcgcj_h6oiaz.png" class="img-fluid" alt=""/> 8629 </div> 8630 <div class="swiper-slide"> 8631 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108212/honest_smPannel/paytm_napdxw_eeslxa.png" class="img-fluid" alt=""/> 8632 </div> 8633 <div class="swiper-slide"> 8634 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108235/honest_smPannel/crypto_bbhtl2_md2iqa.png" class="img-fluid" alt=""/> 8635 </div> 8636 <div class="swiper-slide"> 8637 <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108258/
8637honest_smPannel/coinbase_bcpppn_qsibiu.png" class="img-fluid" alt=""/> 8638 </div> 8639 </div> 8640 </div> 8641 </div> 8642 </div> 8643 </div> 8644 </div> 8645 </div> 8646 </section> 8647
8647<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
8647 8648</main>
8649<script> 8650 function passwordShowHide() { 8651 var passwordField = document.getElementById('password'); 8652 var passwordBtn = document.getElementById('pwdBtn'); 8653 8654 8655 if (passwordField.type === "password") { 8656 passwordField.type = "text"; 8657 passwordBtn.querySelector('.hide-eye').style.display = 'none'; 8658 passwordBtn.querySelector('.show-eye').style.display = 'inline-block'; 8659 } else { 8660 passwordField.type = "password"; 8661 passwordBtn.querySelector('.hide-eye').style.display = 'inline-block'; 8662 passwordBtn.querySelector('.show-eye').style.display = 'none'; 8663 } 8664} 8665 8666</script>
vendor: 1 bytes, line 8666
8666
8667<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/jquery.min.js"></script>
vendor: 1 bytes, line 8667
8667
8668<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/cflcci28nes0yhln.js"></script>
vendor: 1 bytes, line 8668
8668
8669<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/t3u8bszy7ju8y8or.js"></script>
vendor: 1 bytes, line 8669
8669
8670<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/oor0gfnm6a7rec3u.js"></script>
vendor: 1 bytes, line 8670
8670
8671<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/fl30lzzomp4w0yk2.js"></script>
vendor: 1 bytes, line 8671
8671
8672<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/x8eo1d0qmu03i9qb.js"></script>
vendor: 1 bytes, line 8672
8672
8673<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/5rlpuzscp8ism29e.js"></script>
vendor: 1 bytes, line 8673
8673
8674<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/farxtjet462wr6bi.js"></script>
8674 8675
8675<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
8675 8676 8677 8678 <style>.integration-fixed{position:fixed;z-index:10000000}.integration-fixed__top-left{top:0;left:0}.integration-fixed__top-right{top:0;right:0}.integration-fixed__bottom-left{bottom:0;left:0}.integration-fixed__bottom-right{bottom:0;right:0} 8679.whatsapp-container{padding:24px}.whatsapp-button{width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF!important;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;display:flex;align-items:center;justify-content:center;text-decoration:none!important;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;transform:scale(0.9)}.whatsapp-button:hover{transform:scale(1);background-color:#108f29} 8680</style> 8681 8682<div class="integration-fixed integration-fixed__bottom-right"> 8683 <div class="whatsapp-container"> 8684 <a href="https://api.whatsapp.com/send?phone=+923076554427&text=Are you available to chat?." target="_blank" class="whatsapp-button"> 8685 <i class="fab fa-whatsapp"></i> 8686 </a> 8687 </div> 8688</div>
vendor: 78 bytes, lines 8688-8693
8688 8689<script src="https://www.google.com/recaptcha/api.js?hl=en"></script> 8690 8691 8692 8693
8694</div> 8695</div> </div></div></div></div></div> 8696 </div></div></div></div></div></div></div> 8697 8698 8699 8700 8701 8702 8703 8704 8705 <div class="wrapper-content__footer"> 8706 <div id="block_76"> 8707 <div class="footer "> 8708 <div class="component_footer_single_line"> 8709 <div class="component-footer"> 8710 <div class="component-footer__public"> 8711 <div class="container-fluid"> 8712 <div class="row"> 8713 <div class="col-md-12"> 8714 <div class="component-footer__public-copyright"> 8715 <p class="text-center"><span style="text-align: CENTER">© Copyright. All Rights Reserved.</span></p> 8716 </div> 8717 <!-- TrustBox widget - Micro Review Count --> 8718 8719 </div> 8720 </div> 8721 </div> 8722 </div> 8723 </div> 8724 </div> 8725 </div> 8726</div> 8727 8728 8729 8730 </div> 8731 </div> 8732</div> 8733
8733<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
8733 8734
8734<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js"></script>
8734 8735
8735<script src="https://unpkg.com/@popperjs/core@2"></script>
8735 8736
8736<script src="https://unpkg.com/tippy.js@6"></script>
8736 8737
8737<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
8737 8738
8738<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.27.6/js/jquery.tablesorter.js"></script>
8738 8739
8739<script src="/assets/007twg/js/ch3915babussofa4.js"></script>
8739 8740
8740<script src="/assets/007twg/js/cgtptn05b64bwcs4.js"></script>
8740 8741
8741<script src="/assets/007twg/js/xcz59lmywkfdgsp4.js"></script>
8741 8742
8742<script src="/assets/007twg/js/wnzsoolloslhfumj.js"></script>
8742 8743
8743<script src="/assets/007twg/js/qri1ac173hshc2hdjc.js"></script>
8743 8744
8744<script src="/assets/007twg/js/script.js"></script>
8744 8745
8745<script src="/assets/007twg/js/newyear.js"></script>
8745 8746
8746<script src="/assets/007twg/js/custome.js"></script>
8746 8747
8747<script> 8748 function navToggleMob() { 8749 let menuBox = document.getElementById('navMob'); 8750 menuBox.classList.toggle('active'); 8751 } 8752 8753 8754 $(window).scroll(function () { 8755 var scroll = $(window).scrollTop(); 8756 8757 if (scroll >= 80) { 8758 $("#navbar").addClass("shrink"); 8759 } else { 8760 $("#navbar").removeClass("shrink"); 8761 } 8762 8763 if (scroll >= 300) { 8764 $("#navbar").addClass("fixed-top"); 8765 } else { 8766 $("#navbar").removeClass("fixed-top"); 8767 } 8768 }); 8769 8770 </script>
8770 8771 8772
8773<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>
8773 8774 8775 8776
8776<script type="text/javascript" > 8777 $("#notificationModal_1").on("hidden.bs.modal", function () { 8778 var popIds = $(this).attr('popids'); 8779 console.log(this); 8780 $.ajax({ 8781 type: 'POST', 8782 url: 'ajax_data', 8783 data: { 'action': "close_popup", 'popIds': popIds }, 8784 success: function(data) { 8785 8786 } 8787 }); 8788}); 8789 8790 8791 8792 8793 8794 $('#notificationModal_1').modal('show'); 8795</script>
8795 8796 8797 8798
8798<script type="text/javascript" > 8799 document.addEventListener('DOMContentLoaded', function() { 8800var newYearEvent = new window.NewYearEvent({"snow":{"init":false,"options":{"particles":{"move":{"speed":3,"bounce":false,"enable":true,"random":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200},"out_mode":"out","straight":false,"direction":"bottom"},"size":{"anim":{"sync":false,"speed":40,"enable":false,"size_min":0.1},"value":5,"random":true},"color":{"value":"#ffffff"},"number":{"value":50,"density":{"enable":true,"value_area":650}},"opacity":{"anim":{"sync":false,"speed":1,"enable":true,"opacity_min":0.9},"value":0.9,"random":true},"line_linked":{"color":"#ffffff","width":1,"enable":false,"opacity":0.8,"distance":500}},"interactivity":{"modes":{"bubble":{"size":4,"speed":3,"opacity":1,"distance":400,"duration":0.3},"repulse":{"speed":3,"distance":200,"duration":0.4}},"events":{"resize":true,"onclick":{"mode":"repulse","enable":true},"onhover":{"mode":"bubble","enable":false}},"detect_on":"window"},"retina_detect":true}},"toys":{"init":false,"options":{"count":40,"speed":3,"images":[],"maxSize":50,"launches":"infinite"}},"garland":{"init":true,"options":{"type":"apple","style":"style2"}},"fireworks":{"init":false,"options":{"delay":{"max":50,"min":40},"friction":0.97}}}) 8801newYearEvent.start() 8802});</script>
8802 8803 8804</body> 8805</html> 8806 8807 8808<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 8808-8809
8808 8809<script async src="https://www.googletagmanager.com/gtag/js?id=
8809G-13R8ES41F5
vendor: 13 bytes, line 8809
8809"></script>
8810<script> 8811
vendor: 138 bytes, lines 8811-8815
8811window.dataLayer = window.dataLayer || []; 8812 function gtag(){dataLayer.push(arguments);} 8813 gtag('js', new Date()); 8814 8815 gtag('config', '
8815G-13R8ES41F5
vendor: 5 bytes, line 8815
8815');
8816</script>
8816<!-- Google Tag Manager -->
8817<script>
vendor: 331 bytes, lines 8817-8821
8817(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 8818new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8819j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8820'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 8821})(window,document,'script','dataLayer','
8821GTM-KB542GC7
vendor: 3 bytes, line 8821
8821');
8821</script>
8821 8822<!-- End Google Tag Manager -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.