/*
 * Theme Name: Rosano
 * Author: Template Path
 * Author URI: http://themeforest.net/user/template_path
 * Theme URI: https://wp1.themevibrant.com/newwp/rosano
 * Description: Rosano is the new outstanding, extremely advanced powerful WordPress theme, designed for mobile banking, business consulting, bank loans, credit cards, finance, insurance, broker business, forex trading website and many more..s. The theme comes with a creative homepage design layouts, responsive and 25+ variant pages. The design is very elegant and modern, and also very easy to customize with 1170px grid. Using this theme’s features, you can quickly create an eye-catching, user-friendly website for visitors. 
 * Version: 1.2
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: rosano
 * Tested up to: 6.5
 * Requires PHP: 7.0
*/
.wp-caption {
	margin-bottom: 2px;
}

.wp-caption-text {
	margin-bottom: 5px;
}

.screen-reader-text {
	margin-bottom: 12px;
}

.gallery-caption {
	margin-bottom: 2px;
}

.bypostauthor {
	margin-bottom: 2px;
}

.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 100%;
}

.alignright {
	float: right !important;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 100%;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.col-md-4 .funfact-meta > i {
	right: 27px;
}

.mycustom-pricing {
	background-color: #090909 !important;
}

.on-hover {
	display: none;
	animation: fadeOut 0.5s;
}

.hver:hover .on-hover {
	display: block;
	animation: fadeIn 0.5s;
}


.safety_deposit_box_section {
  background-color: #f9f9f9;
  padding: 60px 20px;
  text-align: center;
}

.safety_deposit_box_section h3 {
  font-size: 30px;
  margin-bottom: 40px;
  font-weight: 500;
  color: #111;
}

.safety_deposit_box_section h3 span {
  font-weight: 700;
  color: #000;
}

.safety_deposit_box_inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.single_safety_deposit_box {
  flex: 1 1 300px;
  background: #ffffff;
  padding: 35px 25px;
  border-left: 5px solid #996600;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single_safety_deposit_box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.single_safety_deposit_box h4 {
  font-size: 18px;
  font-weight: 700;
  color: #996600;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.single_safety_deposit_box p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .safety_deposit_box_inner {
    flex-direction: column;
    align-items: center;
  }

  .single_safety_deposit_box {
    width: 100%;
    max-width: 400px;
  }
}


.collaborators-section {
  padding: 60px 20px;
  background-color: #f9f9f9;
  text-align: center;
}

.collaborators-section h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #000;
	text-align:center;
}

.collaborators-section h2 span {
  color: #a8741a;
}

.logo-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.logo-item {
  flex: 1 1 150px;
  max-width: 200px;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: transform 0.3s ease;
}

.logo-item:hover {
  transform: translateY(-5px);
}

.logo-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}