/*---------------------------------------------
User CSS modifications:
Developed by : E-Services Platform
version: 1.1
date:    08/03/22
---------------------------------------------*/

:root {
--ws-topbar-bg:					#57823b;
--ws-about-img-top:				#c4b78b; 
--ws-about-img-bottom:			#476a30;
--ws-about-img-top-show:		block; 		/*none*/
--ws-about-img-bottom-show:		block; 		/*none*/
--ws-about-img-radius:			5px;
--ws-ratio-img:					75%;
--ws-more-btn-bg:				#c3b888;
--ws-more-btn-text:				#ffffff;
--ws-services-bg:				#57823b;
--ws-services-bg-img:			#57823b;
--ws-footer-bg:					#57823b;
--ws-footer-text:				#ffffff;
--ws-footer-btn-bg:				#ffdd59;
--ws-footer-btn-text:			#ffffff;
--ws-footer-bottom-bg:			#476a30;
--ws-footer-bottom-text:		#ffffff;
--ws-header-titel-bg:			#c6b88b;
--ws-header-titel-text:			#ffffff;
--ws-header-titel-height:		20px;
--ws-heading-color:        		#ffd32a;
				 
}


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

#topBar {
  background-color: var(--ws-topbar-bg);
}



#more {
  background: var(--ws-more-btn-bg) !important;
  color: var(--ws-more-btn-text) !important;
}

.ratio-4-3::before {
  padding-top: var(--ws-ratio-img) !important;
}

#myFooter {
  background-color: var(--ws-footer-bg) !important;
  color: var(--ws-footer-text) !important;
}

#myFooter .btn {
	color: var(--ws-footer-btn-text) !important;
	background-color: var(--ws-footer-btn-bg) !important;
}

#myFooter a {
	color: var(--ws-footer-text) !important;
}

.footer-bottom {
	background-color: var(--ws-footer-bottom-bg) !important;
}

.section-bg {
	background-color: var(--ws-services-bg) !important;
	background-image: var(--ws-services-bg-img) !important;
}

.section-header h3 {
	margin-bottom: 30px
}

.header_titel {
  background-color: var(--ws-header-titel-bg) !important;
  color: var(--ws-header-titel-text) !important;
}

.titel_page h1 {
  color: var(--ws-header-titel-text) !important; 
  margin-top: var(--ws-header-titel-height) !important;
  margin-bottom: var(--ws-header-titel-height) !important;
}



#about .about-content h3, .section-header h3 {
	color: var(--ws-heading-color) !important;
	font-weight: 700;
	margin-bottom: 25px;
}

#services div header h3 {
	/*color: var(--ws-services-text) !important;*/
	
}

#services .section-bg > div > header h3 {
    color: #FFFFFF !important;
}





#about .about-img img {
  width: 100%;
  border: 5px solid #fff;
  transition: .2s;
  border-radius: 25px;
}

#about .about-img {
  position: relative;
  margin: 30px 30px 30px 30px;
  background-color: white;
  border-radius: 25px;
}


#about .about-img img:hover {
  width: 100%;
  -webkit-transform: scale(0.03);
  transform: scale(1.01);
  transition: all .3s;
  transform: translateY(-2px);
}


#about .about-img::before {
  background-color: #000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 0;
  z-index: -1;
  content: '';
  background-color: #ebf1fa;
  transition: .5s;
  display: none;
}

#about .about-img::after {
    background-color: #466832;
    position: absolute;
    right: -15px;
    bottom: -15px;
    width: 90%;
    height: 92%;
    z-index: -1;
    content: '';
    background-color: #466832;
    transition: .5s;
    border-radius: 40px 10px 40px;
}









/*---------------------------------------------
User CSS modifications
version: 1.0
date:    02/02/22
---------------------------------------------*/


/* w-ratio-4-3 */
/*    .ratio-4-3{*/
/*      width:100%;*/
/*      position:relative;*/
/*      background:url() 50% 50% no-repeat;*/
/*      background-size:cover;*/
/*      background-clip:content-box;*/
/*    }*/
/*    .ratio-4-3:before{*/
/*    display:block;*/
/*        content:"";*/
        padding-top: 130%; /*75%;*/
/*    }*/
/* ratio-4-3 */

/*.navbar-custom {*/
/*    background-color: #fff0;*/
/*}*/

/*.navbar-custom .nav li a {*/
/*    color: #b69461;*/
/*} */

/*#topBar {*/
    background-color: #446a2e; /*#b6946178;*/
/*}*/


/*#about .about-img img {*/
/*  width: 100%;*/
/*  border: 5px solid #fff;*/
/*  transition: .2s;*/
/*  border-radius: 25px;*/
/*}*/

