/* 
Theme Name: Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Zahaby
Author URI: https://toffeedev.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.table-custom{
	border-radius:10px !important;
	overflow:hidden !important;
}

/* slide 1 */

.zoom-bg {
  animation: z 20s ease-in-out infinite;
}

.content-atf-zoom {
  animation: zh 20s ease-in-out infinite;
}

@keyframes zh {
  0% {
    transform: scale(1.06);
  }
  50% {
    transform: scale(1.); /* Zoom in */
  }
  100% {
    transform: scale(1.06); /* Zoom out */
  }
}


@keyframes z {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06); /* Zoom in */
  }
  100% {
    transform: scale(1); /* Zoom out */
  }
}

/* Slide ATF */
.wrap-carousel-atf .owl-nav{
    position: absolute;
    width: 100%;
    top:50%;
    right:0px;
    z-index:999;
    margin: 0;
}

.wrap-carousel-atf .owl-nav > button{
    position: absolute;
}

.wrap-carousel-atf.owl-carousel.owl-theme .owl-nav > button.owl-prev {
    left: 25px;
    background:#fff;
    box-shadow:0 10px 20px rgb(63,63,63,0.22);
    border-radius:100px;
	background:#dca210 !important;
	padding:10px 16px !important;
}

.wrap-carousel-atf.owl-carousel .owl-nav > button.owl-next {
    right: 25px;
    box-shadow:0 10px 20px rgb(63,63,63,0.22);
    padding:10px 16px!Important;
    border-radius:100px;
	background:#dca210;
}

.wrap-carousel-atf .owl-nav > button  i{
    color:white;
}

.wrap-carousel-atf .owl-nav > button{
    border:none;
    padding:unset;
    border-radius:unset;
}

.wrap-carousel-atf .owl-nav > button:hover {
    border:none;
    padding:unset;
}

.wrap-carousel-atf .owl-nav > button.owl-next:focus,
.wrap-carousel-atf .owl-nav > button.owl-prev:focus,
.wrap-carousel-atf .owl-nav > button.owl-next:hover,
.wrap-carousel-atf .owl-nav > button.owl-prev:hover{
    background:#dca210 !important;
}

.wrap-carousel-atf .owl-nav > button:focus{
    outline: none;
}

/* Our team */
.card-team {
    margin-bottom:60px;
}

.card-team img{
    height:450px;
    width:100%;
    object-fit:contain;
    object-position:left;
}

.card-team h3{
    color:black;
    font-weight:800;
    margin-top:10px;
}

.card-team p{
    color:#000;
    font-size:20px;
    width:80%;
    height:60px;
}

.card-team a:hover{
    text-decoration:none;
	color:white;
    background:#00000090;
}

.card-team a{
    display:inline-block;
    color:white;
    background:#000;
    padding:6px 10px;
    border-radius:10px;
    font-size:20px;
    transition:.2s;
}

/*  */

/*  */
.popup-team{
    max-width:80% !important;
    text-align:center !Important;
}

.popup-team h3{
    margin-bottom:20px;
}

.popup-team span{
    display:inline-block;
    margin-top:30px;
}

/* Logo */
.logo {
    position:relative;
    display:flex;
    flex-flow:column;
    height: 450px;
    color:#000;
    justify-content:end;
}

.logo img {
    height:400px;
    justify-content:end;
    display:flex;
    object-fit:contain;
}

.phylo-one{
    width: 30%;
    text-align:justify;
    position:absolute;
    top:0;
    right:0;
}

.phylo-two{
    width: 25%;
    text-align:justify;
    right:0;
    position:absolute;
    top: 60%;
}

.phylo-three{
    width: 25%;
    text-align:justify;
    position:absolute;
    top: 60%;
}

.phylo-four{
    top: 30%;
    width: 25%;
    text-align:justify;
    position:absolute;
    bottom:0;
}

.phylo-five{
    top:0%;
    width:35%;
    text-align:justify;
    position:absolute;
    bottom:0;
}
/*  */
.phylo-five:after {
    content:'';
    position:absolute;
    width:30%;
    right:-20px;
    transform:rotate(30deg);
    height:1px;
    background:#000;
}

