/*
Project: Avtar's Golf
File: CSS 
*/

@import url(bootstrap.min.css);
@import url(fontawesome.min.css);
@import url(brands.min.css);
@import url(solid.min.css);
@import url(custom-menu.css);
@import url(slick.css);
@import url(slick-theme.css);

:root{
--main_color: #9ACC32;
--sub_color: #262724;
--hover_dark: #77a513;

--main_font: "Raleway", sans-serif;
--sub_font: "Forum", serif;
--third_font: "Poppins", sans-serif;
}

body{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 16px;
font-family: var(--main_font);
color: var(--sub_color);
}
*{box-sizing: border-box;}
ol, ul{margin: 0; padding: 0; list-style-type: none;}

a{text-decoration: none!important; transition: all 500ms ease-in-out;}
.clear{clear: both !important;}
img{max-width: 100%;}
p{line-height: 36px; font-size: 18px;}
h1, h2, h3, h4{font-family: var(--sub_font);}

.full_width{width: 100%; /*float: left;*/}
.container{max-width: 1300px; width: 100%;}
/* Global End--------- */

.pd_cm_blk{padding-block: 70px;}
.title-sec{margin-bottom: 30px;}
.title-sec h2{font-size: 84px;}
.title-small h2{font-size: 48px; font-weight: 600;}
.title-border h2{font-size: 48px; position: relative; padding-bottom: 30px; margin-bottom: 35px;}
.title-border h2:after{position: absolute; content: ""; bottom: 0; left: 0; width: 95px; height: 1px; background: var(--main_color);}
.title-md h2{color: var(--sub_color); font-family: var(--sub_font); font-size: 4rem; font-size: 3rem; font-style: normal; font-weight: 400; line-height: normal;}

