/*
Theme Name: CASHINO INFO
Text Domain: wordpress.org
Version: 3.1
Requires at least: 4.7
Requires PHP: 7.4.2
Description: Our default theme for 2025 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: Mr. Lim Hou 
Theme URI: https://lomatechnology.com
License: GNU General Public License v2 or later
License URI: https://lomatechnology.com

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with ot
*/

/* -----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'ar-coder';
  src: url('fonts/ar-coder.eot?ro913q');
  src: url('fonts/ar-coder.eot?ro913q#iefix') format('embedded-opentype'),
      url('fonts/ar-coder.ttf?ro913q') format('truetype'),
      url('fonts/ar-coder.woff?ro913q') format('woff'),
      url('fonts/ar-coder.svg?ro913q#ar-coder') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="ar-icons-"],
[class*=" ar-icons-"] {
    font-family: 'ar-coder' !important;
    font-style: normal;
    line-height: 1;
}

.ar-icons-email:before {
  content: "\e92a";
}
.ar-icons-phone:before {
  content: "\e92b";
}
.ar-icons-arrow-right:before {
  content: "\e900";
}
.ar-icons-Asset-1:before {
  content: "\e901";
}
.ar-icons-Asset-2:before {
  content: "\e902";
}
.ar-icons-Asset-3:before {
  content: "\e903";
}
.ar-icons-Asset-4:before {
  content: "\e904";
}
.ar-icons-Asset-5:before {
  content: "\e905";
}
.ar-icons-Asset-6:before {
  content: "\e906";
}
.ar-icons-Asset-7:before {
  content: "\e907";
}
.ar-icons-Asset-8:before {
  content: "\e908";
}
.ar-icons-Asset-9:before {
  content: "\e909";
}
.ar-icons-Asset-10:before {
  content: "\e90a";
}
.ar-icons-Asset-11:before {
  content: "\e90b";
}
.ar-icons-Asset-12:before {
  content: "\e90c";
}
.ar-icons-Asset-13:before {
  content: "\e90d";
}
.ar-icons-Asset-14:before {
  content: "\e90e";
}
.ar-icons-Asset-15:before {
  content: "\e90f";
}
.ar-icons-Asset-16:before {
  content: "\e910";
}
.ar-icons-Asset-17:before {
  content: "\e911";
}
.ar-icons-Asset-18:before {
  content: "\e912";
}
.ar-icons-Asset-19:before {
  content: "\e913";
}
.ar-icons-Asset-20:before {
  content: "\e914";
}
.ar-icons-Asset-21:before {
  content: "\e915";
}
.ar-icons-Asset-22:before {
  content: "\e916";
}
.ar-icons-Asset-23:before {
  content: "\e917";
}
.ar-icons-Asset-24:before {
  content: "\e918";
}
.ar-icons-Asset-25:before {
  content: "\e919";
}
.ar-icons-Asset-26:before {
  content: "\e91a";
}
.ar-icons-Asset-27:before {
  content: "\e91b";
}
.ar-icons-Asset-28:before {
  content: "\e91c";
}
.ar-icons-Asset-29:before {
  content: "\e91d";
}
.ar-icons-Asset-30:before {
  content: "\e91e";
}
.ar-icons-Asset-31:before {
  content: "\e91f";
}
.ar-icons-Asset-32:before {
  content: "\e920";
}
.ar-icons-Asset-33:before {
  content: "\e921";
}
.ar-icons-Asset-34:before {
  content: "\e922";
}
.ar-icons-Asset-35:before {
  content: "\e923";
}
.ar-icons-Asset-36:before {
  content: "\e924";
}
.ar-icons-Asset-37:before {
  content: "\e925";
}
.ar-icons-Asset-38:before {
  content: "\e926";
}
.ar-icons-Asset-39:before {
  content: "\e927";
}
.ar-icons-Asset-40:before {
  content: "\e928";
}
.ar-icons-check:before {
  content: "\e929";
}
.ar-icons-quote-1:before {
  content: "\e92c";
}
.ar-icons-quote-2:before {
  content: "\e92d";
}
.ar-icons-quote:before {
  content: "\e92e";
}
.ar-icons-arrow-left:before {
  content: "\e92f";
}

.site-logo img {
  max-width: 150px;
}
.hero-image img {
  max-width: 500px !important;
}
.slick-dots {
  display: flex !important;
  justify-content: center; 
  gap: 8px; 
  bottom: 60px;
  position: relative;
}

.slick-dots li {
  margin: 0;
}
.slick-dots button {
  border: none;
  color: #fff;
  font-size: 1px;
  height: 14px;
  width: 14px;
  border-radius: 50px;
}
.slick-number-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  font-size: 0; /* hide number visually */
  position: relative;
  cursor: pointer;
}