.phylo-four:after {
    content:'';
    position:absolute;
    width:40%;
    top:40px;
    right:-120px;
    transform:rotate(0deg);
    height:1px;
    background:#000;
}

.phylo-three:after {
    content:'';
    position:absolute;
    width:45%;
    top:40px;
    right:-130px;
    transform:rotate(-20deg);
    height:1px;
    background:#000;
}

.phylo-two:after {
    content:'';
    position:absolute;
    width:45%;
    top:40px;
    left:-130px;
    transform:rotate(30deg);
    height:1px;
    background:#000;
}

.phylo-one:after {
    content:'';
    position:absolute;
    width:30%;
    top:70px;
    left:-110px;
    transform:rotate(-30deg);
    height:1px;
    background:#000;
}

/* Documents */
a.card-documents {
    display:inline-block;
    text-align:center;
	width:100%;
    margin-bottom:30px;
	text-decoration:none;
}

a.card-documents:hover{
    text-decoration:none;
}

a.card-documents img{
    width:100%;
    height:320px;
    object-fit:cover;
    object-position:top center;
    margin-bottom:30px;
}

a.card-documents h3{
    font-size:22px;
    font-weight:800;
    color:#151c2c;
}

a.card-documents p{
    color:#979797;
}

/*  */
.wrap-carousel-documents .owl-nav {
  position: absolute;
  width: 100%;
  top: 35%;
  margin: 0;
}

.wrap-carousel-documents .owl-nav > button {
  position: absolute;
}
.wrap-carousel-documents.owl-carousel .owl-nav > button.owl-prev {
  left: -25px;
  background:#fff;
  box-shadow:0 10px 20px rgb(63,63,63,0.22);
  padding:10px 16px!Important;
  border-radius:20px;
  background:#DCA210;
}
.wrap-carousel-documents.owl-carousel .owl-nav > button.owl-next {
  right: -25px;
  box-shadow:0 10px 20px rgb(63,63,63,0.22);
  padding:10px 16px!Important;
  border-radius:20px;
  background:#DCA210;
}

.wrap-carousel-documents .owl-nav > button span {
  border:none;
  padding:unset;
  border-radius:unset;
  color:white;
}
.wrap-carousel-documents .owl-nav > button:hover span {
  border:none;
  padding:unset;
}
.wrap-carousel-testi .owl-nav > button.owl-next:focus,
.wrap-carousel-testi .owl-nav > button.owl-prev:focus,
.wrap-carousel-testi .owl-nav > button.owl-next:hover,
.wrap-carousel-testi .owl-nav > button.owl-prev:hover {
  background:#DCA210;
}
.wrap-carousel-documents .owl-nav > button:focus {
  outline: #DCA210;
}

/* Translate */
a.gt_switcher-popup.glink.nturl.notranslate{
    display:flex;
    align-items:center;
}

a.gt_switcher-popup.glink.nturl.notranslate span:nth-child(2){
    display:none !important;
}

.translated-ltr{
	 margin:0 !Important;
}

/* Line */

.line {
  height:2px;
  width:120px;
  position:relative;
  background:#dfdfdf;
  display: flex;
  justify-content: center;
  align-items:center;
  margin: auto
}

.box{
  position: absolute;
  height:16px;
  width:16px;
  background: #DCA210
}

/* Dashboard Home */
.card-dashboard {
	background: #151C2C;
	border-radius: 60px;
	padding:20px;
	padding-top:0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items:center;
	box-shadow: 0px 0px 10px rgb(0,0,0,1);

	height:250px;
	display:flex;
	flex-flow:column;

}

.card-dashboard .img-dashboard{
	height:100px;
	width:100px;
	background: #DCA210;
	border-radius: 100%;
	overflow: hidden;
	padding:16px;
	margin-top:-3em;
	box-shadow: 0px 0px 10px rgb(0,0,0,1);
	border:10px solid white;
}

.card-dashboard .img-dashboard img{
	height:100%;
	width:100%;
	object-fit: contain;
}

