/*
Theme Name: Archery
Description: archery.mn
Author: Mind Agency
Author URI: https://mindagency.mn
Version: 2.0
*/

@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css";
@import "https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css";
@import "https://unpkg.com/aos@2.3.1/dist/aos.css";
@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";
html{
    overflow-x: hidden;
}
body{
    background-color: #000 !important;
    color: #f1f1f1 !important;
    position: relative;
}
.shapes{
    width: 100%;
    overflow: hidden;
}
.shapes .section{
	z-index:-2;
}
.shapes section:nth-child(1){
    background-color: #5555;
    width: 300px;
    height: 300px;
    position: absolute;
    transform: rotate(45deg);
    top: -153px;
    left: 59px;
    border: 1px solid #777;
}
.shapes section:nth-child(2) {
    background-color: #4444;
        width: 300px;
        height: 300px;
        position: absolute;
        transform: rotate(45deg);
        /* border: 1px solid #777; */
        left: -153px;
        top: 59px;
}
.shapes section:nth-child(3) {
    background-color: #4444;
        width: 237px;
        height: 571px;
        position: absolute;
        transform: rotate(45deg);
        /* border: 1px solid #777; */
        left: -27px;
        top: 209px;
        border: 1px solid #777;
}
.shapes section:nth-child(4) {
    background-color: #800008;
    width: 346px;
    height: 646px;
    position: absolute;
    transform: rotate(45deg);
    /* border: 1px solid #777; */
    right: -70px;
    top: 236px;
        /* border: 1px solid #777; */
    z-index: -999;
}
.shapes section:nth-child(6) {
    background-color: #5E0006;
        width: 461px;
        height: 649px;
        position: absolute;
        transform: rotate(45deg);
        /* border: 1px solid #777; */
        right: -291px;
        top: 397px;
        /* border: 1px solid #777; */
        z-index: -999;
}
.shapes section:nth-child(7) {
    background-color: #5E0006;
    width: 461px;
    height: 649px;
    position: absolute;
    transform: rotate(45deg);
    /* border: 1px solid #777; */
    left: -291px;
    bottom: 0px;
    /* border: 1px solid #777; */
    z-index: -999;
}
.page-title{
	text-align:center;
	color:#fff;
}
.header{
    height: 380px;
}
.header .logo{
    width: 200px;
    text-align: center;
	margin-top:30px;
}
.header .logo img{
	width:100%;
}
.header .menu{
    position: relative;
    width: 300px;
    left: 150px;
    top: -45px;
}
.header .menu li{
    list-style-type: none;
    position: absolute;
    margin-bottom: 10px;
}
.header .menu .current_page_item {
	border-bottom:2px solid #5E0006;
/*     padding-bottom: 1px; */
}
.header .menu li a{
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
}
.header .menu li:nth-child(2){
        top: 26px;
            left: -25px;
}
.header .menu li:nth-child(3) {
    top: 54px;
        left: -48px;
}
.header .menu li:nth-child(4) {
    top: 82px;
    left: -79px;
}
.header .menu li:nth-child(5) {
    top: 110px;
    left: -104px;
}
.header .menu li:nth-child(6) {
    top: 138px;
    left: -129px;
}
.header .home-img{
    position: relative;
    top: -100px;
}
.header .home-img img{
    width: 100%;
    /* height: 380px; */
    /* object-fit: initial; */
}
.header .text{
    color: #f1f1f1;
	position:relative;
	bottom:50px;
}
.main{
    margin-top: 0px;
/*     text-align: right; */
    position: relative;
}
.main .info{
	padding:15px;
	background-color:#5555;
	border: 1px solid #777;
	margin-top:20px;
	width:100%;
}
.main img{
	height: 550px;
    object-fit: cover;
}
.main .turbo{
    width: 750px;
    height: 300px;
    background-image: url('https://gangarage.mn/wp-content/uploads/2025/04/BBB077051-1-scaled.jpg');
    position: absolute;
    left: 40%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.main2, .main3{
    margin-top: 150px;
}
.main2 .m-img img{
    width: 30%;
    height: 150px;
    object-fit: cover;
    margin-top: 30px;
    margin-right: 18px;
}
.main3 h2{
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
}
.main4 img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.selbeg{
	background-color:#000;
/* 	padding:10px; */
	border-radius:15px;
	z-index:10;
	margin-bottom:15px;
}
.selbeg img{
/* 	border-radius:10px 10px 0px 0px; */
}
.selbeg:hover .content{
	background-color:#800008;
}
.selbeg .content{
	transition:0.5s;
	padding:20px;
	border-radius:15px;
	color:#fff;
	background-color:#5555;
}
.selbeg a{
	text-decoration:none;
}
.selbeg .content .title, .selbeg .content .desc{
	display: flex;
    justify-content: space-between;
/*     padding: 0px 10px; */
/* 	margin-bottom:20px; */
}
.selbeg .content .title .more{
	background-color:#800008;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.selbeg .content .title .more i{
	font-size:21px;
}
.onoshlogoo{
	padding:15px;
	border-radius:15px;
	background-color:#5555;
	margin-bottom:30px;
	border: 1px solid #777;
}
.onoshlogoo a{
	transition:0.5s;
	background-color:#800008;
	color:#fff;
	padding:15px 25px;
	border-radius:10px;
	text-decoration:none;
}
.onoshlogoo a:hover{
	background-color:#000;
}
.onoshlogoo .check i{
	color:#800008;
	font-size:21px;
}
.selbeg img{
	border-radius:10px !important;
}
.mySwiper3 img{
	height:370px;
	object-fit:cover;
}
.about .about-img{
	border-radius:15px;
}
.about .team{
	text-align:center;	
	margin-bottom:25px;
}
.about .team img{
	height: 350px;
    object-fit: cover;
    object-position: top;
}
.about img{
	border-radius:15px;
}
.about .team p{
	color:#555;
}
.about .team{
	position:relative;
}
.about .team .ribbon{
	position:absolute;
	left:-1.1rem;
	bottom:2.6rem;
	width:90%;
	height:3rem;
	background-color:rgb(128,0,8);
	text-align:center;
	line-height:3rem;
	border-radius:2rem;
	border-bottom-left-radius:0;
	color:#fff;
}
.about .team .ribbon::before, .about .team .ribbon::after{
	content:"";
	position:absolute;
	left:0;
	top:3rem;
	width:1.1rem;
	height:2rem;
	border-bottom-left-radius:1rem;
}
.about .team .ribbon::before{
	background-color:#5E0006;
}
.about .team .ribbon::after{
	background-color:#5E0006;
	border-bottom-left-radius:1rem;
}
.slider{
	background: #5E0006; 
	padding:25px;
	border-radius:15px;
	padding-bottom:0px;
	border:1px solid #fff;
}
/* .about .team::after {
  content: "";
  position: absolute;
  top: 8px;    
  left: 8px;
  right: 8px;
  bottom: 8px;
  border: 2px solid #fff;
  border-radius: 20px; 
  pointer-events: none;
} */
.about .content{
	margin-bottom:15px;
/* 	padding-bottom:15px; */
	border-bottom:1px solid #fff;
}
.about .info{
	/* From https://css.glass */
background: rgba(0, 0, 255, 0.1);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

border: 1px solid #e1e1e1;
	padding:20px;
	width:100%;
}
.mobile-header{
	display:none;
}
.mobile-main4{
	display:none;
}
/* Tablet */

@media( max-width:990px ) {

/* Mobile */

@media( max-width:767px ){
	.mobile-main4{
		display:block;
	}
	.mobile-main4 img{
		height:250px;
		object-fit:cover;
	}
	.main4{
		display:none;
	}
	.selbeg img{
		margin-bottom:30px;
	}
	.header{
		display:none;
	}
	.mobile-header{
		display:block;
	}
	.main .turbo{
		display:none;
	}
	.shapes section:nth-child(4), .shapes section:nth-child(6){
		display:none;
	}
	.shapes section:nth-child(2) {
		background-color: #4444;
		width: 250px;
		height: 250px;
		position: absolute;
		transform: rotate(45deg);
		/* border: 1px solid #777; */
		left: -117px;
		top: 23px;
	}
	.shapes section:nth-child(1) {
		background-color: #5555;
		width: 250px;
		height: 250px;
		position: absolute;
		transform: rotate(45deg);
		top: -153px;
		left: 59px;
		border: 1px solid #777;
	}
	.shapes section:nth-child(3) {
		background-color: #4444;
		width: 237px;
		height: 571px;
		position: absolute;
		transform: rotate(45deg);
		/* border: 1px solid #777; */
		left: -52px;
		top: 148px;
		border: 1px solid #777;
	}
	.main{
		margin-top: 100px;
	}
	.mobile-header .menu li{
		margin-bottom:20px;
		border-bottom:2px solid #e1e1e1;
		padding-bottom:20px;
	}
	.mobile-header .menu li a{
		color:#fff;
		text-decoration:none;
		font-size:20px;
	}
	.page-title{
		margin-top:130px;
	}
	.onoshlogoo {
		padding: 30px;
		border-radius: 15px;
		background-color: #5555;
		margin-bottom: 30px;
	}
	.more{
		margin-top:15px;
	}
	.main2 .m-img img {
		width: 30%;
		height: 150px;
		object-fit: cover;
		margin-top: 30px;
		margin-right: 5px;
	}
	.main4 img {
		width: 100%;
		height: 70px;
		object-fit: cover;
	}
	.main img{
		height:auto;
	}
	.main2, .main3 {
		margin-top: 50px;
	}
	.m-text{
    	margin-top: 40px;
	}
	.slider .team img{
	height: 200px;
	}
}