/*#about .about-img {*/
/*  position: relative;*/
/*  margin: 30px 30px 30px 30px;*/
/*  background-color: white;*/
/*  border-radius: 25px;*/
/*}*/


/*#about .about-img img:hover {*/
/*  width: 100%;*/
/*  -webkit-transform: scale(0.03);*/
/*  transform: scale(1.01);*/
/*  transition: all .3s;*/
/*  transform: translateY(-2px);*/
/*}*/


/*#about .about-img::before {*/
/*  background-color: #000;*/
/*  position: absolute;*/
/*  left: 0px;*/
/*  top: 0px;*/
/*  width: 0;*/
/*  height: 0;*/
/*  z-index: -1;*/
/*  content: '';*/
/*  background-color: #446a2e;*/
/*  transition: .5s;*/
/*  display: none;*/
/*}*/

/*#about .about-img::after {*/
/*    background-color: #446a2e;*/
/*    position: absolute;*/
/*    right: -15px;*/
/*    bottom: -15px;*/
/*    width: 90%;*/
/*    height: 92%;*/
/*    z-index: -1;*/
/*    content: '';*/
/*    background-color: #446a2e;*/
/*    transition: .5s;*/
/*    border-radius: 40px 10px 40px;*/
/*}*/


/*#about .about-content h3 {*/
/*    font-weight: 700;*/
/*    margin-bottom: 30px;*/
/*}*/


/*.ratio-4-3::before {*/
/*  display: block;*/
/*  content: "";*/
/*  padding-top: 100%;*/
/*}*/


/*#services .box {*/
/*    padding: 30px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    border-radius: 10px;*/
/*    margin: 0 10px 40px 10px;*/
/*    background: #0000;*/
/*    box-shadow: 0 0px 0px 0 rgba(68, 88, 144, 0.1);*/
/*    transition: all 0.3s ease-in-out;*/
/*    text-align: center;*/
/*}*/


/*.about-content {*/
/*    color: #fff;*/
/*}*/


/*.service-content {*/
/*    color: #fff;*/
/*}*/

/*.section-header h3 {*/
/*    font-size: 35px;*/
/*    color: #413e66;*/
/*    text-align: start;*/
/*    font-weight: 700;*/
/*    padding: 0 34px;*/
/*}*/






/*#services .box .row .col-sm-4  .p-t-b div img {*/
/*     padding: 0;*/
/*}*/

/*.p-t-b {*/
/*    padding-top: 0px;*/
/*    padding-bottom: 0px;*/
/*}*/

/*.header_titel {*/
    /*margin-top: 74px;*/
/*    background-color: #000 !important;*/
/*    color: #fff;*/
/*}*/


/*.titel_page h1 {*/
/*    color: #fff !important;*/
/*}*/


/*#more {*/
/*    background: #8cc540 !important;*/
/*    color: #fff;*/
/*}*/

/*.section-bg {*/
    /*background: #f5f8fd;*/
    /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(http://alhiyarjewellery.com/image.php?width=1920&image=files/images/banners/banner-alhiyar_wv67gly3.jpg);*/
    /*background-position: center center, center center;*/
    /*background-size: cover, cover;*/
    /*background-repeat: repeat, repeat;*/
    /*background-attachment: fixed; */
    
/*}*/


/*#myFooter {*/
    /*background-color: #111010 !important;*/
    /*color: white;*/
    
/*    background: #f5f8fd;*/
/*    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(https://www.najim-fitness.com/image.php?width=1920&image=files/images/banners/banner-t-01_fwqpz4av.jpg);*/
/*    background-position: center center, center center;*/
/*    background-size: cover, cover;*/
/*    background-repeat: repeat, repeat;*/
/*    background-attachment: fixed;*/
    
    
/*}*/

/*#myFooter .footer-copyright {*/
/*    background-color: #000 !important;*/
/*    color: #000;*/
/*}*/


/*#myFooter .footer-copyright p {*/
    color: #b69461; /*b69461*/
/*}*/

/*#myFooter .btn {*/
/*  color: #fff;*/
/*  background-color: #8cc540 !important;*/
/*}*/



/*#myFooter a {*/
/*  color: #fff;*/
/*  text-decoration: none !important;*/
/*}*/

/*#myFooter h5 {*/
    color: #d2c77a; /*b69461*/
/*}*/

/*#myFooter h5 {*/
/*  color: #8cc540;*/
/*}*/


/*.footer-bottom {*/
  background-color: #000; /*333333*/
/*  padding-top: 3px; */
/*  padding-bottom: 3px;*/
/*  text-align: center;*/
/*  font-size: 14px;*/
/*}*/


/*@media only screen and (max-width: 575px) {*/
/*    .navbar-custom {*/
/*        background-color: #fff;*/
/*    }*/
/*}*/