.btn_grp{display: flex; align-items: center; justify-content: center; gap: 20px;}
.btn_fill, .btn_border{display: inline-block; text-transform: uppercase; padding: 13px 30px; font-size: 14px; font-weight: 600; border: 1px solid transparent;text-align: center;}
.btn_fill{background: var(--main_color); color: #fff;}
.btn_fill:hover{background: var(--hover_dark); color: #fff;}
.btn_border{border-color: #fff; color: var(--main_color);}
.btn_border_black{border-color: #000;}
.btn_border:hover{background: var(--main_color); border-color: var(--main_color); color: #fff;}

/************start header*************/
.main_header{position: fixed; z-index: 9; top: 0; width: 100%; left: 0; right: 0; padding: 40px 0 15px 0;z-index: 99;}
.main_header.fixed-theme{padding: 10px 0; background: #fff; box-shadow: #00000014 0 0 10px;}
.main_header .container{max-width: 1630px;}
.navigation_block{gap: 90px;}
.donate_btn .btn_fill{padding: 12px 35px;}
.fixed-theme .head_logo a img{max-width: 200px; transition: all 0.8s; transform: scale(0.9);}
.fixed-theme .head_logo{margin-top: 10px;}
/************end header*************/

/************start banner*************/
/* .home_banner{height: 100vh; min-height: 30rem;} */
.home_banner{overflow: hidden; position: relative; height: 100vh;}
.banner_blk{position: relative;}
.banner_blk img{height: 100vh;}
.home_banner .banner_content{padding-inline: 3rem; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.home_banner .banner_content h2{color: #fff; font-size: 100px; font-weight: 400; line-height: normal; margin-block: 30px;}
.home_banner .banner_content p{color: #fff; font-size: 20px; line-height: 36px; margin-bottom: 7rem;}

.home_banner .slick-dots{top: 50%; right: 7rem; width: auto; transform: translateY(-50%); bottom: auto; display: flex; flex-direction: column; gap: 25px;}
.home_banner .slick-dots li, .home_banner .slick-dots li button, .home_banner .slick-dots li button:before{width: 2px; height: 48px;}
.home_banner .slick-dots li button{padding: 0;}
.home_banner .slick-dots li button:before{border-radius: 0; border: none; background: #fff;}
.home_banner .slick-dots li.slick-active button::before{opacity: 0.5; background: #fff;}

/***********start mouse_scroll***********/
.demo{position: absolute; bottom: 0; width: 100%;}
.demo a{position: absolute; bottom: 53px; left: 50%; width: 20px; z-index: 2; display: inline-block; animation: scroll 1.5s infinite;}
@keyframes scroll{
0%{bottom: 25px;}
50%{bottom: 15px;}
100%{bottom: 25px;}
}
/***********end mouse_scroll***********/

/***********start fixed_scoial_icon***********/
.social-icon{position: fixed; z-index: 9; top: 50%; left: 10rem; transform: translateY(-50%); transition: transform 0.3s ease-out, left 0.1s ease-out;}
.social-icon.scrolled{left: 0;}
.social-icon ul li:not(:last-child){margin-bottom: 25px;}
.social-icon ul li a{display: inline-block; color: #fff; padding: 5px 10px;}
.social-icon.scrolled ul{background: var(--main_color); padding-block: 8px;}
/***********end fixed_scoial_icon***********/
/************end banner*************/

/************start three_blk*************/
.cardThree{min-height: 450px;}
.cardThree svg{fill: var(--main_color);}
.cardThree :is(svg, a){transition: 0.5s ease-in-out;}
.cardThree h2{margin-top: 20px; margin-bottom: 30px;}
.cardThree p{margin-bottom: 30px;}
.cardThree a span{text-decoration: underline; font-style: italic; font-weight: 600; font-size: 14px; text-transform: uppercase;  margin-right: 8px;}
/************end three_blk*************/

/************start video_blk*************/
.video_blk{max-width: 1900px; margin: auto;}
.video_content{border-radius: 24px; background: var(--sub_color); color: #fff; padding: 4rem 4rem; height: 100%;}
.video_lightbox_main{position: relative; height: 100%;border-radius: 1.5rem;overflow: hidden; border-bottom-left-radius: 0;}
.video_lightbox_main svg{display: flex; width: 100%; height: 100%;}
.video_lightbox_main img{display: block; width: 100%; height: 100%;object-fit: cover;border-radius: 1.5rem;}
.video_lightbox_main .lightbox{position: fixed;}

.vdo_btn{position: absolute; left: 0; bottom: 0;background-image: url(../images/curve-button.webp);background-position: left bottom;background-repeat: no-repeat;background-size: cover;border: none;background-color: transparent;padding: 0;margin: 0;width: 15.625rem;height: 15.625rem;display: flex;align-items: flex-end;justify-content: flex-start;}
.play-btn{width: 167px; height: 167px; display: flex; align-items: center; justify-content: center;/* border: 20px #eff7de solid; outline: var(--main_color) 1px solid; */border-radius: 50%; cursor: pointer;box-shadow: inset 0 0 0 20px #eff7de;border: 1px var(--main_color) solid;}
.play-btn i{font-size: 44px; animation: beat 0.8s infinite alternate;}
@keyframes beat{
to{transform: scale(1.1);}
}

/* Lightbox Styling */
.lightbox{position: fixed; z-index: 109; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; justify-content: center; align-items: center;}
.lightbox-content{position: relative; max-width: 50%; height: 460px; margin: auto; margin-top: 6rem;}
.lightbox-content iframe{width: 100%; height: 100%;}
.close-btn{position: absolute;display: block;height: 1.5rem;width: 1.5rem; display: flex;align-items: center;justify-content: center; top: -1.5rem; right: 0; font-size: 2rem; color: white; cursor: pointer;line-height: 2rem;}
/************end video_blk*************/

/************start events_blk*************/
.events_blk{border-radius: 190px 0px 0px 0px; background: rgba(0, 0, 0, 0.02); overflow: hidden;}
.events_blk .schedule{margin-bottom: 20px;}
.events_blk .schedule p:first-child{border-bottom: rgba(38, 39, 36, 0.08) 1px solid; margin-bottom: 15px; padding-bottom: 15px;}

.event_card{padding-top: 30px; padding-bottom: 30px;margin-inline: 1rem;}
.event_img{position: relative;}
.date_sec{position: absolute; left: 2rem; bottom: 1.5rem;}
.date_sec span{width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: var(--main_color); font-size: 40px; font-family: var(--third_font); position: relative;}
.date_sec p{margin-bottom: 0; border-radius: 70px; display: flex; align-items: center; justify-content: center; gap: 14px; background: #000; color: #fff; font-size: 24px; padding: 7px 36px; font-family: var(--third_font); font-weight: 300; margin-left: -20px;}
.date_sec p i{font-size: 14px;}
.event_img_inner{border-radius: 24px; position: relative;}
.event_img_inner:after{position: absolute; content: ""; top: 30px; left: 42px; border-radius: 24px; border: #e1e1e1 1px solid; width: 100%; height: 100%; z-index: -1;}
.event_img_inner img{object-fit: cover; border-radius: 24px;}
.event_content{padding-left: 4rem;}
.event_content ul{margin-bottom: 30px;}
.event_content ul li{display: flex; align-items: center; gap: 20px; margin-bottom: 10px;}
.event_content ul li p{margin-bottom: 0;}
.event_content ul li:nth-child(1) p{font-weight: 700;}
.event_content ul li:nth-child(2) p{font-size: 27px; font-weight: 700; font-family: var(--third_font); color: var(--main_color);}
.event_content .btn_fill{padding-inline: 25px;}

/*.main_event_slider{position: relative; left: 50%; margin-left: -40rem;}*/
.main_event_slider{position: relative; left: 0; margin-left:0;}
.event_slider .slick-prev, .event_slider .slick-next{width: 65px; height: 65px; border-radius: 50%; border: var(--main_color) 1px solid; display: flex; align-items: center;
justify-content: center; top: -16rem; left: 76rem; right: auto; transform: translate(50%, 151px); transition: all ease-in-out .3s;}
.event_slider .slick-prev:before, .event_slider .slick-next:before{background: url(../images/arrow_left.png) no-repeat; height: 9px;}
.event_slider .slick-next:before{rotate: 180deg;}
.event_slider .slick-prev{left: 70rem;}
/************end events_blk*************/

/************start home_gallery*************/
.gallery_card{overflow: hidden; border-radius: 24px;}
.home_gallery a.btn_fill{padding-inline: 42px;}
.gallery_card img{object-fit: cover;}
/************end home_gallery*************/

/* DEFAULT SLICK CSS */
.slick-dots li button:before{content: ""; width: 17px; height: 17px; border-radius: 50%; border: #fff 1px solid; opacity: 1;border: 1px solid #000;}
.slick-dots li.slick-active button::before, .galary_slider .slick-dots li:hover button:before{background: var(--main_color); border-color: var(--main_color);}
/* DEFAULT SLICK CSS */

/************start home_pgbk*************/
.home_pgbk h2{color: #fff;}
.home_pgbk p{color: #fff;}
.home_pgbk .btn_fill{padding-inline: 48px;}
/************end home_pgbk*************/

/************start info_blk*************/
.info_icn{width: 111px; height: 111px; flex-shrink: 0; background: rgba(0, 0, 0, 0.02);}
.info_top{gap: 30px;}
.info_top h3{font-size: 2rem; line-height: normal;}
.info_card{margin-bottom: 50px; position: relative;}
.info_card:after{position: absolute; top: 50%; transform: translateY(-50%); content: ""; width: 1px; height: 78%; background: rgba(0, 0, 0, 0.16); right: -7rem;}
.info_blk .row > .col-md-5:nth-child(even) .info_card:after{display: none;content:none}
.info_blk .container{position: relative;}
.btm_line:after{position: absolute; content: ""; top: 42%; transform: translateY(-50%); width: 100%; height: 1px; background: rgba(0, 0, 0, 0.16);}
/************end info_blk*************/

/************end footer*************/
.footer_top{width: 97vw; margin: auto; border-radius: 48px; border: 1px solid #000; padding-block: 50px;}
/* .ftr-1 > ul{padding-block: 40px;} */
.ftr-1 > ul svg{width: 30px; height: 20px; margin-top: 4px;flex-shrink: 0;}
.ftr-1 > ul > li{display: flex; margin-bottom: 25px; gap: 15px; align-items: flex-start; font-family: var(--third_font);}
.ftr-1 > ul > li:nth-child(2) a{font-size: 18px; font-weight: 600;}
.ftr-1 > ul > li a{color: var(--sub_color); word-break: break-all;}
.ftr-1 > ul > li a:hover{color: var(--main_color);}
.ftr-1 > ul > li p{margin-bottom: 0; line-height: 30px;}
.social ul{display: flex;}
.social ul li{background: rgba(0, 0, 0, 0.02);}
.social ul li a{color: var(--main_color); display: inline-block; padding: 8px 15px; font-size: 19px;}
.social ul li a:hover{color: var(--sub_color);}
.footer_top h3{margin-bottom: 40px;}
.ftr-2 ul li{margin-bottom: 10px;}
.ftr-2 ul li a{color: var(--sub_color);}
.ftr-2 ul li a:hover{color: var(--main_color);}
.copy_right{padding-block: 20px;}
.copy_right p{margin-bottom: 0; font-size: 14px;}
.copy_right p a{color: var(--sub_color);}
.copy_right p a:hover{color: var(--main_color);}
/************start footer*************/

/************start about-us*************/
/************start about-us banner*************/
.inner_banner{min-height: 30rem;}
.inner_banner h1{color: #fff; font-size: 100px; line-height: normal;}
.mission-image{border-radius: 1.5rem; overflow: hidden; height: 100%;}
.mission-image img{height: 100%; object-fit: cover;}
.mission-container > *:not(:last-child) {margin-bottom:4.375rem;}
.mission-container > *:nth-child(even) > *:nth-child(1) {order:2;}
.mission-container > *:nth-child(even) > *:nth-child(2) {order:1;}

/************start about-us section unique*************/
.section-unique {background-repeat:no-repeat; background-position:center; background-size:cover;}
.section-unique h2 {color:#fff; text-align:center; margin-bottom:4.5rem; margin-top:2.5rem; position:relative; max-width:max-content; margin-left:auto; margin-right:auto;}
.section-unique h2::after {content:''; position:absolute; top:0rem; right:-2.25rem; width:2.25rem; height:2.25rem; background-image:url(../images/spark.svg);}
.unique-card {position:relative; border-radius:1.5rem; border:1px solid rgba(255, 255, 255, 0.24); background:rgba(255, 255, 255, 0.08);
box-shadow:8px 8px 64px 0px rgba(0, 0, 0, 0.08); padding:2.5rem; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; color:#fff;}
.unique-card img {max-width:4rem; max-height:4rem; object-fit:cover; width:100%; margin-bottom:2.25rem;}
.unique-card h3 {font-size:2rem; margin-bottom:1.875rem;}
.unique-card::after {border-radius:1.5rem; content:''; position:absolute; top:0.625rem; left:0.625rem; width:10.125rem; height:10.125rem; background-image:linear-gradient(133deg, rgba(255, 255, 255, 0.24) 7.92%, rgba(255, 255, 255, 0.00) 45.48%);}
  /************start about-us our-team*************/
.section-our-team h2 {margin-bottom:4.5rem;}
.our-team-card .member-img {border-radius:1.5rem; overflow:hidden; border:1px solid #000;}
.our-team-card .member-img img{width: 100%;}
.our-team-card .member-data {border-radius:1.5rem; border:1px solid rgba(0, 0, 0, 0.08); background-color:#FFF; text-align:center; padding-block:2.25rem;
padding-inline:1.25rem; margin-inline:1rem; margin-top:-8.5rem; position:relative; z-index:2;}
.our-team-card .member-data h3 {color:#231F20; text-align:center; font-family:var(--main_font); font-size:1.5rem; font-style:normal; font-weight:600; line-height:2.25rem; position:relative; margin-bottom:1.5rem;}
.our-team-card .member-data h3::after {content:''; position:absolute; width:3rem; height:1px; background-color:var(--main_color); left:50%; bottom:-0.625rem; transform:translateX(-50%);}
.our-team-card .member-data p {color:#231F20; text-align:center; font-family:var(--main_font); font-size:1.125rem; font-style:normal; font-weight:400; line-height:2.25rem;margin-bottom: 0;}
.section-cta {background-repeat:no-repeat; background-position:center; background-size:cover;}
.section-cta h2 {color:#FFF; font-family:var(--sub_font); font-style:normal; font-weight:400; line-height:normal; text-transform:capitalize;}
.section-cta .btn_fill {position:relative;}
.section-cta .btn_fill::after, .section-cta .btn_fill::before {position:absolute; content:''; pointer-events:none;}
.section-cta .btn_fill::after{background-position:center; background-repeat:no-repeat; background-size:cover; width:2.25rem; height:3rem; right: -5px; bottom: -2.2rem;
background-image:url(../images/cursor.svg); animation: wave-animation 2.5s infinite; transform-origin: 70% 70%;}
@keyframes wave-animation{
0%{transform: rotate( 0.0deg)}
15%{transform: rotate(14.0deg)}
30%{transform: rotate(-8.0deg)}
40%{transform: rotate(14.0deg)}
50%{transform: rotate(-4.0deg)}
60%{transform: rotate(10.0deg)}
70%{transform: rotate( 0.0deg)}
100%{transform: rotate( 0.0deg)}
}

.section-cta .btn_fill::before{background-position:center; background-repeat:no-repeat; background-size:cover; width:21rem; height:3.875rem; background-image:url(../images/arrow.svg); right:105%; top:-100%;}
.schedule {border-radius:1rem; border:1px solid rgba(154, 204, 50, 0.08); background:rgba(154, 204, 50, 0.08); padding-inline:1.875rem; padding-block:1.5rem;}
.schedule p {margin-bottom:0;position:relative; display:flex; align-items:center;}
.schedule p:first-child {color:#231F20; font-family:var(--third_font); font-size:1.5rem; font-style:normal; font-weight:500; line-height:2.25rem; margin-bottom:1.875rem;flex-wrap: wrap;}
.schedule p:first-child span {color:#231F20; font-family:var(--third_font); font-size:1.5rem; font-style:normal; font-weight:400; line-height:2.25rem;}
.schedule p::before {content:''; width:2.5rem; height:2.5rem; display:inline-block; position:relative; left:0; top:0; margin-right:1.25rem ;flex-shrink: 0;
background-position: center;background-repeat: no-repeat;background-size: cover;}
.schedule p:first-child:before {background-image:url(../images/date-time.svg);}
.schedule p:last-child:before {background-image:url(../images/location-pin.svg);}
.upcoming-events p {margin-bottom: 0;}
.upcoming-events .schedule{margin-top: 1.625rem;margin-bottom: 1.625rem;}
.upcoming-events .btn_grp{margin-top: .75rem;justify-content: start;}
.event_content{padding-right: 4rem;}
/************end about-us*************/

/************start contact-us*************/
.section-contact-form {padding-inline:5rem;}
.section-contact-form .ftr-1{padding-block: 2.5rem;}
.location-card{background-color:#FAFAFA; padding-inline:2.75rem; padding-block:3.375rem;}
.contact-form p{color:var(--main_color); font-family:var(--main_font); font-size:1.5rem; font-style:normal; font-weight:500; line-height:36px; margin-top:2rem;
margin-bottom:2.625rem;}
.contact-form label {color:var(--sub_color); font-family:var(--sub_font); font-size:2rem; font-style:normal; font-weight:400; line-height:normal; width:100%;
margin-bottom:1.125rem;}
.contact-form input::placeholder, .contact-form textarea::placeholder, .contact-form select::placeholder{color:rgba(38, 39, 36, 0.24); font-family: var(--main_font); font-size: 1rem; font-weight:500; line-height:2.25rem;}
.contact-form input, .contact-form textarea, .contact-form select {color:var(--sub_color); font-family:var(--main_font); font-size:1.125rem; font-style:normal; font-weight:500; width:100%; border:none; outline:none; border-bottom: 1px solid #000; padding-bottom: 10px;}

.contact-form textarea{height: 120px; resize: none;}
.contact-form input[type="submit"],.wpcf7-stripe button{border: none; font-size: 14px; padding: 12px 60px; color: #fff; width: auto; transition: all 500ms ease-in-out;}
.wpcf7-stripe button{background: var(--main_color); text-transform: uppercase; font-weight: 600;}
.wpcf7-stripe button:hover{background: var(--hover_dark);}
.contact-form select{appearance: none; cursor: pointer; /*color: rgba(38, 39, 36, 0.24);*/ font-size: 1rem; position: relative; background: url(../images/select-arrow.svg) no-repeat; background-position: right 10px top; background-size: 12px;}

/* .contact-form .select::after{position:absolute; content:''; background-image:url(../images/select-arrow.svg); width:1.875rem; height:1.875rem; right:0; bottom:.625rem; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none;} */

.contact-form form .row >*:not(:last-child) {margin-bottom:2.5rem;}
.location-card h2{position:relative; margin-bottom: 1rem;}
/* .location-card h2::after {position:absolute; background-color:var(--main_color); height:1px; width:5rem; content:''; bottom:-2.625rem; left:0;} */
.location-card > p{color: var(--main_color); font-family: var(--main_font); font-size: 1.5rem; font-weight: 500; line-height: 36px; margin-top: 2rem;}
.location-card address {color:#231F20; font-family:var(--main_font); font-size:1.125rem; font-style:normal; font-weight:400; line-height:2.25rem; margin-bottom:1.5;}
.location-card a.mobile {color:#231F20; font-family:var(--third_font); font-size:1.5rem; font-style:normal; font-weight:600; line-height:2.25rem; display:block;}
.location-card a.email {color:#231F20; font-family:var(--main_font); font-size:1.125rem; font-style:normal; font-weight:400; line-height:2.25rem;}
/* .location-card .map {max-width:612px; width:100%; max-height:377px;} */
.location-card .map iframe {width:100%;}
/************end contact-us*************/

/************start 404*************/
.not_found, .inner_sec{margin-top: 131px;}
.not_found{padding-top: 40px;}
.not_found h2{color: var(--main_color); text-transform: uppercase; font-weight: 700; font-size: 2rem; letter-spacing: 2px; margin-top: 2rem;}
.not_found img{height: auto;}
/************end 404*************/

.inner_sec{padding-block: 70px;}
.inner_sec h1{text-align: center; color: var(--main_color); font-size: 3.5rem;}
.inner_sec p a{color: var(--main_color);}
.inner_sec p a:hover{color: var(--sub_color);}

/************start donate_blk*************/
.donate_card{max-width: 78rem; width: 100%; margin: auto; padding: 3rem 3rem; border: 2px dashed var(--main_color);}
.donate_card h2{font-size: 40px;}
.donate_card h3{font-size: 35px; font-weight: 600; margin-top: 25px; color: var(--main_color);}
.donate_card ul{margin-block: 1rem;}
.donate_card ul li{font-family: var(--third_font); list-style-type: disc; list-style-position: inside; font-weight: 500; margin-bottom: 8px;}
.donate_card p a{color: #898989; text-decoration: underline !important;}
.donate_card h4{margin-top: 2rem; font-family: var(--main_font); text-align: center;}
.donate_card a.btn_fill{padding: 17px 24px; line-height: normal; max-width: 35rem; width: 100%; font-size: 18px;}
.tournament_card a.btn_fill{padding: 17px 24px; max-width: inherit; width: auto;}
.tournament_card a.btn_border{padding: 14px 24px; font-size: 18px;}
/************end donate_blk*************/


















/*---------------start desktop responsive---------------*/
@media (min-width: 992px) {
.mobile_menu{display: none;}
.inner_banner h1{margin-top: 7rem;}
.our-team-card .member-data{min-height: 33.5rem;}

}

@media (min-width: 1200px) and (max-width: 1400px) {
/* .vdo_btn{bottom: 12.5rem;} */
/* .play-btn{width: 127px; height: 127px;} */

}

@media (min-width: 1401px) and (max-width: 1600px) {
/* .vdo_btn{bottom: 7rem;} */
/* .play-btn{width: 140px; height: 140px;} */

}
/*---------------end desktop responsive---------------*/