@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Adamina&family=Jost:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Special+Elite&family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Adamina&family=Jost:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rowdies:wght@300;400;700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Special+Elite&family=Syne:wght@400..800&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Rubik", sans-serif;
    /*font-family: "Rowdies", sans-serif;*/

}
html,body{overflow-x: hidden;}
a{text-decoration: none;}
ul{
    margin-bottom: 0 !important; 
    padding-left: 0 !important;
}
ul li{list-style: none;}


/*===================== header =========================*/
.main-head {
    position: relative;
    top: 12px;
    z-index: 999;
}
.navbar-nav {margin-right: 25px;}
.navbar .navbar-nav li a{
    margin-right: 18px;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    transition: all 0.4s ease 0s;
}
/*.navbar-nav .active{color: #1139AB !important; font-weight: 600 !important;}*/
.navbar-nav li a:hover{
    color: #E59819 !important; 
    font-weight: 500 !important; 
    transition: all 0.4s ease 0s;
}
.main-head .navbar .navbar-brand .logo {
    width: 85px !important;
}


/*==============banner================*/
.banner-section{
	position: relative;
	top: -120px;
	margin-bottom: -120px;
/* 	z-index: -1; */
}
.banner-section::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.8;
    background: #1645CF;
}

.banner-con {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.banner-img {
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    z-index: 99;
}
.banner-con h1{
    font-size: 74px;
    color: #fff;
    width: 60%;
    margin-bottom: 28px;
    font-family: "Rowdies", sans-serif;
}
.banner-con p {
    font-size: 19px;
    color: #fff;
    width: 60%;
    margin-bottom: 25px;
}
.brn-wraper {display: flex;gap: 20px;align-items: center;}
.order-btn a{
    background: #E59819;
    padding: 15px 25px 15px 25px;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
	border: 1px solid #E59819;
	transition: all 0.4s ease 0s;
}
.order-btn a:hover{
	background: #1645CF;
}
.ph-btn {
    padding: 12px 25px 10px 25px;
    border: 1px solid #E59819;
    border-radius: 50px;
}
.ph-btn a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-left: 5px;
}
.banner-section .momato {
    position: absolute;
    right: -45px;
    top: 140px;
    z-index: 999;
    width: 5%;
}
.banner-section .d-tree {
    position: absolute;
    right: -55px;
    top: 50%;
    z-index: 999999;
    width: 10%;
}
.banner-img .vector-1 {
    position: absolute;
    top: 44px;
    left: 11px;
}
.banner-img .pata {
    position: absolute;
    top: 41px;
    left: 170px;
}
.banner-img .lonka {
    position: absolute;
    top: 225px;
}
.banner-img .vector-2 {
    position: absolute;
    bottom: 38px;
    left: 54px;
}
.banner-img .vector-3 {
    position: absolute;
    right: 60px;
    top: 300px;
    width: 28%;
}

.inner-banner{
    display: flex;
    align-items: center;
}
.inner-banner-con h1 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
}
.breadcrumb-item.active {
    color: #fff !important;
}
.inner-banner-con {margin-top: 28px;}
nav .breadcrumb .breadcrumb-item {font-family: "Open Sans", sans-serif;}
nav .breadcrumb .breadcrumb-item a{color: #fff;font-family: "Open Sans", sans-serif;}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff !important;
}
.inner-banner-con nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.inner-banner-con nav .breadcrumb {
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 15px;
}

