.navbar-nav a 
:root{
    --mainColor:#145f38;
}
*{
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    box-sizing:border-box;
    transition-duration: .3s;
}

 .parentContainer{
    background-color: white;
    position: fixed !important;
    top:0 !important;
    margin-top: 100px;
    z-index: 1000;
} 

html{
    scroll-behavior: smooth;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
}
 
.navbar-nav {
    overflow: hidden;

}

  
.navbar-nav a {
    float: right;
    display: block;
    color: #2f764f;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    transition: all 1.5s;
}
  
  
  .navbar-nav a:hover{
    background-color: #74c3a6;
    color: rgb(17, 16, 16);
    border-radius: 20px;
    padding: 12px 14px;
   }

  
  /* .navbar-nav .icon {
    display: none;
  } */

  .nav-item{
    font-size: x-large;
    font-weight: bold;
    
  }
/* ::selection
{
    background-color: rgb(177, 180, 175);
} */
/* .layer
{
    background-color: rgba(0, 0, 0, 0.69);
} */
.home-cap button:hover
{
    background-color: rgb(39, 136, 57);
    color: black !important;
}
.home-cap button
{
    transition: all 0.5s;
}
.header-desc {
    max-width: 500px;
    line-height: 1.8;
    font-size: x-large;
    font-weight: bold;
    margin: auto;
    color: rgb(9, 9, 9) !important;
}
.home-cap h1
{
    font-size: 50px !important;
}

.navbar
{
    padding:  0px !important;
} 



/* .animatedText::after{
    content: "";
    animation-name: animatedText;
    animation-duration: 15s;
    animation-iteration-count:2s infinite;
} */
/* @keyframes animatedText {
    
    0%{ content: " بك    .|"; }
    2%{ content: " بك في    .|"; }
    4%{ content: " بك في جو  .|"; }
    6%{ content: " بك في جولف  .|"; }
    8%{ content: " بك في جولف سيتي .|"; }
    10%{ content: " بك في جولف سيتي العبور.|"; }
}  */

.section-subtitle {
    max-width: 500px !important;
}


.carousel-indicators button
{
    background-color:  #145f38!important;
    width: 10px !important;
    height: 10px !important;
   
   border: 1px solid transparent !important ;
   border-radius: 50% !important;

}
.carousel .carousel-indicators button
{
    width: 10px !important;
    height: 5px !important;
    background-color:  #145f38 !important;
    border: 1px solid transparent;
    border-radius: 20px !important;
}
.carousel .carousel-indicators button.active
{
  width: 20px !important;
}
.our-width
{
    width: 700px;
}

.client i
{
    color:  #145f38 !important;
}



/*  ------------------------------------------------------------ِAbout-------------------------------------------------------*/
/* .main-color
{
    color:  #2a945d !important;
} */
p{
    font-size: large;
    font-weight: bold;
    color: #000000 !important;
}

.title{
    color: #0E7E4A;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: x-large;
} 

.icons{
    margin: auto !important;
}
.icon
{
    width: 20px;
    height: 20px;
    padding: 20px;
    transition: all 0.5s;
  
}

.icon-footer
{
    width: 20px;
    height: 30px;
    padding: 20px;
    transition: all 0.5s;
  
}
.icon i
{
    width: 100%;
    height: 100%;
    font-size: 20px;
    transition: all 0.5s;
    color: #2b2424;
}
.icon:hover i
{
    color:#2fce7c  !important;
    
}
.icon:hover
{
    border-color: #145f38 !important;
}

.card
{
    border: none !important;
}
#contact button
{
    background-color: #145f38  !important;
    color: white;
}

.line
{
    width: 30px;
    height: 2px;
    background-color: #145f38 ;
    transition: all 0.5s;

}
.info:hover .line
{
    width: 50px;
}


.card-img-top{
    height: 100% !important;
    width: 100%;
}



   

/*  ------------------------------------------------------------footer-------------------------------------------------------*/


.fastlink{
    font-size: 16px;
    margin-bottom: 8px;
}
.info-piece{
    font-size: 17px;
    color: #1C1C1C;
}
.footer-parg{
    color: #ffffff;
    font-weight: 500;
}
a{
    color: #1C1C1C;
    text-decoration-line: none;
}

a:hover {
    color: #10d479;
}

.dropdown-toggle{
    width: 250px;
    color: gray;
    background-color: #ffffff;
    border:none;
    border-radius: 0px;
    direction: rtl;
    text-align: right;
}
.dropdown-toggle:after{
    margin-right: 120px; 
}
.dropdown-menu{
    width: 250px;
    direction: rtl;
    text-align: right;
}
.dropdown-item{
    color: gray;
}


h5{
    font-size: 16px;
    font-weight: 600;
    color: #0E7E4A;
}
 





/*------------------------------------media query------------------------------------------*/
@media screen and (max-width: 600px) {
    .carasoul-img2{
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .card-about{
        padding: 0px !important;
    }
    .about-img{
        padding: 5px !important;
        margin-bottom: 2px !important;
    }
}


@media screen and (max-width: 600px) {
    .carousel-inner{
      
        height: 300px;
       
    }
    .carousel-item , .carousel-img{
       height: 100%;
       background-size: contain !important;
       object-fit:fill!important ;
      
    }
    .carousel-caption{
        font-size: small;
        font-weight: 500;
       
    }
    /* .home-cap{
        height: 200px;
        color: rgb(79, 167, 57) !important;
    } */

    .home-cap{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
    }
    .header-desc{

    
    line-height: 1;
    font-size: large;
    font-weight: bold;
    color: rgb(9, 9, 9) !important;
    }

 
  } 

  @media screen and (max-width: 600px) {
   
  
    /* .animatedText{
        width: 300px;
        height: 50px;
        font-size: small;
        font-weight: bold;
       
    } */
    .animatedText{
        display: none;
       
    }
    .welcome{
        display: block;
    }
  } 


@media screen and (max-width: 600px) {
    .footer-respo{
        text-align: center;
    }
    .imgF-respo{
       display: middle;
    }
 
  } 


  @media screen and (max-width: 600px) {

    .container-swiper{
        width: 350px;
        height: 200px; 
    }
   .swiper{
        height: 100%;
        width: 100%;
    
    }

    .swiper-wrapper{
        width: 100% !important;
        height: 100% !important;
    }

    .swiper-slide{
        width: 350px !important;
        height: 200px !important;
        
          
         
    }
   
    .swiper-slide.img-respo{
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carousel-caption-media{
        font-size: large !important;
        font-weight:bold!important;
        color: #f6fcf3 !important;

    }
    .info-footer{
        padding-top: 0px !important;
        padding-bottom: 1px !important;
    }
  
    .info-links{
        margin-top: 3px !important;
    } 
    .small-dnone{
        display: none !important;
    }
    .footer-parg{
        text-align: right !important;
    }
  }