section.services{
    background: #fff;
}
section.services .img-sect img{
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 10px;
}
section.services .head-sec{
    margin-bottom:60px;
}
section.services .head-sec p{
   color:black;
}
.heading-sec {
    margin-bottom: var(--m40);
}
section.services .img-sect a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
section.services .img-sect:hover .name i {
    background: #1b1b1b;
    /* margin-bottom: 10px; */
}
/* section.services .img-sect:hover .name{
    bottom: 10px;
} */
section.services .name {
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: var(--p30);
    transition: .7s ease-in-out;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,.8));
    transition: .7s ease-in-out;
}
section.services .name h4{
margin-bottom: 0;
color: var(--white-color);
}
section.services .img-sect {
    position: relative;
    transition: .6s ease-in-out;
}
section.services .name i{
    color: var(--white-color);
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background: var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    
}
section.services .gallery-details {
    flex: 0 0 auto;
    width: 31.333333%;
}
section.services img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
}
section.services h4{
    font-size: var(--f28);
    font-weight: 600;
    text-align: center;
}
section.services h4 a{
    color: var(--btn-color);
    text-decoration: none;
    font-family: var(--secondary-font);
    /* font-size: var(--f24); */
    text-align: center;
}
section.services .row{
    gap: 40px 3%;
}
section.services .heading-sec .row{
    gap: 0px 0%;
}
section.services .activites-image{
    position: relative;
    height: 350px;
    margin-bottom: 20px;
}
section.services .overlay-content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: #1B1B1B9e;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    padding: var(--p30);
    display: none;
}
section.services .activites-image a:hover .overlay-content{
    display: flex;
}
section.services .overlay-content p, section.services .overlay-content li{
    color: var(--white-color);
    margin-bottom: 0px;
}
section.services .overlay-content ul, section.services .overlay-content li{
    width: 100%;
    list-style: disc;
}
section.services .overlay-content ul{
    padding-left: 15px;
}





.summary-section p {
    position: relative;
    color: #000;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 12px;
    max-height: 300px;
    overflow: hidden;
}

.summary-section .inner-column .image img {
    width: 106%;
    display: block;
    height: 515px;
    object-fit: cover;
    box-shadow: 0px 0px 4px #060606;
    max-width: 107%;
    position: absolute;
}
.dot{
    position: absolute;
    right: -2rem;
    bottom: -3.6rem;
    left: auto;
    text-align: end;
    width: fit-content;
}
.summary-section .row{
    margin-bottom: 6rem;
}
.summary-section .row:nth-child(even) .inner-column .image img{
    right: 0;
}
.summary-section .row:nth-child(even) .dot{
    left: -2rem;
}
.inner-column-content {
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0px 0px 1px #060606;
    right: 0;
    top: 20px;
    background: #fff;
    min-height: 435px;
    z-index: 1;
    padding: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;

}

section.summary-section a{
   position: relative;
   /* color: rgb(0, 0, 0); */
   margin-bottom: 10px;
   font-weight: 600;
   /* font-size: 16px; */
   font-family: var(--primary-font);
   width: 150px;
   text-align: center;
}

section.summary-section h3{
    line-height:1.2;
}

.line{
    height: 2px;
    width: 100px;
    background: var(--secondary-color);
    position: relative;
    top: -7px;
}

.rights::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 38px;
    background-color: var(--secondary-color);
    top: -20px;
    right: -20px;
}

.rights::after {
    position: absolute;
    content: "";
    height: 10px;
    width: 38px;
    background-color: var(--secondary-color);
    top: -5px;
    right: -34px;
    -webkit-transform: rotate( 90deg );
    transform: rotate( 90deg );
}


.image img {
    border-radius: 30px;
    object-fit: cover;
}

   section.services_section h2{
    margin-top: 30px;
    font-size: 34px;
   }

    section.services_section ul{
        margin-top:20px;
        margin-bottom: 0;
    }

section.services_section .row{
      gap: 30px 0%;
}

section.services_section img{
     border-radius: 15px 15px 0px 0px;
     width: 100%;
     height: 400px;
     object-fit: cover;
}

section.services_section .col-6{
      /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
      border-radius: 15px;
      width: 48%;
}
.golf-location .about .col-6 {
    width: 48%;
}