.page-template-about .main-head {top: 0px;background: #1136A1;}
.page-template-contact .main-head {top: 0px;background: #1136A1;}

.ggMap iframe {width: 100%;height: 230px;}

/* .banner-section::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 99%;
    z-index: 1;
    opacity: 0.5;
    background: rgb(0, 0, 0);
}
.be-img img{width: 100%;} */

/*================== footer ===========1136A1F5======*/
.footer-bg{background: #000000CC;}
.footer-info{padding: 65px 0 55px 0;}
.footerinfo{padding: 23px 0 20px 0;}
.footerinfo p {color: #fff;padding-top: 15px;font-size: 17px;}
.footer-info h5{
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 600;
    position: relative;
}
.footer-info h5:before {
    position: absolute;
    content: "";
    width: 32%;
    /* max-width: 100%; */
    height: 2px;
    background: #fff;
    bottom: -8px;
    left: 0px;
    right: 0px;
}
.footer-info ul li a{font-size: 18px;color: #fff;}
.footer-info ul li{padding-bottom: 9px;}
/*.footer-info ul li a:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
.information svg {font-size: 32px;color: #F2C50A;padding-right: 5px;}
.information a {color: #fff;font-size: 18px;}
/*.information a:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
.information p {color: #fff;font-size: 17px;}
.copyright{background: #D9D9D9;}
.copyright p a{color: #000;}
/*.copyright p a:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
.copyright p{color: #000;font-size: 17px;}
.social-media a svg {font-size: 28px;color: #fff;}
/*.social-media a svg:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
.social-media a {
    /*background: #28251F;*/
    /*border: 1px solid #F2C50A;*/
    /*border-radius: 50px;*/
    /*padding: 9px;*/
    margin-right: 10px;
}
.information{margin-bottom: 10px;}
.hours-table table{font-size: 18px;color: #fff;}
.hours-table table tbody tr td {padding-bottom: 8px;}
.ophrs {margin-left: -20px;}

/*=====================menu=========================*/
.menu-sec{padding: 60px 0;}
.mBg{background: #1645CF !important;}
.menu-item {
    background: #936DC4;
    padding: 25px;
    border-radius: 10px;
    position: relative;
	margin-bottom: 25px;
    height: 230px;
}
.mnu-img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.menu-item p {width: 71%;color: #fff;}
.menu-item h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.menu-sec .menu-item .order-btn a {padding: 10px 30px 10px 30px;}
.menu-sec .menu-item.mBg .order-btn a:hover{border: 1px solid #E59819;}
.menu-sec .menu-item .order-btn{display: block;}
.menu-sec .menu-item.mBg .order-btn{display: block;}

/*===================about======================*/
.about-sec{padding: 60px 0;}
.abt-img{
	margin-bottom: 20px;
	background: #936DC4;
	border-radius: 8px;
}
.abt-img img {
    width: 100%;
/*     height: 330px; */
    object-fit: cover;
/*     border: 1px solid #aaaaaa; */
    border-radius: 8px;
}
.abt-con h3 {
    font-size: 45px;
    color: #1645CF;
    font-weight: 600;
}

.page-template-about .abt-sec{padding: 60px 0;}
.page-template-about .abt-sec .abt-con {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.page-template-about .abt-sec .brn-wraper {justify-content: center;}

/*=================made================*/
.made-sec{padding: 60px 0;}
.top-hed h3 {
    font-size: 45px;
    color: #1645CF;
    font-weight: 600;
}
.made-item{position: relative;margin-right: 15px;}
/* .made-item .vdo-thm {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 30px;
} */
/* .made-item .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
} */
/* .play-icon a img{width: 70%;} */
.page-template-about .made-sec {background: #1136A10F;}


.made-item .vdo-thm {
    width: 100%;
    height: 370px;
    object-fit: cover;
    border-radius: 30px;
}
.play-icon a img{width: 85%;margin: 0 auto;}
.made-item .step-count {
    background: #E59819;
    width: 40%;
    padding: 5px 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    /* margin-bottom: 10px; */
    position: absolute;
    left: 0;
    top: 0;
}
/* .made-item .step-count2 {
    background: #E59819;
    width: 40%;
    padding: 5px 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
} */
.made-item .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    background: #fff;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*===============marquee===================*/
.marquee {
    background: #1645CF;
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 60px;
    overflow-x: hidden;
    padding: 13px 0 20px 0;
}
.content {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Rowdies", sans-serif;
}
.track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 15s linear infinite;
}
/*.content span{font-size: 25px;}*/
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/*==============review================*/
.review-sec{padding: 60px 0;background: #1645CF;}
.review-sec .top-hed h3{color: #fff;}


/*=================gallery====================*/
.gallery-sec{padding: 60px 0;}
.gallery-item img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 8px;
}
.gallery-item{
	margin-right: 15px;
	position: relative;
	background: #936DC4;
	border-radius: 8px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff69;
    border-radius: 8px;
    opacity: 0;
    transition: opacity 1s ease;
}
.gallery-item:hover .overlay {opacity: 1;}
.icon svg {
    background: #fff;
    border-radius: 50px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border: 1px solid #1645CF;
}
.page-template-contact .gallery-sec {background: #1136A10F;}


/*=================filter======================*/
.filter-sec{padding: 60px 0;position: relative;}
.item{position: relative;border: 1px solid #1645CF;border-radius: 30px;background: #936DC4;}
.flt-img img {
    width: 100%;
    height: 325px;
    object-fit: cover;
    border-radius: 30px;
}
.flt-con {
/*     position: absolute;
    bottom: 0; */
    background: #fff;
    padding: 25px;
    border-radius: 30px;
    height: 240px;
}
.flt-con h5 {font-size: 25px;color: #000;}
.flt-con p{color: #000;}
.pb-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pb-wrp .price span {font-size: 24px;color: #1645CF;font-weight: 600;}
.ordbtn a{
    padding: 12px 25px 10px 25px;
    background: #E59819;
    color: #fff;
    border-radius: 8px;
}
.filter-sec .stripe {
    position: absolute;
    right: -5px;
    bottom: 115px;
	z-index: -1;
}

.cat-wrp .nav-tabs .nav-link {
    border: 0 !important; 
    border-top-left-radius: 0 !important; 
    border-top-right-radius: 0 !important; 
}
.cat-wrp .nav-tabs {border-bottom: 0 !important; }
.cat-wrp .nav-tabs {justify-content: center;}
.cat-wrp .nav-tabs li .nav-link {font-size: 21px;color: #585858;font-weight: 600;}
.cat-wrp .nav-tabs li .nav-link.active{color: #1645CF;}

/*==================== contact =====================*/
.contact-sec{padding: 60px 0;}
.con-info{
	background: #E9EDFF;
	border-radius: 8px;
    padding: 28px;
	position: relative;
	margin-bottom: 20px;
}
.con-info h6 {
    background: #DCE1FF;
    border-radius: 50px;
    width: 25%;
    padding: 6px;
    margin-bottom: 0;
    color: #001551;
	text-align: center;
}
.con-info h5 {color: #001551;margin-top: 6px;font-size: 25px;}
.ofad{
	display: flex;
    gap: 8px;
    align-items: center;
	margin-bottom: 8px;
}
.ofad a {color: #0037B0;font-size: 17px;}
.goo_map iframe {
    width: 100%;
    height: 285px;
    border-radius: 8px;
}
.topIcon{
    position: absolute;
    top: 20px;
    right: 30px;
}
.contact_form{
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	padding: 35px;
	border-radius: 8px;
}

.contact_form input[type="text"], input[type="tel"], input[type="email"] {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    background: #f1f3ff;
    outline: none;
    border: none;
}
.contact_form textarea {
    width: 100%;
    height: 100px;
    padding: 8px;
    border-radius: 8px;
    background: #f1f3ff;
    outline: none;
    border: none;
}
.contact_form input[type="submit"] {
    width: 100%;
    padding: 15px 30px 15px 30px;
    background: #0037B0;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 10px;
}
.contact_form label {
    color: #434655;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 6px;
}
.contact_form h4 {
    color: #1136A1;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 28px;
}

.slick-dots {bottom: -45px;}
.slick-dots li.slick-active button:before {color: #1645CF;}
.slick-dots li button:before {
    font-size: 40px;
    color: #ddd;
}

.mob-non{display: none;}
.nav-icon span:nth-child(1) {top: 0px;}
.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {top: 8px;}
.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {top: 8px;}
.nav-icon span:nth-child(4) {top: 16px;}

.hidden{display: none;}
.popup-box{width: 30%;background: #936DC4;border-radius: 10px;}
.pop-content .pop-logo img{width: 95px;}
.pop-content .pop-logo{margin-bottom: 50px;}
.pop-content h5 {
    margin-top: -30px;
    margin-bottom: 30px;
    font-size: 21px;
}

.modal-content{padding: 13px;}
.close {
    position: absolute;
    right: -11px;
    opacity: 1;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    top: -18px;
    border: 0;
    background: none;
    z-index: 3;
    padding: 3px;
}


/*=================================== responsive ==========================================*/
@media only screen and (max-width: 768px) {
	.order-btn{display: none;}
	.banner-img{display: none;}
	.banner-con h1 {font-size: 42px;width: 100%;}
	.banner-con p {font-size: 19px;width: 100%;}
	.brn-wraper .order-btn{display: block;}
	.banner-con {top: 50%;}
	.banner-section{height: 60vh !important;}
	.menu-item h4 {font-size: 26px;}
	.menu-item{margin-bottom: 20px;}
	.abt-con h3 {font-size: 33px;}
	.top-hed h3 {font-size: 30px;}
	.made-item .vdo-thm {height: 430px;}
	.made-item{margin-right: 0px;}
	.flt-img img {height: 280px;}
	.item{margin-bottom:20px;}
	.footer-info {padding: 10px 0 20px 0;}
	.gallery-item {margin-right: 0px;padding: 11px;}
	.stripe{display: none;}
	.cat-wrp .nav-tabs {width: 372px;}
	.made-item .play-icon {transform: translate(-36%,-50%);}
	.navbar-nav {padding: 20px;background: #000000CC;}
	.navbar-nav li {padding-left: 15px;margin-bottom: 8px;}
	.gp{margin-top: 30px;}
	.inner-banner{height: 265px !important;}
	.inner-banner-con nav .breadcrumb {padding: 10px;}
	.inner-banner-con h1 {font-size: 35px;}
	.contact_form h4 {font-size: 30px;}
	.con-info h6 {width: 40%;}
	.contact_form{margin-bottom: 20px;}
	.page-template-about .abt-sec .abt-con {width: 100%;}
	
	.nav-icon {
		width: 25px;
		height: 25px;
		position: relative;
		/* margin: 50px auto; */
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	.nav-icon span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff !important;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.nav-icon span {left: 0px;}
	
/* 	.menu-item .mnu-img {right: -29px;} */
/* 	.menu-item .mnu-img img{width: 80%;} */
	
	.banner-section {top: 0;margin-bottom: 0px;}
	.main-head {top: 0;background: #1136A1;}
	.be-img img {width: 100%;height: 300px;object-fit: cover;}
	.banner-section::after {height: 100%;}
	.ophrs {margin-left: 0;}
	.con-info {padding: 19px;}
	.pb-wrp .price span {font-size: 22px;}
	
	.popup-box {width: 95%;}
	.pop-content .order-btn {display: block;}
	.pop-content h5 {font-size: 25px;}
	.dek-non{display: none;}
	.mob-non{display: block;}
}