/* show number on hover or active */
.slick-dots li.slick-active button {
  background: #999999; /* active dot color */
}
.sub-title {
  font-weight: 200;
  font-size: 22px;
    line-height: 22px;
}
body p {
  font-size: 16px;
  line-height: 1.9;
  font-weight: 400;
  color: #000;
}
.header-area.header-area1 .main-menu-ex.main-menu-ex1 ul li a.active::before {
  background-color: #e4ac2a;
}
.content-block p {
  padding-bottom: 20px;
}
.content-block ul {
  margin-left: 40px;
  margin-bottom: 30px;
}
.content-block ul li {
  list-style-type: disc;
  font-weight: 400;
  color: #000;
}
.image-header {
      position: absolute;
    z-index: 9;
    right: 5%;
    max-width: 280px;
    bottom: 0;
}
.header-area.header-area1 .header-elements .main-menu-ex ul li a:hover {
  color: #e4ac2a;
}
 .background-overlay .btn-link a {
  background: #e4ac2a;
}
.middle-content {

}
.work-images .align-items-center {
  text-align: center;
}
.work-images .last-image img {
  max-width: 50%;
}
.service h4 {
  padding: 20px 0;
    color: #000;
    font-size: 20px;
}
.service .single-box {
  overflow: hidden;
  min-height: 360px;
}
.about1 .heading1 .list li i:before {
  display: block;
  width: 20px;
}
.heading_title {
  display: flex;
  margin-bottom: 10px;
}
.heading_title img {
  max-width: 30px;
  margin-right: 18px;
}
.heading_title h3 {
  font-size: 20px;
  color: #e4ac2a;
  font-weight: 600;
  line-height: 32px;
}
.single-box-service-heading h4 {
  color: #000;
  margin-top: 20px;
  font-size: 25px;
  margin-bottom: 20px;
}
.our-services {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  min-height: 280px;
}
.background-overlay .single-box-service-heading h4 {
  color: #fff !important;
}
.background-overlay .heading1 h1,
.background-overlay .heading1 h2 {
  color: #E3BC3F !important;
  max-width: 800px;
  margin: 0 auto;
}
.center-heading .heading1 h1,
.center-heading  .heading1 h2 {
    max-width: 800px;
    margin: 0 auto;
}
.parallax-background .heading1 h1,
.parallax-background h3,
.parallax-background li,
.parallax-background h2 {
  color: #fff;
}
.listing li i,
.parallax-background li i {
  margin-right: 15px;
}
.medium-container {
  padding: 0 10%;
}
.footer_list li i {
  margin-right: 10px;
}
.single-pricing-box:hover .header_title .icon,
.single-pricing-box:hover li span {
  background-color: #fff !important;
}
.single-pricing-box {
  box-shadow: rgba(0, 0, 0, 0.067) 0px 20px 30px;
}
.single-pricing-box li {
  font-size: 16px !important;
  font-weight: 300 !important;
}
.single-pricing-box:hover .header_title .icon i,
.single-pricing-box:hover li i {
  color: #e4ac2a;
}

.single-pricing-box:hover li {
  color: #fff !important;
}
.single-pricing-box .header_title {
  display: flex;
}
.single-pricing-box .header_title .icon {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #e4ac2a;
  color: #fff;
  margin-right: 20px;
}
.single-pricing-box .header_title .icon i {
  color: #fff;
  font-size: 24px;
  padding: 12px
}
.last-padding .pricing:last-child .single-pricing-box {
  padding-bottom: 47px;
}
.single-pricing-box {
  min-height: 620px;
}

.mobile-sidebar,
.mobile-header {
	display: none;
}
.about1 {
  min-height: 400px;
}
.header-area.header-area1 .header-elements .main-menu-ex ul li a::before {
    content: '';
    background-color: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    position: absolute;
    top: 19px;
    left: 0;
    z-index: 1;
}
.site-logo::after {
    content: '';
    background: rgba(255, 255, 255, 0.9);                       /* overlay color */
    width: 28%;
    height: 61px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
}
.site-logo::before {
    content: '';
    background: url('images/logo-bg.png') center/cover no-repeat;
    width: 28%;
    height: 61px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;;
}