.card-dashboard .content-dashboard{
	margin-top:1em;
	color:white;
}

.card-dashboard .content-dashboard h3{
	font-family: Lora;
	font-size:26px;
	height:62px;
}

.card-dashboard .content-dashboard p{
	font-size: 48px;
	color:#DCA210;
	font-weight: bold;
	text-align:center;
}

/* Dashboard + Progress */
.card-dashboard.card-progress{
	margin-bottom:90px;
}

/* USP */
.card-usp{
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items:center;
  height: 100%
}
.card-usp h3 {
  color:#DCA210;
  font-weight: bold;
}

.card-usp p{
  color:white;
  text-align: justify
}

.card-usp p.subtitle{
  font-weight: bold;
  font-size: 20px
}

.card-usp a{
  display: inline-block;
  color:#fff;
  background: #DCA210;
  text-transform: uppercase;
  font-weight: bold;
  padding:2px 6px;
/*   width:130px; */
  border-radius: 4px
}

.card-usp a:hover{
	text-decoration:none;
	color:white;
	background:#DCA21090;
}

.row-usp .col-md-4:nth-child(2){
  border-left:1px solid white;
  border-right:1px solid white;
}

p.content.content-invest {
    font-size: 23px;
    padding: 30px;
}

/* Testimoni */
.wrap-carousel-testi .owl-stage{
  padding-top:10px;
  padding-bottom:10px;
}

.item.card-testi {
  display: flex;
  align-items:end;
  gap:0px;
}

.item.card-testi .img-testi{
  height:320px;
  overflow: hidden;
  position: relative;
  width:40%;
  border-bottom-left-radius:60px;
  border-top-left-radius: 60px;
}

.item.card-testi .content-testi{
  width:60%;
  height:256px;
  background: white;
  padding:10px;
  text-align: left;
  box-shadow:0px 0px 10px rgb(0,0,0,.3);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px
}

.item.card-testi .img-testi .bg-testi{
  background: #151C2C;
  box-shadow:0px 0px 10px rgb(0,0,0,1);
  width:100%;
  display: inline-block;
  position:absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 80%;
  border-bottom-left-radius: 60px;
  border-top-left-radius: 60px;
}

.item.card-testi .img-testi img{
  height:100%;
  object-fit: contain;
  object-position: center bottom;
  z-index: 2;
  bottom: 0;
  left: 0;
  position: absolute;
}

.item.card-testi .content-testi p{
  font-size: 15px;
}

.item.card-testi .content-testi h3{
  margin:0;
  font-size: 20px;
  color:#000;
}
.wrap-carousel-testi .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin: 0;
}
.wrap-carousel-testi .owl-nav > button {
  position: absolute;
}
.wrap-carousel-testi.owl-carousel .owl-nav > button.owl-prev {
  left: -25px;
  background:#fff;
  box-shadow:0 10px 20px rgb(63,63,63,0.22);
  padding:10px 16px!Important;
  border-radius:20px;
  background:#DCA210;
}
.wrap-carousel-testi.owl-carousel .owl-nav > button.owl-next {
  right: -25px;
  box-shadow:0 10px 20px rgb(63,63,63,0.22);
  padding:10px 16px!Important;
  border-radius:20px;
  background:#DCA210;
}

.wrap-carousel-testi .owl-nav > button span {
  border:none;
  padding:unset;
  border-radius:unset;
  color:white;
}
.wrap-carousel-testi .owl-nav > button:hover span {
  border:none;
  padding:unset;
}
.wrap-carousel-testi .owl-nav > button.owl-next:focus,
.wrap-carousel-testi .owl-nav > button.owl-prev:focus,
.wrap-carousel-testi .owl-nav > button.owl-next:hover,
.wrap-carousel-testi .owl-nav > button.owl-prev:hover {
  background:#DCA210;
}
.wrap-carousel-testi .owl-nav > button:focus {
  outline: #DCA210;
}

/* Dashboard Page PMA PMDN */
.row.row-pmapmdn {
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    margin-top:30px;
    gap:30px;
}

.card-pma{
    background:white;
    width:32%;
    border-radius:60px;
    padding:20px;
    box-shadow:0px 0px 30px #ffffff70;
    text-align:center;
}

