@import url('https://fonts.cdnfonts.com/css/anchor-jack');

@font-face {
    font-family: 'KnockoutHTF48Featherweight';
    src: url('fonts/KnockoutHTF48Featherweight.eot');
    src: url('fonts/KnockoutHTF48Featherweight.eot') format('embedded-opentype'),
         url('fonts/KnockoutHTF48Featherweight.woff2') format('woff2'),
         url('fonts/KnockoutHTF48Featherweight.woff') format('woff'),
         url('fonts/KnockoutHTF48Featherweight.ttf') format('truetype'),
         url('fonts/KnockoutHTF48Featherweight.svg#KnockoutHTF48Featherweight') format('svg');
}
@font-face {
    font-family: 'ProximaNovaBlack';
    src: url('fonts/ProximaNovaBlack.eot');
    src: url('fonts/ProximaNovaBlack.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaBlack.woff2') format('woff2'),
         url('fonts/ProximaNovaBlack.woff') format('woff'),
         url('fonts/ProximaNovaBlack.ttf') format('truetype'),
         url('fonts/ProximaNovaBlack.svg#ProximaNovaBlack') format('svg');
}
@font-face {
    font-family: 'ProximaNovaLight';
    src: url('fonts/ProximaNovaLight.eot');
    src: url('fonts/ProximaNovaLight.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaLight.woff2') format('woff2'),
         url('fonts/ProximaNovaLight.woff') format('woff'),
         url('fonts/ProximaNovaLight.ttf') format('truetype'),
         url('fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
}
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('fonts/ProximaNovaRegular.eot');
    src: url('fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaRegular.woff2') format('woff2'),
         url('fonts/ProximaNovaRegular.woff') format('woff'),
         url('fonts/ProximaNovaRegular.ttf') format('truetype'),
         url('fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
}
@font-face {
    font-family: 'ProximaNovaSbold';
    src: url('fonts/ProximaNovaSbold.eot');
    src: url('fonts/ProximaNovaSbold.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaSbold.woff2') format('woff2'),
         url('fonts/ProximaNovaSbold.woff') format('woff'),
         url('fonts/ProximaNovaSbold.ttf') format('truetype'),
         url('fonts/ProximaNovaSbold.svg#ProximaNovaSbold') format('svg');
}
@font-face {
    font-family: 'AnchorJack';
    src: url('fonts/AnchorJack.ttf');
}
@font-face {
    font-family: 'ArcaneNine';
    src: url('fonts/ArcaneNine.otf');
}

body {
    overflow-y: hidden;
}

/*----------------------------------------------------------------------------------*/


section{ width:100%; }
a{ text-decoration:none;outline:none;transition: 0.3s;}
html {scroll-behavior: smooth;}
html,body{overflow-x: hidden;}
::selection {color: #fff;text-shadow: none; background: #efaa15;}
a:focus, a:hover {
    text-decoration: none;
}
a,div,button{-webkit-transition: all .3s ease-in-out;
    ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
ul {padding: 0; list-style:none;}




/*----------------------- Common Css -----------------------*/
.ggw-heading-lg{
	font-family: 'AnchorJack';
	text-shadow: 0 5px black;
	color: #FFE656;
	font-weight: 400;
	font-size: 95px;
	line-height: 110.00000000000001%;
}
.ggw-heading-md{
	font-family: 'AnchorJack';
	text-shadow: 0 5px black;
	color: #FFE656;
	font-weight: 400;
	font-size: 52px;
	line-height: 110.00000000000001%;
}
.ggw-heading-sm{
	font-family: 'ArcaneNine';
	font-weight: 400;
	font-size: 32px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
}
p{
	font-family: 'ProximaNovaRegular';
	font-weight: 400;
	font-size: 16px;
	line-height: 152%;
	color: #FFFFFFB2;
}
.ggw-new-btn {
    font-family: "Alike", serif;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 60px;
    border: 2px solid transparent; /* Important for border-image to work */
    border-image-source: linear-gradient(139deg, #FFE656 0.54%, #5F5411 26.74%, #FFBF49 39.84%, #FCD462 54.73%, #C0A431 66.69%, #6B6015 87.24%);
    border-image-slice: 1; 
    color: #FFE656;
    background-color: #210670;
    position: relative;
    display: inline-block;
    transition: 0.6s;
    text-shadow: 3px 3px black;
    text-transform: uppercase
}
.ggw-new-btn:before {
    content: "";
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/left-btn-vector.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 35px;
    position: absolute;
    top: 7px;
    left: -45px;
    transition: .6s;
}
.ggw-new-btn:after {
    content: "";
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/right-btn-vector.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 35px;
    position: absolute;
    top: 9px;
    right: -49px;
    transition: .6s;
}
.ggw-new-btn:hover{
    color: #FFE656;
    border-image-source: linear-gradient(260.72deg, #FFE656 0.54%, #5F5411 26.74%, #FFBF49 39.84%, #FCD462 54.73%, #C0A431 66.69%, #6B6015 87.24%);
}
.ggw-new-btn:hover:before{
    left: -26px;
}
.ggw-new-btn:hover:after{
    right: -30px;
}


.ggw-new-btn.header-btn:before {
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/header-btn-rleft.png);
}
.ggw-new-btn.header-btn:after {
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/header-btn-right.png);
}
.mobile-img{
	display: none;
}


/*----------------------- New Home Css -----------------------*/
/*----------------------- Header Section -----------------------*/
.ggw-header {
    background-color: #0F0F0F;
    padding: 30px 0 15px;
}
.ggw-logo{
    width: 8%;
}
.ggw-header-menu-sec{
    width: 92%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 70px;
}
.ggw-logo img {
    max-height: 75px;
}
.ggw-nav a {
    font-family: ArcaneNine;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: white;            
    margin-right: 20px;
}
.ggw-nav a.active {
    color: #FFD700;
}
.ggw-nav a:hover{
    color: #FFD700;
}


@media (max-width: 991px) {
    .ggw-nav {
        text-align: center;
        margin-top: 10px;
    }
}
.ggw-header .container{
    max-width: 1400px;
}


/*----------------------- Footer Section -----------------------*/
footer.site-footer{
    background-color: #0F0F0F;
    padding: 30px 0px 60px;
    text-align: center;
}
footer.site-footer p{
    margin-bottom: 0px;
    color: #E0C500;
}


/*----------------------- Banner Section -----------------------*/
.ggw-banner-sec {
/*    -webkit-mask-image: url('http://localhost/ggwestloop/wp-content/uploads/2025/06/Ellipse-1.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;

    mask-image: url('http://localhost/ggwestloop/wp-content/uploads/2025/06/Ellipse-1.png');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;*/

    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*.ggw-banner-sec:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/frame1.png);
    background-size: revert;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
}*/
.ggw-banner-overlay{
    width: 100%;
    height: 100%;
    padding: 50px 15px;
}
.site-header {
    margin: 0;
    padding: 0rem 0;
}
.ggw-info{
	max-width: 672px;
    width: 100%;
    margin: 0px 0px 0px auto;
}
a.ggw-new-btn:visited {
    color: #FFE656;
}
.ggw-new-btn:before {
    content: "";
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/left-btn-vector.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 35px;
    position: absolute;
    top: 7px;
    left: -45px;
    transition: .6s;
}
.ggw-new-btn:after {
    content: "";
    background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/right-btn-vector.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 35px;
    position: absolute;
    top: 9px;
    right: -49px;
    transition: .6s;
}
.ggw-new-btn:hover{
	color: #FFE656;
	border-image-source: linear-gradient(260.72deg, #FFE656 0.54%, #5F5411 26.74%, #FFBF49 39.84%, #FCD462 54.73%, #C0A431 66.69%, #6B6015 87.24%);
}
.ggw-new-btn:hover:before{
	left: -26px;
}
.ggw-new-btn:hover:after{
	right: -30px;
}


/*----------------------- Inside GG's Section -----------------------*/
.ggw-inside-img{
	background-image: url(http://localhost/ggwestloop/wp-content/uploads/2025/06/inside-gg-bg-1.jpg);
	background-size: cover, cover;
    background-repeat: repeat, no-repeat;
    background-position: center center, center center;
}
.ggw-blue-bg{
	background-color: #1A1527;
}
.ggw-inside-info{
	padding: 100px;
}
.ggw-inside-info p{
	color: #fff;
}
.ggw-new-btn{

}


/*----------------------- Menu Section -----------------------*/
.ggw-menu-sec{
    padding: 75px 0px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ggw-img-box{
	background-color: #0F0F0F;
}
.ggw-img-box img{
	width: 100%;
}
.ggw-img-box-info{
	padding: 30px;
}


/*----------------------- Our Place Section -----------------------*/
.ggw-our-place-sec{
	background-color: #000;
	padding: 80px 0px;
}


.testimonial-section {
    background-color: #000;
    padding: 60px 0;
    text-align: center;
    position: relative;
}
.yellow-bg{
	background-color: #E0C500;
	padding: 70px;
}
.testimonial-section h2 {
    color: #fff;
}



/*----------------------- Caught Section -----------------------*/
.ggw-our-caught-sec{
	background-color: #303030;
	padding: 80px 0px;
}


/*----------------------- Contact Section -----------------------*/
.ggw-contact-sec{
	background-size: cover, cover;
    background-repeat: repeat, no-repeat;
    background-position: center center, center center;
}
.black-overlay{
	background-color: hwb(0deg 0% 100% / 80%);
	padding: 80px 0px;
}
.ggw-contact-info-block{
	background-color: #E0C500;
	padding: 20px;
}
.ggw-contact-info-block p{
	color: #000;
	margin-bottom: 8px;
}
.ggw-contact-info-block a{
    font-family: 'ProximaNovaRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 152%;
    color: #000;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}
.ggw-contact-form{
    background-color: #000000;
    padding: 40px;
}
.ggw-contact-form h3{
    font-family: AnchorJack;
    font-weight: 400;
    font-size: 24px;
    color: #FFE656;
    line-height: 110.00000000000001%;
    text-align: center;
    text-shadow: 0 5px black;
}


/*----------------------- Responsive Css -----------------------*/
@media(max-width: 1400px){
	.ggw-inside-info {
	    padding: 50px;
	}
	.ggw-heading-lg{
		text-shadow: 0 5px black;
		color: #FFE656;
		font-weight: 400;
		font-size: 60px;
		line-height: 110.00000000000001%;
	}
	.ggw-heading-md{
		text-shadow: 0 5px black;
		color: #FFE656;
		font-weight: 400;
		font-size: 40px;
		line-height: 110.00000000000001%;
	}
    .ggw-info {
        max-width: 550px;
    }
    .ggw-nav a {      
        font-size: 18px;
    }
	.ggw-new-btn {
        font-size: 18px;
        padding: 10px 50px;
    }
    .ggw-inside-info {
        padding: 50px 12px;
    }
    .ggw-new-btn {
        font-size: 15px;
        padding: 10px 45px;
    }
    .ggw-new-btn:before {
        width: 65px;
        height: 30px;
        top: 7px;
        left: -40px;
    }
    .ggw-new-btn:after {
        width: 65px;
        height: 30px;
        top: 7px;
        right: -40px;
    }
    .ggw-heading-sm {
        font-size: 26px;
    }
}

@media(max-width: 1200px){
	.ggw-inside-info {
	    padding: 50px;
	}
}

@media(max-width: 990px){
	.ggw-heading-lg{
		font-family: 'AnchorJack';
		text-shadow: 0 5px black;
		color: #FFE656;
		font-weight: 400;
		font-size: 40px;
		line-height: 110.00000000000001%;
	}
	.ggw-heading-md{
		font-family: 'AnchorJack';
		text-shadow: 0 5px black;
		color: #FFE656;
		font-weight: 400;
		font-size: 30px;
		line-height: 110.00000000000001%;
	}
	br{
		display: none;
	}
    .ggw-inside-info {
        padding: 50px 0px 15px;
    }
}

@media(max-width: 767px){
	.desktop-img{
		display: none;
	}
	.mobile-img{
		display: block;
	}
    .ggw-info {
        max-width: 100%;
    }
    .ggw-nav a {      
        font-size: 16px;
    }
    .ggw-inside-info {
        padding: 50px 12px;
        width: 100%;
        max-width: 540px;
        margin: 0px auto;
    }
    .ggw-banner-overlay{
        width: 100%;
        max-width: 540px;
        margin: 0px auto;
        padding: 50px 0px;
    }
    .ggw-our-place-sec, .black-overlay, .ggw-our-caught-sec {
        padding: 50px 0px;
    }
    .yellow-bg {
        padding: 50px 12px;
    }
    .ggw-heading-md{
        text-align: center;
    }
    .ggw-contact-info-block{
        text-align: center;
    }
}