/* 
Theme Name: Temadiyari.Com Satis Temasi
Theme URI: https://www.temadiyari.com
Description: GUCLU HOSTING INTERNET HIZMETLERI
Version: 1.0
Author: GUCLU HOSTING INTERNET HIZMETLERI
Author URI: https://www.temadiyari.com */
body{
    font-family: "Inter", sans-serif;
    background:#f7f7f7;
}
.onecikangorsel{width:100%;height:auto;object-fit:cover;border-radius:15px}
.onaciklama{border-radius:0 15px;position:absolute;bottom:0;left:0;padding:5px 10px;background:rgba(0,0,0,.6);color:#fff;line-height:1.8;font-size:90%}.gonimg{color:#9e9e9e}
.etiketler a,.etiketler a:hover{display:inline-block;font-size:14px;font-weight:500;padding:5px 10px;border-radius:25px;margin-bottom:5px;text-decoration:none}
.etiketler a{color:rgba(0,0,0,.75);-webkit-transition-duration:.3s;transition-duration:.3s;background:rgba(0,0,0,.07)}
.etiketler a:hover{color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;background:rgba(0,0,0,.95)}

 .navbar .nav-item .nav-link{
    color:#fff;
    font-weight:500;
    font-size:17px;
}
 .navbar .nav-item {
    margin-right:10px;
}
 @media (min-width:992px){
     .bar-cubuk{
		 background-color:#ededed;
        border-bottom:1px solid rgba(255,255,255,0.20);
        color:#fff;
        font-weight:500;
    }
     .bar-cubuk ul {
        list-style-type:none;
        display:flex;
        margin:0;
        padding:0px;
    }
     .bar-cubuk ul li {
        border-right:1px solid rgba(255,255,255,0.20);
        padding:10px 15px;
		 color:#3d3939;
    }
     .arkamenu{
        border-radius:20px 20px 0px 0px;
    }
     .wmgizle{
        display:none;
    }
}
 @media (max-width:992px){
     .bar-cubuk{
        display:none;
    }
     .wgizle{
        display:none;
    }
	 .aalog {background:#ededed !important;}
	 .navbar .nav-item .nav-link {
		     border-bottom: 1px solid #f7f5f5;
     transition: all 0.3s ease;
	 }
 .navbar .nav-item .nav-link{
    color:#212529 !important;
}
.navbar-nav .nav-item .nav-link::before {
  content: '\2022'; 
  margin-right: 8px; 
  color: #0056b3; 
  font-weight: bold;
}
	 
}
		  .product-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform .3s ease-out, box-shadow .3s ease-out;
  max-width: 300px;
  margin: 0.875rem 0;
}
		  	  .product-card a {
text-decoration:none;
}
		  .product-card .btn-add-cart {
			  margin:0.775rem !important;
		  }
.product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.product-image {
  position: relative;
  width: 100%; padding-top: 100%;
  background: #fff;
  overflow: hidden;
}
.product-image img {
  position: absolute; top:0; left:0;
  width:100%; height:100%;
  object-fit: contain;
  transition: transform .4s ease-out;
}
.product-card:hover .product-image img {
  transform: scale(1.08);
}

.discount-badge {
  position: absolute;
  top: 0.30rem; left: 0.30rem;
  background: #ff4d4d; color:#fff;
  padding: .35rem .75rem;
  border-radius: .5rem;
  font-size: .8rem; font-weight:700;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  z-index:10;
}

.product-title {
font-size: 1rem !important;
    font-weight: 500;
    color: #333;
    margin-top: 0.675rem;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align:center;
}

.product-price-wrapper {
  display:flex; align-items:baseline;
  justify-content:center; gap:.25rem;
}
.product-old-price {
  font-size:.90rem; color:#999;
  text-decoration:line-through; font-weight:500;
}
.product-current-price {
font-size: 1.1rem;
    font-weight: 700;
    color: #c11744;
}
 .menu2 ul li:last-child{
    border-right:none;
}
 .tns-nav{
    top:-45px;
    text-align:center;
    z-index:10;
    position:relative;
}
 .tns-nav button{
    height:12px;
    width:32px;
    background-color:#D8E0EC;
    border:none;
    margin-left:7px;
    border-radius:20px
}
.tns-nav .tns-nav-active{
    background-color:#37404E
}
.tns-outer{
    padding:0!important;
    margin-bottom:-25px;
}
 @media (min-width:992px){
     .control{
        list-style:none
    }
     .control li{
        z-index:99;
        top:50%;
        transform:translateY(-50%);
        color:#fff;
        background:#fff;
        padding:.75rem;
        border-radius:50%;
        box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        cursor:pointer;
    }
     .control li:hover{
        background:#d9d9d9
    }
     .control li.prev{
        left:-1.25rem
    }
     .control li.next{
        right:-1.25rem
    }
     .control li{
        position:absolute
    }
}
 @media (max-width:992px){
     .control{
        list-style:none
    }
     .control li{
        z-index:99;
        top:45%;
        transform:translateY(-50%);
        color:#fff;
        background:#fff;
        padding:.375rem;
        border-radius:2px;
        box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        cursor:pointer;
    }
     .control li:hover{
        background:#d9d9d9
    }
     .control li.prev{
        left:1px
    }
     .control li.next{
        right:1px
    }
     .control li{
        position:absolute
    }
}
 .rightleft{
    width:24px;
    height:24px;
    margin-top:-4px;
    color:#37404E;
}
 .opacity-1 {
     opacity: 0.1 !important;
}
 .mb-0 {
     margin-bottom: 0 !important;
}
 hr {
     margin: 1rem 0;
     color: #85878a;
     border: 0;
     border-top: 1px solid;
     opacity: 0.25;
}
 .dropdown-item:active{
    background-color:#37404E;
}

 h1,h2,h3,h4,h5,h6{
    font-size: calc(1.2rem) !important;
}
 .author-link{
    color:#575757;
    text-decoration:none;
}
 .ic-detay{
    background:#F7F7F7;
    padding:10px 20px;
    border-radius:20px;
    font-size:14px;
    color:#575757;
     border: 1px solid rgba(0, 0, 0, 0.175);
    font-weight:500;
}
 .icoaut{
    width:16px;
    height:16px;
    margin-right:3px;
}
 .icodate{
    width:18px;
    height:18px;
    margin-right:3px;
    margin-top:-3px;
}
 .background-image-link img {
     display: block;
     height: 165px;
     width: 100%;
     background-size: cover;
     background-position: top center;
     border-radius: 10px;
}
 .wp-pagenavi a,.wp-pagenavi a:hover,.wp-pagenavi span{
    padding:5px 8px;
    font-size:1rem;
    font-weight:600;
    border-radius:5px;
    display:inline-block;
    margin:3px;
    background-color:#F7F7F7;
    color:#111!important;
    text-decoration:none;
    transition:.3s ease-in-out
}
 .wp-pagenavi span.current{
    background: #F7F7F7;
     border-radius: 5px;
     font-size:1rem;
    font-weight:600;
     color: #111;
     border: 1px solid rgba(0, 0, 0, 0.175);
}
 .wp-pagenavi a:first-child,.wp-pagenavi span:first-child{
    margin-left:0
}
 @media (max-width: 991.98px) {
     .offcanvas-collapse {
         position: fixed;
         top: 56px;
        /* Height of navbar */
         bottom: 0;
         left: 100%;
         width: 100%;
         padding-right: 1rem;
         padding-left: 1rem;
         overflow-y: auto;
         visibility: hidden;
         background-color: #343a40;
         transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }
     .offcanvas-collapse.open {
         visibility: visible;
         transform: translateX(-100%);
    }
}
 .input-text{
    display:block;
    width:100%;
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:var(--bs-body-color);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:var(--bs-body-bg);
    background-clip:padding-box;
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .input-text{
        transition:none
    }
}
.input-text[type=file]{
    overflow:hidden
}
.input-text[type=file]:not(:disabled):not([readonly]){
    cursor:pointer
}
.input-text:focus{
    color:var(--bs-body-color);
    background-color:var(--bs-body-bg);
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.input-text::-webkit-date-and-time-value{
    min-width:85px;
    height:1.5em;
    margin:0
}
.input-text::-webkit-datetime-edit{
    display:block;
    padding:0
}
.input-text::-moz-placeholder{
    color:var(--bs-secondary-color);
    opacity:1
}
.input-text::placeholder{
    color:var(--bs-secondary-color);
    opacity:1
}
.input-text:disabled{
    background-color:var(--bs-secondary-bg);
    opacity:1
}
.input-text::-webkit-file-upload-button{
    padding:.375rem .75rem;
    margin:-.375rem -.75rem;
    -webkit-margin-end:.75rem;
    margin-inline-end:.75rem;
    color:var(--bs-body-color);
    background-color:var(--bs-tertiary-bg);
    pointer-events:none;
    border-color:inherit;
    border-style:solid;
    border-width:0;
    border-inline-end-width:var(--bs-border-width);
    border-radius:0;
    -webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.input-text::file-selector-button{
    padding:.375rem .75rem;
    margin:-.375rem -.75rem;
    -webkit-margin-end:.75rem;
    margin-inline-end:.75rem;
    color:var(--bs-body-color);
    background-color:var(--bs-tertiary-bg);
    pointer-events:none;
    border-color:inherit;
    border-style:solid;
    border-width:0;
    border-inline-end-width:var(--bs-border-width);
    border-radius:0;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .input-text::-webkit-file-upload-button{
        -webkit-transition:none;
        transition:none
    }
    .input-text::file-selector-button{
        transition:none
    }
}
.input-text:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{
    background-color:var(--bs-secondary-bg)
}
.input-text:hover:not(:disabled):not([readonly])::file-selector-button{
    background-color:var(--bs-secondary-bg)
}
.input-text-plaintext{
    display:block;
    width:100%;
    padding:.375rem 0;
    margin-bottom:0;
    line-height:1.5;
    color:var(--bs-body-color);
    background-color:transparent;
    border:solid transparent;
    border-width:var(--bs-border-width) 0
}
.input-text-plaintext:focus{
    outline:0
}
.input-text-plaintext.input-text-lg,.input-text-plaintext.input-text-sm{
    padding-right:0;
    padding-left:0
}
.input-text-sm{
    min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding:.25rem .5rem;
    font-size:.875rem;
    border-radius:var(--bs-border-radius-sm)
}
.input-text-sm::-webkit-file-upload-button{
    padding:.25rem .5rem;
    margin:-.25rem -.5rem;
    -webkit-margin-end:.5rem;
    margin-inline-end:.5rem
}
.input-text-sm::file-selector-button{
    padding:.25rem .5rem;
    margin:-.25rem -.5rem;
    -webkit-margin-end:.5rem;
    margin-inline-end:.5rem
}
.input-text-lg{
    min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding:.5rem 1rem;
    font-size:1.25rem;
    border-radius:var(--bs-border-radius-lg)
}
.input-text-lg::-webkit-file-upload-button{
    padding:.5rem 1rem;
    margin:-.5rem -1rem;
    -webkit-margin-end:1rem;
    margin-inline-end:1rem
}
.input-text-lg::file-selector-button{
    padding:.5rem 1rem;
    margin:-.5rem -1rem;
    -webkit-margin-end:1rem;
    margin-inline-end:1rem
}
textarea.input-text{
    min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}
textarea.input-text-sm{
    min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
textarea.input-text-lg{
    min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.input-text-color{
    width:3rem;
    height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding:.375rem
}
.input-text-color:not(:disabled):not([readonly]){
    cursor:pointer
}
.input-text-color::-moz-color-swatch{
    border:0!important;
    border-radius:var(--bs-border-radius)
}
.input-text-color::-webkit-color-swatch{
    border:0!important;
    border-radius:var(--bs-border-radius)
}
.input-text-color.input-text-sm{
    height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
.input-text-color.input-text-lg{
    height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
 .linka-ver a{
    color:#111111!important;
}
 .breadcrumb-chevron {
     --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
     gap: .5rem;
}
 .breadcrumb-chevron .breadcrumb-item {
     display: flex;
     gap: inherit;
     align-items: center;
     padding-left: 0;
     line-height: 1;
}
 .breadcrumb-chevron .breadcrumb-item::before {
     gap: inherit;
     float: none;
     width: 1rem;
     height: 1rem;
}
 .product-card {
     transition: transform 0.3s;
}
 .product-card:hover {
     transform: translateY(-5px);
}
 .product-img {
     border-top-left-radius: 1rem;
     border-top-right-radius: 1rem;
     overflow: hidden;
}
 .product-img img {
     width: 100%;
     height:220px;
}
 .urundetay{
    background: #4CAF50;
     padding: 10px 20px;
     border-radius: 20px;
     font-weight:500;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.175);
}
 .urundetay a{
    color:#fff;
    text-decoration:none;
}
 .wc-menum .breadcrumb-item a{
    color:#000;
    text-decoration:none;
}
 .wc-menum{
    background:#fff;
    border:1px solid rgba(0, 0, 0, 0.175) !important;
    border-radius:25px;
}
 .wc-umt-baslik .page-title{
    display:none;
}
 a{
    color:#000000;
}
 p:last-child{
    margin-bottom:0px;
}
 .woocommerce .woocommerce-LoopProduct-link {
    font-weight:bold;
    color:#575757;
    text-decoration:none;
}
 .woocommerce .woocommerce-LoopProduct-link .woocommerce-loop-product__title{
    font-size:16px !important;
    margin-top: 1rem !important;
    font-weight:bold !important;
    line-height:1.6!important
}
 .woocommerce img, .woocommerce-page img {
     border-radius: 1rem;
     max-width: 100%;
}
 .woocommerce-pagination{
    margin-top:.5rem;
}
 .alert .button {
    margin-bottom:0px !important;
    margin-right:0.5rem !important;
}
 .uicdetay p:last-child{
    margin-bottom:0px;
}
 .woocommerce div.product form.cart .variations {
    margin-bottom:0px !important;
}
 .woocommerce a.added_to_cart{
     background:#111111!important;
     color:#fff;
     text-transform:uppercase;
     border-radius:1rem;
     width:100%;
     display:inline-block;
     text-decoration:none;
     font-weight:bold;
     padding:0.675rem;
     font-size: 100%;
     margin: 0;
     line-height: 1;
}
 .woocommerce .products .star-rating {
     display: block;
     margin: auto;
     float: none;
     margin-bottom: 10px;
     padding: 0.875rem;
}
 .woocommerce .star-rating span::before {
     content: "SSSSS";
     top: 0;
     position: absolute;
     left: 0;
     color: #ff9800;
}
 .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color:#000;
}
 .active>.page-link, .page-link.active{
    background-color:#000;
    border-color:#000;
}
 .page-link{
    color:#000;
}
 .widgetumt .product-categories {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .widgetumt .cat-item {
     margin-bottom: 10px;
     position: relative;
}
 .widgetumt .cat-item:last-child {
     margin-bottom: 0px;
     position: relative;
}
 .widgetumt .cat-item a {
     text-decoration: none;
     color: #333;
     display: block;
     font-weight:500;
     padding: 8px 15px;
     background-color: #f4f4f4;
     border: 1px solid rgba(0, 0, 0, 0.175) !important;
     border-radius: 1rem;
     transition: background-color 0.3s ease;
}
 .widgetumt .cat-item .count {
     margin-left: 10px;
     color: #666;
     position: absolute;
     right: 10px;
     top: 50%;
     transform: translateY(-50%);
}
 .widgetumt .cat-item .children {
     display: none;
     position: absolute;
     margin-top:5px;
     top: 100%;
     left: 0;
     z-index: 1;
     border-top: none;
     padding:5px;
     border:1px solid rgba(0, 0, 0, 0.175);
     border-radius:1rem;
     background:#fff;
     margin-bottom:0px;
     list-style:none;
     width: 100%;
}
 .widgetumt .cat-item:hover .children {
     display: block;
}
.widgetumt ul.woocommerce-widget-layered-nav-list {
     list-style: none;
     padding: 0;
}
 .widgetumt ul.woocommerce-widget-layered-nav-list li {
     display: block;
     margin-right: 10px;
     padding: 8px 15px!important;
     width:100%;
     position: relative;
     margin-bottom:5px;
     background-color: #f4f4f4;
     color: #333;
     font-weight: 500;
     text-decoration: none;
     border-radius: 1rem;
     transition: background-color 0.3s ease;
     border: 1px solid rgba(0, 0, 0, 0.175) !important;
}
 .widgetumt ul.woocommerce-widget-layered-nav-list li a {
     text-decoration: none;
     color: #333;
     width:100%;
     display:block;
}
 .widgetumt .price_label{
     font-weight:600;
}
 .widgetumt ul.woocommerce-widget-layered-nav-list li .count {
     margin-left: 10px;
     color: #666;
     position: absolute;
     right: 10px;
     top: 50%;
     transform: translateY(-50%);
}
.woocommerce .widget_layered_nav_filters ul li a {
    color:#000 !important
}
 .product_list_widget {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .product_list_widget li {
     margin-bottom: 15px;
     overflow: hidden;
     border: 1px solid #ddd;
     padding: 10px;
     background:#F7F7F7;
     border-radius:1rem;
}
 .product_list_widget li:last-child {
     margin-bottom:0px;
}
 .product_list_widget li img {
     float: left;
     margin-right: 20px;
     width: 80px;
     height: 80px;
     border-radius: 5px;
}
 .product_list_widget li .product-title {
     font-weight: bold;
     margin-bottom: 5px;
     color: #333;
}
 .product_list_widget li ins {
     text-decoration: none!important;
}
 .product_list_widget li a {
     color: #575757;
     text-decoration: none;
}
 .product_list_widget .star-rating{
    display:none;
}
.search-container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.search-input {
    background: #fff;
    padding: 12px 20px;
    border-radius: 15px 0 0 15px;
    outline: none;
   border:2px solid #37404e;
    flex: 1;
}

.search-button {
    background: #37404E;
    padding: 8px 16px 9px 12px;
    border-radius: 0 15px 15px 0;
    outline: none;
    display: flex;
    align-items: center; 
    justify-content: center; 
}

.search-icon {
    width: 24px;
    height: 24px;
}
.logogorsel{max-width:100%;object-fit:cover; height:55px !important;}
@media (max-width: 768px) {
    .search-container {
        flex-direction: row;
    }

.logogorsel{max-width:270px;height:auto;object-fit:cover; height:55px;}
}
.acmenu ul{list-style:none;padding-left:0px;}
.acmenu li{border-bottom:1px solid rgba(0,0,0,0.15);line-height:2}
.acmenu li:last-child{border-bottom:none;}
.acmenu li a{text-decoration:none;font-weight:500;padding:0px 15px;}
.fs a{color:#fff;text-decoration:none;}
.fs ul li {line-height:2}
.togglebuton{font-weight: 500;
color:#fff!important;
                           background:#1b1038;
                           border-radius: 15px;
                           padding: 10px 20px;
                           outline: none;
                           border: none;}
						   .togglebuton:hover{background: #0f62c1;color:#fff!important;}
						   .userimg{width:28px;height:28px;margin-right:4px;margin-top:-3px;}
						   .menucev{border-radius:12px;}
						   .sepetic{position:absolute;top:-5px;right:-5px;}
						   .aalog{background:#1b1038;padding:10px;}
						   .canvasark{background:#fff;}
.offcanvas-header {background-color:#ededed;}
.sosyaliz{width:32px;height:32px;border-radius:1px;}
.yukico{width:20px;height:20px;margin-top:-3px;margin-right:3px;}
.btncevrele{background-color:rgba(0,0,0,0.2)}
.altmenuler ul{padding-left:0;list-style:none}
.ust-menu-class ul li a{color:#fff!important;text-decoration:none;}
.mobile-footer-buttons {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
	font-size:14px;
    width: 100%;
    background-color: #000;
    border-top: 1px solid rgba(255,255,255,0.15); 
    z-index: 9999;
}

.footer-button {
    flex: 1;
    text-align: center;
    padding: 5px 0;
    color: #fff; 
    background-color: #000;
    text-decoration: none;
}

.footer-button {
    border-right: 1px solid rgba(255,255,255,0.15);
}

.footer-button:last-child {
    border-right: none
}


.footer-button:hover {
    background-color: rgba(0,0,0,0.85);
}
@media (min-width: 768px) {
    .mobile-footer-buttons {
        display: none;
    }
}
.footerico{width:16px;height:16px;margin-right:3px;margin-top:-3px;}
.sepetfooter{position:absolute;top:5px;right:5px;}
.product-searchs{border-radius:0px 0.5rem 0.5rem 0px !important;}
.arasi{width:20px;height:20px;margin-top:-3px;}
.wc-block-cart-item__remove-link, .wp-block-button a{outline:none !important;border:none !important;border-radius:5px !important;padding:0.5rem !important;background:#111 !important;color:#fff !important;text-decoration:none !important;}
.components-button{outline:none !important;border:none !important;border-radius:5px !important;padding:1rem !important;background:#111 !important;color:#fff !important;text-decoration:none !important;}
    .card2 {
      border: none;
      border-radius: 20px;
      overflow: hidden;
    }
    .card2:hover {
      transform: translateY(-5px);
    }
    .card2 img {
	  width:100%;
	  height:200px;
      object-fit: cover;
    }
	.anares a{text-decoration:none;}
	.anares .card-body{padding:1rem;}



.about-us-section {
  padding: 6rem 1rem;
  background-color: #ffffff;
}

.about-us-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 3rem;
}

.about-us-image-wrapper {
  flex: 1;
  min-width: 300px;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.about-us-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.4s ease-out;
}

.about-us-image-wrapper:hover .about-us-image {
  transform: scale(1.05);
}

.about-us-content {
  flex: 1.2;
  padding: 0 1rem;
}

.about-us-title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.about-us-text {
  font-size: 1.15rem;
  color: #495057;
  line-height: 1.8;
  margin-bottom: 1.2rem;
}

.about-us-text:last-of-type {
  margin-bottom: 2rem;
}

.about-us-content .btn-about-more {
  display: inline-block;
  background: linear-gradient(135deg, #2b1565 0%, #1b1038 100%);
  color: #ffffff;
  padding: 0.9rem 2.2rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-size: 1.05rem;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: 0 4px 10px rgb(30 17 65);
}

.about-us-content .btn-about-more:hover {
  background: linear-gradient(135deg, #000 0%, #333 100%);
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgb(30 17 65);
}

.about-us-content .btn-about-more:active {
  transform: scale(0.98);
}

@media (max-width: 992px) {
  .about-us-container {
    flex-direction: column;
    gap: 2.5rem;
    padding: 0 1.5rem;
  }

  .about-us-image-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .about-us-title {
    font-size: 2.2rem;
    text-align: center;
  }

  .about-us-text {
    text-align: center;
  }

  .about-us-content {
    padding: 0;
  }

  .about-us-content .btn-about-more {
    margin: 7px auto;
    display: block;
    max-width: 250px;
  }
}

@media (max-width: 576px) {
  .about-us-section {
    padding: 4rem 1rem;
  }

  .about-us-title {
    font-size: 1.8rem;
  }

  .about-us-text {
    font-size: 1rem;
  }

  .about-us-content .btn-about-more {
    padding: 0.8rem 1.8rem;
    font-size: 1rem;
  }
}