.card-pma h3{
    font-weight:bold;
    font-size:24px;
    color:#151c2c;
    padding-bottom:20px;
    border-bottom:2px solid #dca210;
    margin-bottom:20px;
}

.card-pma h4{
    margin:0;
    color:#dca210;
    font-size:48px;
    font-weight:bold;
}

.add h3{
    color:#fff;
    font-size:54px;
}

/*  */

.card-pma.total-pma{
    background:#dca210;
}

.card-pma.total-pma h3{
    border-bottom:2px solid #161d2d;
}

.card-pma.total-pma h4{
    color:#222838;
}

/* Countries */
.wrap-carousel-countries .owl-stage-outer{
    padding-top:3em;
}

.card-countries {
    background:#151c2c;
    text-align:center;
    padding:10px;
    border-radius:30px;
    border:8px solid #dca210;
    padding-top:0;
}

.card-countries img{
    object-fit: cover;
    margin: auto;
    margin-top: -3em;
    height: 86px;
    width: auto !important;
    border-radius: 20px;
}

.card-countries .content-countries h3{
    color:white;
    text-transform:uppercase;
    padding-bottom:20px;
    border-bottom:1px solid #ffc107;
    font-size:20px;
    margin-top:16px;
}

.card-countries .content-countries h4{
    color:white;
    font-size:32px;
}

/*  */
.wrap-carousel-countries .owl-item {
    display:flex;
    flex-flow:column;
    justify-content:end;
    height:100%;
    height:300px;
}
/*  */
.wrap-carousel-countries .owl-nav{
    margin-top:30px;
}

.wrap-carousel-countries .owl-nav .owl-prev{
    display:none !important;
}

img.btn-other-countries {
    height:50px;
}



/* Responsive */

@media only screen and (min-width: 1000px){
	/* SLIDE ATF */
	.slide-h,
	.slide-h .e-hosted-video.elementor-wrapper.elementor-open-inline{
		height:650px;
		width:100%;
	}

	.slide-h .e-hosted-video.elementor-wrapper.elementor-open-inline video{
		object-fit:cover;
	}
}

@media only screen and (max-width: 1000px){
	.slide-h,
	.slide-h .e-hosted-video.elementor-wrapper.elementor-open-inline{
		height:350px;
		width:100%;
	}

	.slide-h .e-hosted-video.elementor-wrapper.elementor-open-inline video{
		object-fit:cover;
	}
}

@media only screen and (max-width: 540px){
	/* SLIDE ATF */
	.slide-h,
	.slide-h .e-hosted-video.elementor-wrapper.elementor-open-inline{
		height:200px;
		width:100%;
	}

	.slide-h .e-hosted-video.elementor-wrapper.elementor-open-inline video{
		object-fit:cover;
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (max-width: 768px) {
	
	.row{
		width:100% !important;
		margin:auto !Important;
	}
	
	.card-dashboard{
		margin-bottom:68px;
		height:unset;
	}
	
	.card-dashboard .content-dashboard h3{
		height:unset;
	}
	
	.card-usp{
		margin-bottom:60px;
		height:unset;
	}
	
	.row-usp .col-md-4:nth-child(2){
	  	border:unset;
	}
	
	p.content.content-invest {
		font-size: 20px;
		padding: unset;
	}
	
	/* testi */
	
	.item.card-testi {
    flex-flow: column;
	}

	.item.card-testi .img-testi {
		width: 100%;
		border-radius: 0;
	}

	.item.card-testi .img-testi .bg-testi {
		border-radius: 0;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
	}
	
	.item.card-testi .content-testi {
		border-radius: 0;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		width:100%;
	}
	
	/* Dashboard page */
	.row.row-pmapmdn {
    	flex-wrap: wrap;
	}

	.card-pma,
	.add{
		width:100%;
		text-align:center;
	}


}

@media only screen and (max-width: 480px) {
	/* team */
	.card-team img{
		height:unset;
		object-position:left bottom;
	}
	
	.card-team p{
		height:unset;
	}

}