*{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:0!important}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #333}::-webkit-scrollbar-thumb{background:#fff}html,body{font-family:Arial,sans-serif;width:100%!important;height:100%!important;margin:0;padding:0;overflow-x:hidden;}button{outline:0}.hide-content{font-size:25px;position:absolute;top:-250px}.f-size-24{font-size:24px}.box{position:relative;border-radius:20px;background:#fff;margin-bottom:20px;width:100%;padding-right: 20px; padding-left: 20px;}.box-header{color:#444;display:block;padding:0px;position:relative}.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}.box-title{font-size:15px;margin:0;line-height:1}.text-green{color:#00a65a}.text-blue{color:#0073b7}.text-red{color:#dd4b39}@media only screen and (max-width:30em){.sidenav a{font-size:17px}}.list{font-size:20px;cursor:pointer;border-radius:6px;padding:3px 10px;border:1px solid #bfbfbf;color:#e83e8c;box-shadow:2px 3px 3px 0 #a0a0a0;font-weight:900;animation:colorchange .5s infinite}@keyframes colorchange{50%{color:#e83e8c}100%{color:#fff}}@-webkit-keyframes colorchange{50%{color:#e83e8c}100%{color:#fff}}.overflow-y-hidden{overflow-y:hidden}#sidebar-wrapper{left:-420px;width:420px;height:100%;overflow-y:auto;font-size:18px;font-variant:small-caps;overflow-x:hidden;background-color:#18001b;-webkit-transition:left.3s ease-in-out;-moz-transition:left.3s ease-in-out;-o-transition:left.3s ease-in-out;transition:left.3s ease-in-out}#wrapper.toggled #sidebar-wrapper{left:0;-webkit-transition:left.3s ease-in-out;-moz-transition:left.3s ease-in-out;-o-transition:left.3s ease-in-out;transition:left.3s ease-in-out}#page-content-wrapper{width:100%;padding-top:70px}#wrapper.toggled #page-content-wrapper{position:absolute;margin-right:-220px}.toggled{width:100%;display:block;position:fixed;height:100%;z-index:3;background-color:rgba(0,0,0,.9);-webkit-transition:background-color .2s cubic-bezier(0,0,.21,1);-moz-transition:background-color .2s cubic-bezier(0,0,.21,1);-o-transition:background-color .2s cubic-bezier(0,0,.21,1);transition:background-color .2s cubic-bezier(0,0,.21,1)}.navbar-i{padding:0}.sidebar-nav li{position:relative;line-height:20px;display:inline-block;width:100%}.sidebar-nav li:before{content:'';position:absolute;top:0;left:0;z-index:-1;height:100%;width:3px;background-color:#1c1c1c;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.sidebar-nav li:first-child a{color:#fff;background-color:#1a1a1a}.sidebar-nav li:nth-child(5n+1):before{background-color:inherit}.sidebar-nav li:nth-child(5n+2):before{background-color:initial}.sidebar-nav li:nth-child(5n+3):before{background-color:#314190}.sidebar-nav li:nth-child(5n+4):before{background-color:#279636}.sidebar-nav li:nth-child(5n+5):before{background-color:#7d5d81}.sidebar-nav li.open:hover:before,.sidebar-nav li:hover:before{width:100%;-webkit-transition:.3s cubic-bezier(0,0,.21,1);-moz-transition:.3s cubic-bezier(0,0,.21,1);-o-transition:.3s cubic-bezier(0,0,.21,1);transition:.3s cubic-bezier(0,0,.21,1)}.sidebar-nav li a{display:block;color:#ddd;text-decoration:none;padding:10px 15px 10px 30px}.sidebar-nav li a span{background-image:url(../../../res/img/brand-icon.webp);background-repeat:no-repeat;width:30px;height:30px;vertical-align:middle;display:inline-block}.sidebar-header{text-align:center;font-size:25px;width:100%;background-color:#3a0540}.sidebar-header2{padding:2px;margin:0 1px;text-align:center;background-image:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b)}.sidebar-youtube{color:#fff!important;background-color:#000;padding:10px 0!important}.sidebar-brand{height:45px;color:#fff;background-color:rgba(0,0,0,0);border:none}.brand-918kiss{background-position:0 -36px}.brand-xe88{background-position:0 -856px}.brand-mega888{background-position:0 -528px}.brand-pussy888{background-position:0 -691px}.brand-joker123{background-position:0 -298px}.brand-lpe88{background-position:0 -495px}.brand-leocity88{background-position:0 -396px}.brand-live22{background-position:0 -430px}.brand-playboy2{background-position:0 -594px}.brand-getkingkong{background-position:0 -232px}.brand-greatwall99{background-position:0 -265px}.brand-king855{background-position:0 -364px}.brand-newasia{background-position:0 -561px}.brand-playgirl888{background-position:0 -626px}.brand-suncity2{background-position:0 -790px}.brand-3win8{background-position:0 -3px}.brand-ace333{background-position:0 -69px}.brand-bigbang88{background-position:0 -135px}.brand-c8play{background-position:0 -168px}.brand-love138{background-position:0 -462px}.brand-sky777{background-position:0 -724px}.brand-avenger98{background-position:0 -102px}.brand-pnp909{background-position:0 -659px}.brand-slotxo{background-position:0 -757px}.brand-kenzo888{background-position:0 -333px}.brand-wukong333{background-position:0 -823px}.brand-918-kaya{background-position:0 -925px}.brand-918kiss-plus{background-position:0 -889px}.brand-cq9asia{background-position:0 -200px}.logo-brand{width:200px;margin:0 auto}.game-list-title{color:#dc3545;}.faq li { padding: 20px;margin-left:-50px; }.faq li.q {font-weight: bold;font-size:11pt;border: 1px #ddd solid;border-radius: 15px;cursor: pointer;margin-top: 15px;}.faq li.a {border-radius:15px;background: #E5E4E2;display: none;color:#333;}.faq li.q i {float: right;transition: transform 0.3s ease-in-out;}.faq li.q.rotate i::before {content: "+"; /* Cross icon */ }.faq li.q i::before {content: "+"; /* Plus icon */} .faq ul, li { list-style: none; }.title-underline{text-decoration: underline!important;}.footer-copy-right{text-align: center;cursor:pointer;}.table-of-content-l{padding-top:10px;}.table-of-content ul,li{ list-style-type: circle;margin-left:-10px!important;padding:1px;}.faq li.a {list-style: none!important;}.table-of-content a{scroll-behavior: smooth;}
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000; 
}