.footer1 a {
  position: relative;
  padding-left: 15px;
}
.footer1 ul li a::before {
    content: '';
    background: #fff;
    position: absolute;
    width: 7px;
    height: 2px;
    left: 0;
    bottom: 8px;
}
.owl-carousel .owl-item .icon img {
  width: 80px !important;
}
.owl-carousel .owl-item {
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  min-height: 230px;
}
/* Hide arrows by default */
.owl-carousel .owl-nav {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

/* Show arrows when hover */
.owl-carousel:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

/* Optional: style arrows */
.owl-nav button {
  background: #ffffff;
  border-radius: 50%;

  width: 40px;
  height: 40px;
  border: none;
  font-size: 18px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  transition: 0.3s ease;
}

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

/* Optional: positioning */
.owl-nav .owl-prev {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.owl-nav .owl-next {
  position: absolute;
  right: -20px;
  top: 43%;
  transform: translateY(-50%);
}

.owl-carousel .owl-item h4 {
  font-size: 20px;
  color: #052962;
  margin: 10px 0;

}
.blog2-box {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  margin-bottom: 20px;
  position: relative;
}
.blog2-box h5 {
 margin: 10px 0;
}
.blog .blog2-box {
  margin-top: 0 !important;
}
.blog2-box h5 a {
  color: #052962;
 
}
.blog2-box .meta {
  color: #000;
    position: absolute;
    display: block;
    right: 20px;
    font-size: 14px;
    top: 20px;
    z-index: 2;
    background: #E3BC3F;
    padding: 2px 9px;
    border-radius: 5px;
}
.blog2-box .meta a {
    color:#000;
}
.blog2-box .theme-btn1 {
  background: #E3BC3F;
  font-weight: 400;
  color: #000;
}
.blog2-box .buttons {
  margin-top: 30px;
}
.single .blog-item h2 {
  color: #052962;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 30px;
}
.single .blog-item {
  padding: 100px 0;
}
.single .post-date {
  color: #e4ac2a;
  margin-bottom: 20px;
  display: block;
}
.single .img-box {
  margin-bottom: 30px;
}
.single .news-listing .news-item {
  display: flex;
}
.single .sidebar .latest-blog {
  margin-top: 100px;
  padding: 25px 25px 0 25px;
  border: 1px solid #f2f2f2;
  border-radius: 7px;
}
.single .sidebar h4 {
  color: #000;
  margin-bottom: 30px;
}
.single .news-item .thumbanil {
  max-width: 80px;
  margin-right: 15px;
  border-radius: 5px;
  overflow: hidden;
}
.single .news-item .thumbanil img {
    border-radius: 5px;
}
.single .news-item  h5 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.single .post-meta-date {
  color: #999999;
   font-size: 13px;
   margin-top: 8px;
}
.sidebar-social {
  background: rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 8px;
  margin-top: 30px;
}
.sidebar-social ul li {
  display: inline-block;
  margin-right: 10px;
}
.sidebar-social ul li i {
  font-size: 36px;
}
.sidebar-social .fa-instagram {
   background: linear-gradient(45deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sidebar-social .fa-telegram {
 color: #229ED9;
}
.small-title {
  color: #052962;
}
@media (min-width: 1400px) { 
      .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}
@media screen and (max-width: 990px) {
	
	.mobile-sidebar, .mobile-header {
		display: block !important;
	}
}
@media (max-width: 767px) {
.image-header {
    max-width: 118px;
}
.content-image img {
    max-width: 150px;
    margin: 0 auto;
}
.content-block p {
  text-align: left;
}
.heading1 h1,
.heading1 h2 {
  line-height: 1.2;
  text-align: left;
}
.vc_row-fluid {
  padding: 0 !important;
}
.small-title {
  color: #e4ac2a;
  text-align: center;
}
.common-hero
 {
    min-height: 227px;
    padding-top: 40px;
 }
	.mobile-sidebar, .mobile-header {
		display: block !important;
	}
	.header-desktop {
		display: none;
	}
	.medium-container {
		padding: 0;
	}
	.single-pricing-box {
  min-height: 100px;
}
	.pricing .single-pricing-box h4 {
		padding-top: 0;
	}
  .work-images .last-image img {
    max-width: 100%;
  }
  .last-padding .pricing:last-child .single-pricing-box {
    padding-bottom: 30px;
  }
  .bottom-padding .single-pricing-box {
    padding-bottom: 30px;
  }
	.about1 .heading1 .list li {
		line-height: 1;
		display: flex;
	}
	.hero-image img {
  max-width: 100% !important;
}
}
.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: item;
}

.feature-list li {
  counter-increment: item;
  margin-bottom: 10px;
  padding-left: 55px; /* space for circle */
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  min-height: 35px;  
}

.feature-list li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 4px;
  width: 35px;
  height: 35px;
  background: #f6c743; /* yellow circle */
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.feature-list strong {
  font-weight: 700;
  color: #000;
}
.feature-list ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.no-border .our-services {
  border: none !important;
}

.force-count ol {
  counter-reset: item 4 !important; /* start from 4 → first item becomes 5 */
}
.pros-cons-table {
    width: 100%;
    border-collapse: collapse;
}

.pros-cons-table thead th {
    background: #052962; /* Dark blue header */
    color: #fff;
    padding: 14px 12px;
    font-size: 16px;
    text-align: center !important;
    text-align: left;
}

.pros-cons-table td {
    border: 1px solid #052962;
    padding: 14px 12px;
    vertical-align: top;
    color: #000;
    line-height: 1.5;
}

.no-border .pros-cons-table td {
  border: none;
}

/* Optional: spacing + rounded corners */
.pros-cons-table {
    overflow: hidden;
}
.vc_tta-panel .vc_tta-panel-title>a {
  color: #000 !important;
}
.vc_tta.vc_general .vc_tta-panel-title {
  background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.015);
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
  background: none !important;
}
.vc_tta.vc_general .vc_active  .vc_tta-panel-title,
.vc_tta.vc_general .vc_tta-panel.vc_active {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0;
  border: none;
  border-radius: 8px;
}

.background-overlay .pros-cons-table {
  background: #fff;
}
.background-overlay .pros-cons-table td {
  border: none;
}
.wpb_content_element ul,
.wpb_content_element ol {
    margin-left: 30px;
    margin-bottom: 20px;
}
.wpb_content_element ul li {
   color: #000 !important;
    font-weight: 400 !important;
     list-style: disc;
}
.wpb_content_element ol li {
    list-style: decimal;
    color: #000;
    font-weight: 400 !important;
}
.background-overlay ol li a,
.background-overlay ol li,
.background-overlay ul li a,
.background-overlay ul li {
  color: #fff;
}
.mobile-nav li .current-menu-parent,
.mobile-nav li .current-menu-item,
.header-area.header-area1 .current-menu-parent,
.header-area.header-area1 .current-menu-item {
      color: #e4ac2a !important;
}
.header-area.header-area1 .current-menu-parent::before {
   background: #e4ac2a !important;
}
.main-heading {
  position: relative;
  z-index: 9;
}
.sidebar-inner {
  background: #fff;
}
#blog-content .blog-item ul {
  margin-left: 40px !important;
  margin-bottom: 10px;
}
#blog-content .blog-item  ul li {
  list-style-type: disc;
  color: #000;
}
#blog-content .blog-item  ol li {
list-style: decimal;
 color: #000;
}
#blog-content h3, 
#blog-content h4, 
#blog-content h5 {
  color: #052962;
}
@media (min-width: 1200px) {
    .h2, h2, h1 {
       font-weight: 500 !important;
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
  }
@media (min-width: 992px) {
    .right-sidebar {
        position: relative;
    }

    .right-sidebar.sticky-fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;

    }
     .right-sidebar.sticky-footer {
        position: absolute;
        width: 100%;
        z-index: 2;

    }
}
.pagination .page-link {
  border-radius: 0.375rem;
  margin: 0 3px;
}
.pagination {
  margin-bottom: 30px;
}
.pagination .active .page-link {
  background-color: #E3BC3F;
  border-color: #E3BC3F;
  color: #fff;
}
.pagination .page-link {
    display: block;
    padding: 2px;
    height: 30px;
    width: 30px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
.pagination i {
  font-weight: lighter;
}
.pagination .page-item {
  margin: 10px 2px;
  text-align: center;
}
.blog2-box .text-box h5 {
  min-height: 48px;
}
.news-page {
  padding-top: 30px;
}