.golf-location .about {
    padding: var(--p120) var(--p12);
    text-align: center;
}
.golf-location .about .upper-head {
    width: 62%;
    margin: auto;
    margin-bottom: var(--m40);
}
.golf-location .about h2{
    margin-bottom: var(--m10);
}
.golf-location .row.about-content {
    margin-top: var(--m40);
    gap: 50px 0;
    justify-content: space-between;
}
.golf-location .about .col-6{
    width: 48%;
}
.golf-location .row.about-content img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}
.golf-location .abt-content {
    box-shadow: 0 0 13px 5px #00000012;
    padding: var(--p30);
    text-align: left;
    border-radius: 0 0 15px 15px;
    height: 100%;
    overflow: hidden;
    background: var(--white-color);
}
.golf-location .abt-content h3 {
    font-size: var(--f34);
    text-transform: capitalize;
}
.golf-location .abt-content h3 a{
    color: var(--black-color);
}
.golf-location .abt-content p{
    margin-bottom: 0px;
}
.golf-location .about a{
    color: var(--btn-color);
    font-family: var(--primary-font);
}
.golf-location .about a:hover{
    color: #0B2132;
}
.golf-location .content-head span {
    padding-left: 5px;
}
.golf-location .about .content-para {
    margin-top: var(--m20);
    margin-bottom: var(--m15);
    height: 75px;
    overflow: hidden;
}
.golf-location .about a.show-more {
    font-family: var(--primary-font);
    color: var(--btn-color);
    font-size: var(--f13);
    font-weight: bold;
    cursor: pointer;
}
.golf-location .about a.show-more:hover{
    color: #0B2132;
}
.golf-location .content-head {
    height: 96px;
}
.golf-location .list-para.pre-data.upper-head.less-content{
    height: 410px !important;
    overflow: hidden;
    margin-bottom: 10px;
}
.golf-location .book-now a.show-more{
    font-family: var(--primary-font);
    color: var(--btn-color);
    font-size: var(--f13);
    font-weight: bold;
    cursor: pointer;
}
/*Why us css start*/
.golf-location .why-us {
    background: #e1e1e1;
    padding: var(--p120) var(--p12);
    text-align: center;
}
.golf-location .why-us-content {
    width: 60%;
    margin: auto;
}
.golf-location .why-us h2{
    margin-bottom: var(--m25);
}
.golf-location .why-us h4{
    margin-bottom: 0px;
    margin-top: 30px;
    font-family: var(--primary-font);
    font-size: var(--f24);
}
.golf-location .why-us b{
    font-weight: 600;
}
.golf-location .why-us span{
    font-family: var(--secondary-font);
    font-size: var(--f34);
}
.golf-location .why-us a.main-btn {
    display: block;
    border-radius: 7px;
    width: 220px;
    text-align: center;
    margin: auto;
    margin-top: var(--m30);
    text-decoration: none;
    font-size: var(--f13);
}
.location-modal button.btn-close {
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    z-index: 2 !important;
}
.location-modal .modal-body{
    padding: 25px !important;
}
.location-modal h3{
    text-align: center !important;
    text-transform: capitalize !important;
}
.location-modal img{
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    margin-bottom: 20px !important;
    border-radius: 15px;
}
.location-modal .content-head{
    margin-bottom: 20px !important;
}
.location-modal .content-head p{
    margin-bottom: 0px !important;
}
.location-modal .content-head a{
    color: var(--btn-color) !important;
}
.golf-location .abt-content {
    box-shadow: 0 0 13px 5px #00000012;
    padding: var(--p30);
    text-align: left;
    border-radius: 0 0 15px 15px;
    height: 100%;
    overflow: hidden;
    background: var(--white-color);
}

.card_box{
  
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
}
    
.card_content_box{
      padding: 0px 20px 20px 20px;
      height: 340px;
}
section.services_section  ul li span {

font-weight: 700;
    font-size: 16px;
}


section.services_section  ul li{
margin-bottom: 10px;

}

.modal-title{
  color:black;
}

.modal.show .modal-dialog {
    transform: none;
    max-width: 800px;
}

.modal.show .modal-dialog img{
   width:100%;
   height: 300px;
   object-fit: cover;
   overflow: hidden;
   border-radius: 15px;
}

.model_content_box{
      margin-top: 30px;
}


.model_content_box ul li span {
    font-weight: 700;
    font-size: 16px;
}


.model_content_box ul li {
    margin-bottom: 10px;
}

.modal-content {
    border-radius: 15px;
}


.ser-para{
  height: 110px;
    overflow: hidden;
    margin-bottom: 20px;
  
}