/* Styling for the close button */
.lightbox-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 70px;
  color: #FF0000;
  cursor: pointer;
}

/* Styling for the lightbox image */
.lightbox-image {
  max-width: 90%;
  max-height: 90%;
}

/* Styling for the gallery images */
.gallery img {
  cursor: pointer;
}

.logo-brand img{
     border-radius: 25px;
     border:5px solid #ffc107;
}
.main-logo{
  max-height: 100px;
  padding-bottom: 5px;
}
.div-main-logo{
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-brand{
  width:260px;
  height: auto;
  margin: 0px;
}
.desktop-next-line{
  display:block;
}
.desktop-next-line button{
  font-size:20px;
  min-width: 200px;
  min-height: 50px;
}
.desktop-next-line button span{
  margin-right:5px;
}
.icons {
  width:30px;
  height:30px;
  display:inline-block;
  vertical-align:middle;
  background-repeat:no-repeat
}  
.icon-whatsapp {
  background-position:0 -984px
}   
.icons {
  background-image: url(https://www.ipras.org/icon.webp);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
} 
.btn-success {
  color: #fff;
  background-color: #22b07f;
  border-color: #28a745;
}        
.ws-btn{
  width:200px;
  font-size:15pt!important;
  border-radius: 1.5rem!important;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}
#footer{
  text-align:center;
}

.donwload-padding {
  padding: 0 10rem;
}

@media only screen and (max-width: 1079px) {
  .desktop-next-line{
      display: inline-block;
  }
  .desktop-next-line button{
      font-size:unset;
      min-width: unset;
      min-height: unset;
  }
  .desktop-next-line button span{
      margin-right:unset;
  }
  .div-main-logo{
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-section .detail {
    margin: auto;
    background:#fff ;
    padding: 12px 20px;
    border-radius: 20px;
    color:#000000 ;
    min-height: 400px;
}

.detail-left {
    float: left;
}
.donwload-padding {
  padding: 0 ;
}
}
@media only screen and (max-width: 576px) {
  .mobile-hide{
      display:none;
  }
  .div-main-logo{
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  }
  .donwload-padding {
    padding: 0 ;
  }
}

.nav-header {
  position: fixed;
  top: 0;
  z-index: 1030;
  background-color: #0a7c0f;
  width: 100%;
  padding: 5px 35px;
}

.nav-list {
  margin-top: .7rem !important;
}
.nav-list:hover {
  opacity: 0.9;
}

.header-play-now img {
  cursor: pointer;
}
.header-play-now img:hover {
  opacity: 0.9;
}
.menu-hamburger {
  font-size: 25px;
  cursor: pointer;
  border-radius: 6px;
  padding: 5px 10px;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 600;
}
.menu-hamburger span{
  line-height: 1;
}
.menu-hamburger span.menu-icon{
  font-size: 20px;
  padding-right: 5px
}

/* Mobile version adjustments */
@media (max-width: 768px) {
  .menu-hamburger {
    font-size: 18px; /* Further reduce font size for smaller screens */
    line-height: 1;
  }
  
  .menu-hamburger span.menu-icon{
    font-size: 15px;
  }
}

.font-h4 {
  font-size: 1.3rem !important;
}

.font-h5 {
  font-size: 1.1rem !important;
}

.btn-default {
  color: white;
  border-radius: 25px;
  border: none;
  background: linear-gradient(180deg, rgb(216 173 0) 0%, rgba(245, 151, 10, 1) 20%, rgba(211, 175, 73, 1) 98%);
  padding: 6px 30px;
}

.btn-social {
  color: white;
  border-radius: 25px;
  display: block;
  padding: 5px 22px 3px 22px;
}

.btn-social img {
  display: inline-block;
  max-width: 30px;
  max-height: 30px;
  vertical-align: top;
  margin-right: 10px;
}
.btn-social span {
  display: inline-block;
  font-weight: 500;
  line-height: 15px;
}

.btn-social span small {
  font-size: 55%;
}

.btn-telegram {
  background-image: url("/res/img/bluebanner_L.gif");
  background-size: cover;
  background-repeat: no-repeat;
}


.btn-wa {
  background-image: url("/res/img/greenbanner_L.gif");
  background-size: cover;
  background-repeat: no-repeat;
}

.btn-telegram:hover,.btn-telegram:focus,.btn-wa:hover,.btn-wa:focus {
  opacity: 0.9;
  color: #FFFFFF;
}

.head-title {
  color: #304036;
  font-weight: 700 !important;
  margin-top: .8rem !important;
  margin-bottom: -5px !important;
}

.os-img {
  width: 70px;
  height: 70px;
}

.font-color-light-grey {
  color: #434343 !important;
}

.font-color-grey {
  color: #4d4e4d !important;
}

.btn-download {
  color: white;
  padding: 6px 23px;
  border-radius: 10px;
  border: none;
  font-size: small;
  font-weight: 700;
}

.btn-download img {
  width: 22px;
}

.btn-android {
  background: linear-gradient(73deg, rgba(151, 236, 168, 1) 5%, rgba(36, 199, 69, 1) 35%, rgba(16, 162, 45, 1) 96%);
}

.btn-ios-1 {
  background: linear-gradient(73deg, rgba(221,104,70,1) 5%, rgba(216,70,30,1) 43%, rgba(215,46,3,1) 89%);
}

.btn-ios-2 {
  background: linear-gradient(73deg, rgba(231,178,54,1) 5%, rgba(236,158,21,1) 43%, rgba(253,131,2,1) 91%);
}

.box-border {
  border-radius: 20px;
  border: 1px solid #369e5f;
  background: #edfff1;
  padding-bottom: 1rem;
}

.review-border-right {
  border-right: 3px solid #707070;
}

.review-header {
  font-size: 2rem;
  font-weight: 700;
}

.review-rated {
  border: 2px solid black;
  border-radius: 10px;
  padding: 0 8px;
}

.review-star {
  vertical-align: text-bottom;
  max-width: 38px;
}

.lh-base {
  line-height: 1.4 !important;
}

.lh-small {
  line-height: 1.25 !important;
}

li.list-bullet {
  position: relative;
  list-style-type: disc;
  font-size: 15px;
}

li.list-bullet::marker {
  color: #007688;
}

.padding-flexi {
  padding: 1.5rem !important;
}

.padding-flexi-1 {
  padding: 1.5rem 3rem !important;
}

.green-title {
  color: #0a7c0f !important;
  font-weight: 700;
  font-size: 1rem;
}
table{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
::-webkit-scrollbar {
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #555;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
ol.table-content-list > li {
  list-style-type: auto;
  color: #0a7c0f !important;
  font-weight: 700;
  font-size: 1rem;
}

ol.table-content-list > ol {
  padding-left: 10px;
}

ol.table-content-list > ol > li {
  list-style-type: none;
}

ol.table-content-list > ol > li > a {
  font-size: 0.9rem;
}

ol.table-content-list > li:not(:first-child){
  margin-top: 15px;
}

/* Mobile version adjustments */
@media (max-width: 768px) {
  ol.table-content-list > li:not(:first-child) {
    margin-top: 5px; /* Reduced margin for better spacing on smaller screens */
  }
}

.installation-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.installation-slider {
  overflow: hidden;
  flex-grow: 1; /* Take remaining space between buttons */
  width: 100%;
}

.steps-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.installation-step {
  box-sizing: border-box;
  text-align: center;
  padding-top: 20px;
  min-width: 50%; /* Ensure two images are visible at all times */
}

.step-image {
  max-width: 100%;
  height: auto;
}

.step-description {
  margin-top: 20px;
}

.installation-nav-btn {
  cursor: pointer;
}

.installation-nav-btn img {
  max-width: 90%;
  height: auto;
}

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

.content-container {
  margin-bottom: 20px;
  margin-top: 20px;
}

.content-container a {
  font-weight: 500;
  color: #4d4e4d !important;
}

.content-container ol li {
  font-size: 15px;
  list-style-type: auto;
}

.content-container ol li::marker {
  font-weight: 600;
}

.rating-container {
  margin-top: 15px;
  margin-bottom: 40px;
  color: #304036;
  padding-left: 20px;
  padding-right: 20px;
}

.rating-number {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
}

.rating-stars {
  color: #4d4e4d;
  font-size: 1.5rem;
}

.total-reviews {
  font-size: 1rem;
  color: #666;
}

/* Flexbox layout for rating bars */
.rating-bars {
  display: flex;
  flex-direction: column;
}

.rating-bar-container {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.rating-bar-container span {
  width: 30px;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
}

.rating-bar {
  height: 8px;
  background-color: #dcdcdc;
  width: 100%;
  border-radius: 5px;
  position: relative;
}

.filled-rating-bar {
  height: 100%;
  background-color: #304036;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
}

/* Review card styles */
.review-container {
  margin-top: 1.8rem !important;
  position: relative;
}

.review-card {
  display: none;
  padding: 15px 40px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  flex: 1;
}

.review-card.active {
  display: flex;
}

.review-card img {
  border-radius: 10%;
  width: 150px;
  height: 150px;
  object-fit: cover;
}

.review-content {
  margin-left: 25px;
  padding-top: 15px;
  text-align: initial;
}

.review-content h5 {
  font-weight: bold;
  line-height: 5px;
}

.review-content small {
  color: gray;
}
.review-container {
  margin-top: 1.8rem !important;
  position: relative;
}



.review-content p {
  margin-top: 10px;
  color: #333;
  line-height: 20px;
}

/* Navigation button styles */
.review-nav-btn {
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
}

.review-nav-btn img {
  width: 70%;
}

.review-left-btn {
  position: absolute;
  left: -50px;
  top: 50px;
}

.review-right-btn {
  position: absolute;
  right: -50px;
  top: 50px;
}

.logo-section img {
  max-width: 20%;
  margin: 15px;
}
.verified-section img, .certification-section img, .payment-section img, .security-section img, .responsible-section img {
  max-height: 45px;
}
.security-section {
  text-align: left;
}
.verified-section, .certification-section, .payment-section {
  border-bottom: 1px solid grey;
  padding-top: 10px;
  padding-bottom: 10px;
}
.verified-section > div, .certification-section > div, .payment-section > div{
  padding-top: 10px;
  padding-bottom: 10px;
}
.section-heading {
  margin-top: 10px;
  margin-bottom: 10px !important;
  font-weight: bold;
}
.security-section .h4 {
  font-size: 1.45rem !important;
}
.responsible-section .h4 {
  font-size: 1.45rem !important;
}
.certification-section .h4 {
  font-size: 1.45rem !important;
}
.verified-section .h4 {
  font-size: 1.45rem !important;
}
.payment-section .h4 {
  font-size: 1.45rem !important;
}
.payment-section img {
  max-width: 70px;
}

.footer-section img {
  max-width: 80px;
  margin: 10px;
}
.footer-section img.img-security {
  max-width: 160px;
  margin: 5px;
}
.footer-text {
  font-size: 0.9rem;
  color: #6c757d;
}

/* Custom styles */
.contact-section {
  margin-top: 10px;
}

.contact-section h3, h5 {
  font-weight: bold;
  margin-bottom: 20px;
}

.contact-section p {
  margin-bottom: 0;
  font-size: 0.95rem;
}

.migop-ad {
  padding: 20px 0;
  margin-bottom: 15px;
  border-right: 1px solid grey;
  display: inline-flex;
}

.migop-ad img {
  max-width: 80px;
  max-height: 38px;
}

.migop-ad p {
  font-size: 0.9rem;
  color: #6c757d;
  padding-left: 20px;
}

.follow-us img {
  max-width: 30px;
  margin-right: 10px;
}

.font-paragraph {
  font-size: 1rem !important;
}

/* Responsive styling */
@media (max-width: 768px) {
  .migop-follow-wrapper {
    /*flex-direction: column;
    text-align: center;*/
  }

  .migop-ad{
    border-right: 0;
  }

  .migop-ad, .follow-us {
    margin-bottom: 20px;
    text-align: center;
  }

  .migop-ad img {
    margin-bottom: 10px;
  }

  .logo-section img {
    max-width: 35%;
    margin: 15px;
  }
}

#sidebar-wrapper {
  background: rgba(10,36,27,0.6);
}

.sidebar-container {
  margin-top: 100px;
  margin-bottom: 30px !important;
  font-variant: none;
}

.sidebar-container li {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-left: 0px !important;
}
.sidebar-brand:hover{
  opacity: 0.9;
}
.sidebar-brand-list a {
  display: block;
  color: #ddd;
  text-decoration: none;
  padding: 10px 15px 10px 30px;
  position: relative;
}
.sidebar-brand-list a:hover, .sidebar-brand-list a:focus {
  opacity: 0.9;
  color: #ddd !important;
}
.sidebar-brand-list a img {
  width: 50px;
}

.sidebar-brand-list a span {
  padding-left: 13px;
  font-size: 1.3rem;
  font-weight: 600;
  vertical-align: middle;
}

.sidebar-brand-list.submenu-brand {
  border-radius: 20px;
}

.sidebar-brand-list.submenu-brand.active {
  background-color: #04392f;
}

.sidebar-brand-list a .arrow {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8rem;
}

/* For collapsed state */
.submenu-toggle.collapsed .arrow-up {
  display: inline-block;
}

.submenu-toggle.collapsed .arrow-down {
  display: none;
}

/* Submenu styling */
.collapse-submenu {
  /*display: none;*/
  padding-left: 125px;
  margin-bottom: 15px;
  margin-top: -10px;
}

.collapse-submenu a {
  padding: 6px 0 6px 20px !important;
}

.collapse-submenu li {
  height: 30px;
}

.submenu-toggle.collapsed + ul.collapse-submenu {
  display: block;
}

.btn-social-sidebar {
  padding: 18px 40px;
  display: initial;
}

.btn-social-sidebar img {
  max-width: 40px;
  max-height: 40px;
  vertical-align: middle;
}

.btn-social-sidebar span {
  vertical-align: middle;
  line-height: 15px;
  font-size: 1.3rem;
}

.sidebar-thead {
  text-align: center;
  font-size: 25px;
}

.sidebar-thead2 {
  margin: 20px 0;
  text-align: center;
}

.sidebar-brand img {
  width: 30px;
  margin-right: 6px;
}
.contact-section h5 {
  font-size: 1.1rem;
  line-height: 0.8;
}
.contact-section p {
  line-height: 1.2;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .header-play-now img {
    width: 150px;
  }
  .nav-list {
    margin-top: .6rem !important;
  }
  .security-section .h4 {
    font-size: 1.3rem !important;
  }
  .responsible-section .h4 {
    font-size: 1.3rem !important;
  }
  .certification-section .h4 {
    font-size: 1.3rem !important;
  }
  .verified-section .h4 {
    font-size: 1.3rem !important;
  }
  .payment-section .h4 {
    font-size: 1.3rem !important;
  }
}

@media only screen and (max-width: 576px) {
  .nav-header {
    padding: 10px 15px;
  }
  .sidebar-container {
    margin-top: 80px;
    font-variant: none;
  }
  .box {
    padding-right: 10px;
    padding-left: 10px;
  }
  .game-list-container {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .review-border-right {
    border-right: none;
  }
  .font-paragraph {
    font-size: 0.9rem !important;;
  }
  .padding-flexi {
    padding: .5rem !important;
  }
  .padding-flexi-1 {
    padding: .5rem !important;
  }
  .rating-number {
    font-size: 2.4rem;
  }
  .rating-stars {
    font-size: 1rem;
  }
  .total-reviews {
    font-size: 0.7rem;
  }
  .sidebar-brand-list a img {
    width: 50px;
  }
  .sidebar-brand-list a span {
    font-size: 1.2rem;
  }
  #sidebar-wrapper {
    left: -320px;
    width: 320px;
  }
  .migop-ad p {
    padding-left: initial;
  }
  .main-logo{
    max-height: 80px;
  }
  .footer-section img.img-security {
    max-width: 100px;
    margin: 5px;
  }
  
  .footer-section img {
    margin: 0;
  }

  .verified-section img, .certification-section img, .payment-section img, .security-section img, .responsible-section .d-flex {
    margin-left: -10px;
  }
  .review-header {
    font-size: 1.5rem;
    margin-bottom: 8px;
  }
  .review-star {
    max-width: 30px;
  }

  .review-footer {
    line-height: 1;
    font-size: 0.8rem !important;
  }

  .security-section .h4 {
    font-size: 1.1rem !important;
  }
  .responsible-section .h4 {
    font-size: 1.1rem !important;
  }
  .certification-section .h4 {
    font-size: 1.1rem !important;
  }
  .verified-section .h4 {
    font-size: 1.1rem !important;
  }
  .payment-section .h4 {
    font-size: 1.1rem !important;
  }
}

#faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
  background: #A541BB;
  color: #fff;
}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq .card .collapsing {
  background: #FFE472;
  line-height: 30px;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  background: #FFE472;
  line-height: 30px;
  color: #222;
}

.accordion-item {
  border-bottom: 1px solid #777777;
  padding: 10px 10px 16px 10px;
}

.accordion-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Arrow icon styling */
.accordion-header .arrow {
  font-size: 1rem;
}

.accordion-header .arrow-down {
  display: inline-block;
}

.accordion-header .arrow-up {
  display: none !important;
}

/* Show content when accordion is expanded */
.accordion-header.active .arrow-down {
  display: none;
}

.accordion-header.active .arrow-up {
  display: inline-block !important;
}

/* Accordion content styling */
.accordion-content {
  display: none;
}

.write-review-btn {
  background-color: #18b065;
  color: white;
  font-weight: 600;
  border-radius: 25px;
  padding: 8px 16px;
  border: none;
}

.user-review-header {
  margin-top: 15px;
  color: #304036;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: -25px;
}

.star-success {
  color: #18b065;
}

.star-default {
  color: #c9c9c9;
}

.rating-bar-container span.percentage {
  width: 60px !important;
  margin-right: 0 !important;;
}

.filled-rating-bar.green {
  background-color: #18b065;
}

/* Styling the alphabet search */
.alphabet-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.alphabet-container a {
  font-size: 1.3rem;
  font-weight: 700;
  text-decoration: none;
  color: #666;
  border-right: 1px solid #ccc;
  transition: color 0.3s ease, font-weight 0.3s ease, border-color 0.3s ease;
  text-align: center;
  width: calc(100% / 9); /* Default: 9 items per row (for larger screens) */
  margin-bottom: 20px;
}

/* Active state */
.alphabet-container a.active {
  color: #007bff;
  font-weight: bold;
  border-color: #007bff;
}

/* Container for the whole section */
.alphabet-section {
  padding: 6px;
}

/* Remove the right border for the last item in each row */
.alphabet-container a:nth-child(9n) {
  border-right: none;
}

.alphabet-container a:last-child {
  border-right: none;
}

/* Media queries for different rows per screen size */
@media (max-width: 1200px) {
  .alphabet-container a {
    width: calc(100% / 7); /* 7 items per row (for medium screens) */
  }
  .alphabet-container a:nth-child(7n) {
    border-right: none;
  }
  .alphabet-container a:nth-child(9n) {
    border-right: 1px solid #ccc;
  }
}

@media (max-width: 992px) {
  .alphabet-container a {
    width: calc(100% / 6); /* 6 items per row (for small screens) */
  }
  .alphabet-container a:nth-child(6n) {
    border-right: none;
  }
  .alphabet-container a:nth-child(7n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(9n) {
    border-right: 1px solid #ccc;
  }
  .write-review-wrapper {
    width: 50% !important;
  }
  .user-review-title {
    text-align: left;
  }
}

@media (max-width: 768px) {
  .alphabet-container a {
    width: calc(100% / 5); /* 5 items per row (for smaller screens) */
  }
  .alphabet-container a:nth-child(5n) {
    border-right: none;
  }
  .alphabet-container a:nth-child(6n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(7n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(9n) {
    border-right: 1px solid #ccc;
  }
  .rating-review-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .user-review-header {
    padding-left: 10px;
    padding-right: 10px;
  }
  .responsible-section img {
    max-height: 35px;
  }
  .review-card {
    padding: 15px 10px;
  }
  .blog-card {
    padding: 15px 10px;
  }
}

@media (max-width: 576px) {
  .alphabet-container a {
    width: calc(100% / 4); /* 4 items per row (for mobile screens) */
  }
  .alphabet-container a:nth-child(4n) {
    border-right: none;
  }
  .alphabet-container a:nth-child(5n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(6n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(7n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(9n) {
    border-right: 1px solid #ccc;
  }
  .rating-review-wrapper {
    margin-top: 30px;
  }
}

@media (max-width: 400px) {
  .alphabet-container a {
    width: calc(100% / 3); /* 3 items per row (for very small screens) */
  }
  .alphabet-container a:nth-child(3n) {
    border-right: none;
  }
  .alphabet-container a:nth-child(4n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(5n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(6n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(7n) {
    border-right: 1px solid #ccc;
  }
  .alphabet-container a:nth-child(9n) {
    border-right: 1px solid #ccc;
  }
}

.write-review-wrapper {
  width: 75%;
}

.rating-response-bar {
  width: 75%;
}