﻿@import 'reset.css';
@import 'helpers.css';
@import 'cursor.css';
@import 'header.css';

:root {
	--white: #fff; 
	--border-color:
	rgba(37,135,200,0.2);
	--bodyText: #2C2826;
	--blue: #3CB4E5;
	--blue2: #192444;
	--green: #A1D683;
	--purple: #696D9E;
	--footerBg: #F6F5F6;
}
html.has-scroll-smooth 
{
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
}

body {
	font-family: 'frutiger_lt_arabic55_roman';
	font-size:  1.5vw;
	color: var(--bodyText);
	overflow-x:hidden;
	font-weight: 300;
	line-height: 1.4vw;
		overflow-y:scroll;

}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a:hover,a:focus {
	text-decoration: none !important;
}
input {
    border-radius: 0;
    outline: none;
}
input:focus {
	outline: none;
	box-shadow: none !important;
}
.bg
{
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
}
.wrapper {
	padding: 0 0 0 14%;
	position: relative;
}
.wrapper.innerPage {
	padding: 0;
}
.content-holder{position: relative;}
.content-holder .main-banner{}
.content-holder .main-banner img
{
	width: 100%;
}
.binner-wrap {
	position: relative;
	margin-bottom: 5vw;
	/*height: 100vh;*/
}
.binner-wrap .text
{
	position: absolute;
	top: 10vw;
	padding: 0vw 0vw 0 7vw;
	z-index: 15;
	width: 60%;
}
.binner-wrap .text h2
{
    
font-size: 5vw;
    
color: var(--white);
    
line-height: 5vw;
    
margin-bottom: 3vw;
    
font-family: 'frutiger_lt_arabic65_bold';
}
.binner-wrap .text .btn
{
	border: none;
}
.binner-wrap .text .btn a{
    border: 1px solid  #fff;
    padding: 10px 38px 10px;
    margin: 0vw 1vw 0vw 0vw;
    font-size: 17px;
    color: var(--white);
    border-radius: 40px;
    position: relative;
    z-index: 1;
    transition: all .5s ease-in-out;
    line-height: inherit;
    overflow: hidden;
    font-family: 'frutiger_lt_arabic65_bold';
}
.binner-wrap .text .btn a:hover{
	background: #CF202E;
	border: 1px solid #CF202E;
}
/*.binner-wrap .text .btn a:after{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	content: "";
	transition: all .5s ease-in-out;
	color: transparent;
	background: #CF202E;
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: 15px;
}
.binner-wrap .text .btn a:hover:after{
	opacity: 1;
	visibility: visible;
	height: 100%;
}
*/
.binner-wrap .text .btn a.red {
    background: #CF202E;
    border: 1px solid #CF202E;
    transition: all .5s ease-in-out;
}

.binner-wrap .text .btn a.red:after{
	display: none;
}

.binner-wrap .text .btn a.red:hover {
	background: transparent;
	border: 1px solid #fff;
}

.swiper.mainSwiper {
    border-bottom-left-radius: 150px;
    /*height: 100vh;*/
}
/*.binner-wrap .text .btn a:hover
{
	background: #CF202E;
	color: var(--white);
}*/
.binner-wrap .text .btn a:focus-visible
{
	outline: none;
}
.binner-wrap .banner-inner-content {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 7vw;
}
.binner-wrap .banner-inner-content > div {
	padding-bottom: 30px;
	cursor: pointer;
	transition: all .5s ease-in-out;
	margin-right: 5vw;
	/*border-top: solid 2px var(--white);*/
}
.binner-wrap .banner-inner-content > div:hover span{
	color: #2DD5FF !important;
}
.binner-wrap .banner-inner-content > div span
{
	margin-bottom: 30px;
	transition: all .5s ease-in-out;
	color: #fff;
}
.binner-wrap .banner-inner-content > div p
{
	font-size: 1.4375vw;
	padding: 10px 0 0;
	color: var(--white);
}
.binner-wrap .banner-inner-content > div.active span
{
 color: #2DD5FF !important;
  }
.main-banner-holder,
.new-bineer,
.strat-wrap .right,
.strat-wrap .left > div {
	opacity: 0;
}
.whatapp-btn
{
    position: fixed;
    bottom: 10%;
    z-index: 2;
    right: 0;
    background: #F9F9F9;
    padding: 15px 15px 15px 30px;
    border-bottom-left-radius: 30px;
    transition: all .5s ease;
}
.whatapp-btn.newClass{
	right: -20%;
}
.whatapp-btn a
{
	display: flex;
	align-items: center;
	font-size: 19px;
	line-height: 21px;
	color: #7B6E66;
	font-family: 'frutiger_lt_arabic55_roman';
}
.whatapp-btn a svg
{
	margin-left: 25px;
	width: 55px;
}
.whatapp {
    position: fixed;
    bottom: 10%;
    z-index: 2;
    right: 0;
    background: #F9F9F9;
    padding: 15px 15px 15px 15px;
    border-bottom-left-radius: 30px;
    transition: all .5s ease;
}
.whatapp a svg{
	width: 55px;
}
.wrapper-wrap
{
	height: 100%;
}
.investment-wrap
{
	margin-bottom: 12vw;
}
.investment-wrap .grid-wrap
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding: 0vw 2vw;
	grid-gap: 2vw;
}
.investment-wrap .grid-wrap .grid{
    display: flex;
    align-items: center;
    background: rgba(240, 240, 240, 0.6);
    border-bottom-left-radius: 30px;
    padding: 1vw 0vw 1vw 2vw;
    transition: all .5s ease-in-out;
    border-top: solid 2px #C20221;
}
.investment-wrap .grid-wrap .grid:hover
{
	background: #C20221 !important;
}
.investment-wrap .grid-wrap .grid .left{
    margin-right: 1vw;
}
.investment-wrap .grid-wrap .grid .left img{
	 transition: all .5s ease-in-out;
}
.investment-wrap .grid-wrap .grid .right{}
.investment-wrap .grid-wrap .grid .right h2{
    font-size: 23px;
    line-height: 1.6vw;
    font-weight: 400;
    color: #695A53;
    padding-bottom: 5px;
    transition: all .5s ease-in-out;
    font-family: 'frutiger_lt_arabic65_bold';
}
.investment-wrap .grid-wrap .grid:hover .right a:before
{
	background: #fff;
}
.investment-wrap .grid-wrap .grid:hover .right a,
.investment-wrap .grid-wrap .grid .right a:hover
{
	color: #fff !important;
}
.investment-wrap .grid-wrap .grid:hover .right h2   
{
	color: #fff;
}
.investment-wrap .grid-wrap .grid .right a{
    font-size: 15px;
    color: #CF202E;
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden;
    display: block;
    font-family: 'frutiger_lt_arabic65_bold';
}
.investment-wrap .grid-wrap .grid .right svg {
	fill: #cf202e;
}
.investment-wrap .grid-wrap .grid .right svg:hover
{
	fill: #fff;
}
.investment-wrap .grid-wrap .grid .left svg path,
.investment-wrap .grid-wrap .grid .left svg rect
{
	transition: all .5s ease-in-out;
}
.investment-wrap .grid-wrap .grid:hover .left svg path {
    fill: #fff !important;
}

.investment-wrap .grid-wrap .grid:hover .left svg rect {
    fill: #fff;
}
.investment-wrap .grid-wrap .grid .right a:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #695A53;
	bottom: 0;
	left: -100%;
	transition: all .5s ease-in-out;
}
.investment-wrap .grid-wrap .grid .right a svg
{
	transition: all .5s ease-in-out;
	margin-right: 1vw;
}
.investment-wrap .grid-wrap .grid:hover {
	background: rgba(240, 240, 240, 0.8);
}
.investment-wrap .grid-wrap .grid:hover h2 {
	 color: #CF202E;
}
.investment-wrap .grid-wrap .grid:hover img
{
 	transform: scale(1.1);
}
.investment-wrap .grid-wrap .grid:hover .right a{
	color: #695A53;
    
}
.investment-wrap .grid-wrap .grid:hover .right a:before {
	left: 0;
}
.investment-wrap .grid-wrap .grid:hover .right a svg {
	padding-left: 10px;
	fill: #fff;
}

.price-wrap
{
	margin-bottom: 3vw;
	position: relative;
	overflow: hidden;
}
.price-wrap >div
{
	padding-left: 22.5%;
}
.price-wrap .reveal {
	padding: 0;
}
.price-wrap >div h2
{
	font-size: 50px;
	margin-bottom: 1vw;
	color: #2C2826;
	line-height: 1;
	font-family: 'frutiger_lt_arabic65_bold';
}
.price-wrap >div p {
    font-size: 1.5vw;
    line-height: 2vw;
    color: #695A53;
    margin-bottom: 4vw;
}
/*.price-wrap img
{
	width: 100%;
	transition: all .6s ease-in-out;
}
.price-wrap img:hover
{
	transform: scale(1.1);
}*/
.swiper-wrap
{
	position: relative;
}
.swiper-wrap h2{
    font-size: 1.35vw;
    margin-bottom: 1vw;
    width: 18%;
    text-align: end;
    color: #695A53;
    line-height: 1.2;
    margin-top: 4vw;
    font-family: 'frutiger_lt_arabic55_roman';
}
.swiper-wrap h2 span
{
	color: #bbbbbb;
}
.swiper-wrap .swiper-wrap-new{
    /*margin: 0vw 7vw 0 10vw;*/
}
.swiper-wrap .swiper-wrap-new .swiper-slide img{
	width: 100%;
}
.grid-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3vw;
    margin-bottom: 7vw;
}
.grid-wrap .grid{}
.grid-wrap .grid h2:nth-child(3)
{
	color: #CF202E;
}
.grid-wrap .grid > h2{
    margin: 0;
    border-bottom: solid 1px #C20221;
    font-size: 1.8vw;
    color: #7B6E66;
    width: auto;
    text-align: start;
    padding-bottom: 12px;
    font-family: 'frutiger_lt_arabic55_roman';
}
.grid-wrap .grid h2 span
{
	color: #7B6E66;
}
.grid-wrap .grid > p{
    padding-top: 10px;
    font-size: 1.25vw;
    color: #C20221;
    font-family: 'frutiger_lt_arabic55_roman';
}
/*.grid-wrap .grid.col-grid
{
	border-bottom: #CF202E;
}
.grid-wrap .grid.col-grid h2
{
	color: #CF202E;
	border-bottom: #CF202E solid 2px;
}
.grid-wrap .grid.col-grid h2 span
{
	color: #CF202E;
}
.grid-wrap .grid.col-grid h2 .dec-col
{
	padding: 0vw 5px;
}
.grid-wrap .grid.col-grid p
{
	color: #CF202E;
}*/
.new-btn {
    position: absolute;
    top: 1vw;
    left: 23vw;
}
.new-btn .swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
    margin-left: 1vw;
}
.new-btn .swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: 25px;
    left: auto;
    margin-right: 1vw;
}
.new-btn .swiper-button-next:after, .swiper-button-prev:after
{
	display: none;
}
.new-btn .swiper-button-next:after, .swiper-button-prev:after
{
	display: none;
}
.slides-info {
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.slides-info .inner{
	display: none;
	visibility: hidden;
}
.slides-info .inner.active{
	display: block;
	visibility: visible;
}
.binner-wrap.new-binner
{
	margin-bottom: 0;
}
.binner-wrap.new-binner .text{
    width: 60%;
    top: 5vw;
}
.binner-wrap.new-binner .text h2
{
	font-size: 3.5vw;
	margin-bottom: 1vw;
}
.binner-wrap.new-binner .text p{
    font-size: 24px;
    color: var(--white);
    line-height: 2vw;
    margin-bottom: 2vw;
    padding-right: 4vw;
}
.binner-wrap.new-binner .text .summary{
    font-size: 24px;
    color: var(--white);
    line-height: 2vw;
    margin-bottom: 2vw;
    padding-right: 4vw;
}

.binner-wrap.new-binner .text a{
    color: var(--white);
    position: relative;
    display: inline-flex;
    overflow: hidden;
    transition: all .6s ease-in-out;
    font-size: 1.0625vw;
    align-items: end;
}
.binner-wrap.new-binner .text a:hover svg
{
	padding-left: 10px;
    transition: all .6s ease-in-out;
}
.binner-wrap.new-binner .text a:before
{
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	background: var(--white);
	left: -100%;
	bottom: 0;
	transition: all .6s ease-in-out; 
}
.binner-wrap.new-binner .text a:hover:before
{
	left: 0;
}
.binner-wrap.new-binner .text a svg
{
	margin-left: 1vw;
	font-size: 1vw;
	transition: all .6s ease-in-out;
}
.binner-wrap.new-binner .banner-inner-content > div p
{
	margin-bottom: 2vw;
}
.binner-wrap.new-binner .banner-inner-content .active
{
	border-top: solid 2px rgba(255, 255, 255, .5);
}
.binner-wrap.new-binner .banner-inner-content >div:hover
{
	border-top: solid 2px rgba(255, 255, 255, .5);
}
.binner-wrap.new-binner .banner-inner-content > div h4
{
	font-size: 1vw;
	color: rgba(255, 255, 255, .5);
	font-weight: bold;
}
.binner-wrap.new-binner .banner-inner-content
{

}
.new-btn.btn
{
	position: absolute;
	top: 8vw;
	right: 7vw;
	width: 50px;
	left: auto;
}
.new-btn.btn .swiper-button-next, .swiper-rtl .swiper-button-prev
{
	margin-left: 2vw;
}
.swiper-button-prev .view
{
	background: #CF202E;
}
.binner-wrap.new-binner .view{
    position: absolute;
    top: 7vw;
    right: 14vw;
    z-index: 1;
    background: #CF202E;
    padding: 15px 40px;
    font-size: 16px;
    color: var(--white);
    border-radius: 40px;
    font-weight: bold;
    transition: all 1s ease-in-out;
}
.binner-wrap.new-binner .view:hover
{
	background: #9A1620;
}
.team-wrap
{
	position: relative;
	margin-bottom: 5vw;
	top: -4px;
}
.team-wrap img
{
	width: 100%;
}
.team-wrap .team{
    
position: absolute;
    
top: 0;
    
padding: 7vw 7vw;
}
.team-wrap .team h2{
    font-size: 40px;
    line-height: 50px;
    color: var(--white);
    margin-bottom: 3vw;
    font-family: 'frutiger_lt_arabic55_roman';
}
.team-wrap .team p{
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
    margin-bottom: 4vw;
    padding-right: 5vw;
}
.team-wrap .team .summary{
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
    margin-bottom: 4vw;
    padding-right: 5vw;
}

.team-wrap .team a{
    font-size: 1.15vw;
    color: var(--white);
    position: relative;
    display: inline-flex;
    overflow: hidden;
    padding-bottom: 5px;
    font-family: 'frutiger_lt_arabic65_bold';
}
.team-wrap .team a:before
{
	content: "";
    bottom: 0;
	position: absolute;
	width: 100%;
	height: 2px;
	left: -100%;
    transition: all .6s ease-in-out;
	background: var(--white);
}
.team-wrap .team a:hover:before
{
	left: 0;
}
.team-wrap .team a svg
{
	margin-left: 1vw;
	width: 15px;
}
.start-wrap{
    margin-bottom: 5vw;
}
.start-wrap .start
{
	display: flex;
	height: 100vh;
}
.start-wrap .start .left{
    background: #C20221;
    width: 50%;
    padding: 25vw 6vw 0;
    /*padding: 12vw 8vw;*/
}
.start-wrap .start .left h2
{
	font-size: 3vw;
	line-height: 3vw;
	margin-bottom: 2vw;
	color: var(--white);
	font-family: 'frutiger_lt_arabic65_bold';
}
.start-wrap .start .left p
{
	font-size: 1.4vw;
	color: var(--white);
}
.start-wrap .start .left .app-btn
{
	margin-top: 1vw;
}
.start-wrap .start .right{
   width: 50%;
   position: relative;
   overflow: hidden;
}
.start-wrap .start .right img{
    width: 100%;
    /*transition: all 1s;*/
}
.start-wrap .start .right img:hover
{
	/*transform: scale(1.1);*/
}
.start-wrap .start .left .app-btn {
	padding: 10px 15px 10px 0;
	display: flex;
	align-items: center;
	color: var(--white);
	transition: all .5s ease-in-out;
	display: inline-flex;
	border-radius: 10px;
}
.start-wrap .start .left .app-btn svg {
	fill: var(--white);
	margin-right: 16px;
	width: 30px;
}
.start-wrap .start .left .app-btn p{
	font-size: 12px;
	line-height: 18px;
	color: var(--white);
}
.start-wrap .start .left .app-btn .head {
	font-size: 17px !important;
	color: var(--white);
}
.start-wrap .start .left .app-btn.apple-icon svg{
	position: relative;
	left: -4px;
}
.start-wrap .start .left a.app-btn.apple-icon {
    background: #000;
}
/*.start-wrap .start .left a.app-btn.apple-icon:hover {
	background: #CF202E;
}*/
.start-wrap .start .left a.app-btn
{
    margin-right: 1vw;
    background: #000;
    padding: 10px 15px;
}
.start-wrap .start .left a.app-btn:hover
{
	background: #3e1018;
}
.invest-wrap{}
.invest-wrap .invest{
    display: flex;
    border-top: rgba(0, 0, 0, .5) solid 2px;
    margin: 0vw 7vw 6vw;
    padding: 2vw 0vw 4vw;
    border-bottom: rgba(0, 0, 0, .5) solid 2px;
}
.invest-wrap .invest .left{
    width: 50%;
}
.invest-wrap .invest .left h2
{
	font-size: 60px;
	line-height: 70px;
	color: #000;
	font-family: 'frutiger_lt_arabic65_bold';
}
.invest-wrap .invest .right{
    width: 50%;
    padding-top: 20px;
}
.invest-wrap .invest .right p
{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 2vw;
	color: #000;
}
.invest-wrap .invest .right .divp
{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 2vw;
	color: #000;
}

.invest-wrap .form-group .invest .right input:focus
{
	color: none !important;
}
.invest-wrap .invest .right input
{
	border-width: 0px 0px 1px 0px;
    border-style: solid;
    background: transparent;
    outline: none;
    padding: 12px 0;
    font-size: 16px;
    width: 100%;
    border-radius: 0;
    margin-bottom: 1vw;
    border-color: rgba(0, 0, 0, .6) solid 2px;
}
.invest-wrap .invest .right input::placeholder
{
}
.form-control:focus
{
	border-color: none !important;
}
.form-group.col-form
{
	margin-bottom: 3vw;
}
.footer-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 5vw 4vw 2vw;
}
.footer-wrap .footer{}
.footer-wrap .footer ul{
    padding: 10px 0vw;
}
.footer-wrap .footer ul li{
    margin-bottom: 15px;
}
.footer-wrap .footer ul li a{
    font-size: 33px;
    color: #7B6E66;
    position: relative;
    line-height: 1;
    overflow: hidden;
    transition: all .6s ease-in-out;
    display: inline-flex;
    padding-bottom: 5px;
    /* padding-bottom: .5vw; */
    font-family: 'frutiger_lt_arabic65_bold';
}
.footer-wrap .footer ul li a:after
{
	content: "";
	position: absolute;
	background: #7B6E66;
	width: 100%;
	height: 2px;
	left: -100%;
	bottom: 0;
	transition: all .6s ease-in-out;
	display: none;
}
.footer-wrap .footer ul li a:hover:after
{
	left: 0;
}
.footer-wrap .footer >div{
    display: flex;
    align-items: center;
    margin-bottom: 2vw;
}
.footer-wrap .footer >div a{
    font-size: 21px;
    color: #7B6E66;
    transition: all .6s ease-in-out;
    font-family: 'frutiger_lt_arabic65_bold';
}
.footer-wrap .footer >div a:hover
{
	color: #CF202E;
}
.footer-wrap .footer >div .icon{
    margin-left: 45px;
    position: relative;
}
.footer-wrap .footer >div .icon a
{
	background: #EAEAEA;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	position: relative;
	margin-right: 10px;

	/*height: 50px;
	width: 50px;
	position: relative;
	margin-right: 5px;*/
	display: inline-block;
}
.footer-wrap .footer >div .icon a svg
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 1s;
}
.footer-wrap .footer >div .icon a:hover
{
	background: #CF202E;
}
.footer-wrap .footer >div .icon a svg
{
	fill: #7b6e66;
	width: 50%;
}
.footer-wrap .footer >div .icon a:hover svg
{
	fill: #EAEAEA;
}
.footer-wrap .footer .follow-wrap{
    display: flex;
    align-items: baseline;
    margin-bottom: 0;
}
.footer-wrap .footer .follow-wrap .left{
    width: 65%;
}
.footer-wrap .footer .follow-wrap .left ul{}
.footer-wrap .footer .follow-wrap .left ul li{
    margin-bottom: 5px;
}
.footer-wrap .footer .follow-wrap > .left ul li > a{
    font-size: 20px;
    position: relative;
    display: inline-flex;
    overflow: hidden;
    /* margin-bottom: 5px; */
    transition: all .6s ease-in-out;
    padding-bottom: 5px;
    font-family: 'frutiger_lt_arabic55_roman';
}
.footer-wrap .footer .follow-wrap .left ul li a:after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #7B6E66;
	left: -100%;
    transition: all .6s ease-in-out;
    bottom: 0;
    display: none;
}
.footer-wrap .footer .follow-wrap .left ul li a:hover:after{
	left: 0;
}
.footer-wrap .footer .follow-wrap .right{
    width: 35%;
    margin-left: 0;
}
.footer-wrap .footer .follow-wrap .right ul{}
.footer-wrap .footer .follow-wrap .right ul li{
    margin-bottom: 0;
}
.footer-wrap .footer .follow-wrap .right ul li:nth-child(odd) a {
    font-family: 'frutiger_lt_arabic55_roman';
}
.footer-wrap .footer .follow-wrap .right ul li a{
    font-size: 20px;
    margin-bottom: 10px;
}
.footer-wrap .footer .form-group
{
	display: flex;
	margin-bottom: 8vw;
}
.footer-wrap .footer .form-group input
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #7B6E66;
	background: transparent;
	outline: none;
	padding: 12px 0;
	color: #7B6E66;
	font-size: 16px;
	width: 80%;
	margin-bottom: 1vw;
	border-radius: 0;
	margin-left: 20%;
}
.footer-wrap .footer .form-group input:focus
{
		background:none;
}

.footer-wrap .footer .form-group button.search
{
	position: absolute;
	right: 4vw;
	margin-bottom: 1vw;
	text-align:right;
}
.footer-wrap .footer .form-group button.search:hover
{
	background:none;
}

.footer-wrap .footer .form-group input::placeholder
{
	font-size: 20px;
	color: #7B6E66;
    
}
.footer-wrap .footer a
{}
.footer-wrap .footer .img
{
	text-align: end;
	display: flex;
	justify-content: end;
}
.footer-wrap .footer .img a img{}
.sub-footer{
	display: flex;
	align-items: center;
	border-top: solid rgba(123, 110, 102, .4) 2px;
	width: 90%;
	margin: auto;
	padding: 2vw 0vw 3vw;
}
.sub-footer p
{
	font-size: 18px;
    
	color:rgba(123, 110, 102, .4) ;
}
.sub-footer a{}


/* for slider */
.mainSwiper2 .swiper-pagination-bullet,
.mainSwiper .swiper-pagination-bullet {
    position: relative;
    width: auto;
    height: auto;
    text-align: left;
    border-radius: 0;
    opacity: 1;
    margin-right: 20px;
    background-color: transparent;
}
.mainSwiper2 .swiper-pagination-bullet em,
.mainSwiper .swiper-pagination-bullet em {
    font-size: 1.4375vw;
    color: var(--white);
    padding: 0vw 2vw 0 0px;
}
.mainSwiper2 .swiper-pagination-bullet i,
.mainSwiper .swiper-pagination-bullet i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: #CF202E;
}
.mainSwiper2 .swiper-pagination-bullet b,
.mainSwiper .swiper-pagination-bullet b {
    position: absolute;
    top: 0;
    left:  0;
    z-index: 2;
    width: 0%;
    height: 2px;
    background-color: #707070;
}
.mainSwiper2 .swiper-pagination-bullet-active,
.mainSwiper .swiper-pagination-bullet-active {
    background-color: transparent;
}
.mainSwiper2 .swiper-pagination-bullet-active b,
.mainSwiper .swiper-pagination-bullet-active b {  
    animation-name: countingBar;
    animation-duration: 5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate ;
    animation-fill-mode:forwards;
}
.mainSwiper2,
.swiper-pagination {
    display: flex;
    padding: 0vw 7vw 2vw;
}
.swiper-pagination span
{
	margin-right: 4vw !important;
	padding-top: 10px !important;
}
.mainSwiper2,
.mainSwiper .swiper-pagination-bullet i
{
	top: 0;
}
.swiper-pagination.col-swiper-pagination .swiper-pagination-bullet i
{
	background: #F6B330;
}
.mainSwiper2,
.mainSwiper .swiper-pagination-bullet b
{
	top: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
	width: 90% !important;
} 

.reveal {
	
	position: relative;
	overflow: hidden;
}
.reveal img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform-origin: left;
}

.slider_nav {
    position: absolute;
    left: 15vw;
    bottom: 50px;
    width: 100%;
    z-index: 1;
}
.slider_nav {

}
.slider_nav .inner{}
.slider_nav .inner .nav-slide{}
.slider_nav .inner .nav-slide h2
{
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 1.6vw;
	color: var(--white);
	font-family: 'frutiger_lt_arabic65_bold';
		white-space:nowrap;

}
.slider_nav.col-new-nav .inner .nav-slide h2
{
	color: #ffff;
	font-family: 'frutiger_lt_arabic55_roman';
}
.slider_nav .inner .nav-slide p
{
    font-size: .9vw;
    font-weight: bold;
    color: rgba(255, 255, 255, .6);
}
.slider_nav .inner {
	 display: flex;
	 align-items: center;
}
.slider_nav .nav-slide {
    width: 17%;
    padding: 0 0 0px;
    color: #fff;
    margin-right: 3vw;
    cursor: pointer;
}
.slider_nav .nav-slide:last-child
{
	margin-right: 0;
}
.slider_nav .nav-slide .progress-bar {
	height: 3px;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}
.slider_nav .nav-slide .progress-bar:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 2px;
	background:#fff;
}
.slider_nav.col-new-nav .nav-slide .progress-bar:before 
{
	background: #707070;
}
.slider_nav .nav-slide .progress-bar .inner {
	background: #CF202E;
	position: relative;
	top: 0;
	height: 3px;
	width: 0;
}

.mainSwiper .slider_nav .nav-slide.active .progress-bar .inner{
	animation: load 5.5s normal forwards;
}
.mainSwiper2 .slider_nav .nav-slide.active .progress-bar .inner{
	animation: load 5.5s normal forwards;
}
.slider_nav.col-new-nav{
	padding: 0 4vw 0 7vw;
	left: 0;
}
.slider_nav.col-new-nav .nav-slide
{
	width: 25%;
}
.slider_nav.col-new-nav .nav-slide .progress-bar .inner
{
	background:#F6B330 ;
}
.tol-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5vw;
    padding: 0vw 7vw;
}
.tol-wrap .tol{
  	background: rgba(240, 240, 240, 0.6);
  	padding: 1.5vw 2vw;
  	border-bottom-left-radius: 35px;
  	transition: all .5s ease-in-out;
}
.tol-wrap .tol:hover{
	background: #C20221 !important;
}
.tol-wrap .tol a h3 span,
.tol-wrap .tol a h3
{
	transition: .5s ease-in-out;
}
.tol-wrap .tol:hover a h3 span,
.tol-wrap .tol:hover a h3
{
	color: #fff !important;
}
.tol-wrap .tol a svg path
{
	transition: all .5s ease-in-out;
}
.tol-wrap .tol:hover a svg path {
    fill: #fff !important;
}
.tol-wrap .tol a{
    display: flex;
    align-items: center;
    
}
.tol-wrap .tol a svg{
    margin-right: 1vw;
}
.tol-wrap .tol a h3{
    font-size: 23px;
    line-height: 35px;
    font-family: 'frutiger_lt_arabic65_bold';
    color: #695A53;
}
.tol-wrap .tol a h3 span
{
	color: #C20221;
}
/*.slider_nav.col-new-nav .nav-slide .progress-bar
{
	background: #F6B330;
}*/
@keyframes load {
    0% { width: 0; }
    100% { width: 100%; }
}

.swiper-wrap .arrow_adjust > p {
    width: 55%;
    font-size: 20px;
    line-height: 1.3;
    margin-left: 23%;
    color: #2C2826;
}
.arrow_adjust {
    position: relative;
}
.new_slide_sec {
    padding: 0vw 6vw 0 19vw;
    position: absolute;
    display: none;
    visibility: hidden;
}
.grid-wrap .grid.small > h2 {
    font-size: 1.8vw;
}

.new_slide_sec > p {
    width: 81%;
    font-size: 20px;
    line-height: 1.3;
    color: #2C2826;
    margin-bottom: 10vw;
}
.new_slide_sec > .divp {
    width: 81%;
    font-size: 20px;
    line-height: 1.3;
    color: #2C2826;
    margin-bottom: 5vw;
}


.slider_anim_div {
    position: relative;
    height: 80vh;
}

.new_slide_sec.active {
    display: block;
    visibility: visible;
}
.footer-wrap .footer ul li a:hover {
    color: #C20221;
}
.binner-wrap.new-binner .swiper-wrapper .swiper-slide img {
    filter: brightness(0.5);
}
.swiper-wrap-new .swiper-slide .image-wrap {
    transform: scale(1.1);
    transition: all .5s ease;
}

.swiper-wrap-new .swiper-slide .image-wrap:hover {
    transform: scale(1);
}
.new-binner-wrap
{position: relative;}
.new-binner-wrap >div{}
.new-binner-wrap >div img
{
	width: 100%;
}
.new-binner-wrap .text{
    position: absolute;
    bottom: 3vw;
    left: 7vw;
    width: 67%;
    font-family: 'frutiger_lt_arabic65_bold';
}
.new-binner-wrap .text h3{
    font-size: 2.5vw;
    color: var(--white);
    
    margin-bottom: 2vw;
}
.new-binner-wrap .text h2{
    font-size: 5.6vw;
    color: var(--white);
    line-height: 6vw;
    /* border-bottom: solid 2px var(--white); */
    padding: 0vw 0vw 2vw 0;
    margin: 0;
    position: relative;
 
    
}
.new-binner-wrap .text h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--white);
}
.new-binner-wrap.contact_bg
{
	background: #e2e2e2;
}
.para
{
	padding: 5vw 7vw 0;
	width: auto;
	margin-bottom: 7vw;
	width: 93%;
}
.para p
{
    
font-size: 35px;
    
line-height: 40px;
    
position: relative;
    
overflow: hidden;
    
padding: 0vw 35px 0 20px;
    
color: #373737;
    
font-family: 'frutiger_lt_arabic55_roman';
}
.para p:before
{
	content: "";
	width: 3px;
	height: 93%;
	position: absolute;
	left: 0;
	background: #C20221;
	top: 7px;
}
.para .divp
{
    
font-size: 35px;
    
line-height: 40px;
    
position: relative;
    
overflow: hidden;
    
padding: 0vw 35px 0 20px;
    
color: #373737;
    
font-family: 'frutiger_lt_arabic55_roman';
}
.para .divp:before
{
	content: "";
	width: 3px;
	height: 93%;
	position: absolute;
	left: 0;
	background: #C20221;
	top: 7px;
}

.overview_sec{
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5vw;
}
.overview_sec .left{
    width: 40%;
    padding: 0vw 7vw;
}
.overview_sec .left .text{
    position: absolute;
    width: 37%;
    background: #ffff;
    padding: 3vw 20px 3vw 0;
    top: 5vw;
    z-index: 1;
    border-right: 4px solid #CF202E;
}
.overview_sec .left .text h2{
    font-size: 5vw;
    color: #2C2826;
    margin-bottom: 2vw;
    font-family: 'frutiger_lt_arabic65_bold';
    line-height: 1;
}
.overview_sec .left .text p{
    font-size: 20px;
    line-height: 25px;
    font-family: 'frutiger_lt_arabic55_roman';
    color: #2C2826;
}
.overview_sec .left .text .divp{
    font-size: 20px;
    line-height: 25px;
    font-family: 'frutiger_lt_arabic55_roman';
    color: #2C2826;
}

.overview_sec .right{
    width: 60%;
}
.overview_sec .right img{
    width: 100%;
}
.culture_sec{
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 5vw;
}
.culture_sec .left{
    width: 60%;
}
.culture_sec .left img{
    width: 100%;
}
.culture_sec .right{
    width: 40%;
}
.culture_sec .right .text{
    position: absolute;
    top: 7vw;
    background: #fff;
    right: 7vw;
    width: 37%;
    padding: 3vw 0px 3vw 20px;
    border-left: 4px solid #CF202E;
}
.culture_sec .right .text h2
{
    font-size: 4.9vw;
    color: #2C2826;
    margin-bottom: 2vw;
    font-family: 'frutiger_lt_arabic65_bold';
    line-height: 1;
}
.culture_sec .right .text p
{
    font-size: 20px;
    line-height: 25px;
    font-family: 'frutiger_lt_arabic55_roman';
    color: #2C2826;
}
.culture_sec .right .text .divp
{
    font-size: 20px;
    line-height: 25px;
    font-family: 'frutiger_lt_arabic55_roman';
    color: #2C2826;
}

.invest-wrap.col_join
{
	margin-bottom: 10vw;
}
.invest-wrap.col_join .invest{
    padding: 2vw 5vw 5vw;
}
.invest-wrap.col_join .invest .left{}
.invest-wrap.col_join .invest .left h2
{
	color: #2C2826;
	font-size: 4.5vw;
	line-height: 5vw;
}
.invest-wrap.col_join .invest .right p{
    padding-right: 6vw;
    line-height: normal;
    margin-bottom: 5vw;
}
.invest-wrap.col_join .invest .right .divp{
    padding-right: 6vw;
    line-height: normal;
    margin-bottom: 5vw;
}

.invest-wrap.col_join .invest .right a{}
.benefit_sec{
    position: relative;
}
.benefit_sec img
{
	width: 100%;
    border-top: solid #C20221 15px;
}
.benefit_sec .bene{
    position: absolute;
    bottom: 5vw;
    left: 7vw;
    width: 40%;
}
.benefit_sec .bene h2{
    font-size: 70px;
    color: var(--white);
    margin-bottom: 2vw;
    font-family: 'frutiger_lt_arabic65_bold';
}
.benefit_sec .bene p
{
	color: var(--white);
	font-size: 22px;
	line-height: 35px;
	font-family: 'frutiger_lt_arabic55_roman';
}
.benefit_sec .bene .divp
{
	color: var(--white);
	font-size: 22px;
	line-height: 35px;
	font-family: 'frutiger_lt_arabic55_roman';
}

.tol-wrap.col_tol
{
	grid-gap: 6vw;
	margin-bottom: 5vw;
	padding: 0vw 10vw;
}
.tol-wrap.col_tol .tol
{
	padding: 1.5vw 3vw;
}
.tol-wrap.col_tol .tol a{}
.tol-wrap.col_tol .tol a svg{}
.tol-wrap.col_tol .tol a h3{}
.para.col_para{
}
.para.col_para p{
    margin-bottom: 3vw;
}.para.col_para .divp{
    margin-bottom: 3vw;
    
}
.para.col_para .divp{
    
font-size: 35px;
    
line-height: 40px;
    
position: relative;
    
overflow: hidden;
    
padding: 0vw 35px 0 20px;
    
color: #373737;
    
font-family: 'Frutiger LT Arabic 45';

}
.para.col_para .divp:before
{
	content: "";
	width: 3px;
	height: 93%;
	position: absolute;
	left: 0;
	background: #C20221;
	top: 7px;
}

.para.col_para .seek
{
	font-weight: 400;
	font-size: 26px;
	margin-bottom: 0;
	color: #373737;
}
.para.col_para .seek:before
{
	display: none;
}
.vision_sec{
    position: relative;
    margin-bottom: 10vw;
}
.vision_sec img{
    width: 100%;
}
.vision_sec .new-grid-wrap{
    padding: 0vw 7vw;
    display: grid;
    grid-gap: 15vw;
    grid-template-columns: 1fr 1fr;
    margin-top: -4vw;
}
/*.vision_sec .new-grid-wrap .grid{
    background: #fff;
    padding: 2vw 3vw;
    z-index: 1;
}*/
.vision_sec .new-grid-wrap .grid h2{
    font-size: 2.5vw;
    margin-bottom: 2vw;
    color: #2C2826;
    font-weight: bold;
    font-family: 'frutiger_lt_arabic65_bold';
}
.vision_sec .new-grid-wrap .grid{
    background: #fff;
    padding: 2vw 3vw;
    border-top: solid 6px #C20221;
    z-index: 1;
}
.vision_sec .new-grid-wrap .grid p{
    font-size: 22px;
    line-height: 25px;
    padding: 0;
    font-weight: 400;
    

}
.vision_sec .new-grid-wrap .grid .divp{
    font-size: 22px;
    line-height: 25px;
    padding: 0;
    font-weight: 400;
    }

.grid-wrap-sec{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0vw 7vw;
    grid-gap: 3vw;
    margin-bottom: 10vw;
}
.grid-wrap-sec .grid{border-top: solid 6px #C20221;}
.grid-wrap-sec .grid .text{
    background: #E0E0E0;
    padding: 7vw 1vw 7vw 3vw;
    margin-bottom: 2vw;
    border-bottom-left-radius: 80px;
}
.grid-wrap-sec .grid .text h2{
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 2vw;
    color: #2C2826;
    font-family: 'frutiger_lt_arabic55_roman';
}
.grid-wrap-sec .grid .text p{
    font-size: 20px;
    line-height: 30px;
    font-family: 'frutiger_lt_arabic55_roman';
}
.grid-wrap-sec .grid .download-wrap
{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	align-items: center;
	margin-left: 10px;
}
.grid-wrap-sec .grid .download-wrap .left{
    width: 80%;
}
.grid-wrap-sec .grid .download-wrap .left a{
    display: flex;
    justify-content: end;
    border-bottom: solid 1px #000;
    font-size: 25px;
    color: #000;
    align-items: center;
    padding: 0px 0px 5px 0;
}
.grid-wrap-sec .grid .download-wrap .left a svg{
    margin-right: 5px;
}
.grid-wrap-sec .grid .download-wrap .left p{
    text-align: end;
    font-size: 18px;
    font-weight: 400;
    padding-top: 5px;
}
.grid-wrap-sec .grid .download-wrap .right{
    width: 20%;
    margin-left: 1vw;
}
.grid-wrap-sec .grid .download-wrap .right img{
    width: 100%;
}
.new-binner-wrap.col-contact >div
{
	border-bottom-left-radius: 80px;
}
.new-binner-wrap.col-contact >div img
{
	border-bottom-left-radius: 120px;
}
.contact_form{
	background: #e2e2e2;
	padding: 2vw 7vw 10vw;
	margin-bottom: 5vw;
}
.contact_form .buttn {
text-align:right;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #2c2826;
    font-family: 'frutiger_lt_arabic55_roman';
    font-size: 20px;
    z-index: 1;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 22px;
    height: 22px;
    border: 2px solid #2c2826;
    border-radius: 100%;
    background: #fff0;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    transition: all 0.2s ease;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #2c2826;
    border-radius: 100%;
    background: #2c2826;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact_form .form_cont {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 5vw;
    grid-gap: 12vw;
}

.contact_form .form_cont > div {}

.contact_form .form_cont > div .form-group {
    margin-bottom: 2vw;
    position: relative;
}
.contact_form .form_cont > div .form-group svg{
    position: absolute;
    top: 35%;
    right: 0;
}
.contact_form .form_cont > div .form-group input {
    width: 100%;
}

.contact_form .form_cont > div .form-group select {
    width: 100%;
}

.contact_form .form_cont > div .form-group textarea {
    width: 100%;
}
.contact_form .form_cont > div .form-group input, 
.contact_form .form_cont > div .form-group select, 
.contact_form .form_cont > div .form-group textarea{
	width: 100%;
	border: none;
	font-size: 20px;
	color: #2c2826;
	font-family: 'frutiger_lt_arabic55_roman';
	background: transparent;
	border-bottom: 1px solid #2c2826;
	padding: 1vw 0vw .8vw;
}

.contact_form .form_cont > div .form-group input::placeholder, 
.contact_form .form_cont > div .form-group select::placeholder, 
.contact_form .form_cont > div .form-group textarea::placeholder{
	font-size: 20px;
	color: #2c2826;
}
input:focus-visible, 
select:focus-visible, 
textarea:focus-visible {
	outline: none;
}
/**/



.contact_form .form_cont > div .individual {
    display: flex;
    align-items: center;
    margin-bottom: 3vw;
}

.contact_form > p {
    font-size: 23px;
    width: 50%;
    line-height: 30px;
}

.contact_form .form_cont > div .individual p:last-child {
    margin-left: 4vw;
}

.contact_form .form_cont > div .c_client {
    display: flex;
    align-items: center;
    margin-bottom: 5vw;
}

.contact_form .form_cont > div .c_client h2 {
    font-size: 24px;
    font-family: 'frutiger_lt_arabic55_roman';
}

.contact_form .form_cont > div .c_client .client {
    display: flex;
    align-items: center;
    margin-left: 3vw;
}

.contact_form .form_cont > div .c_client .client p [type="radio"]:checked + label{
	color: #fff;
}

.contact_form .form_cont > div .c_client .client p [type="radio"]:checked + label:before, 
.contact_form .form_cont > div .c_client .client p [type="radio"]:not(:checked) + label:before {
    width: 63px;
    height: 28px;
    border-radius: 15px;
    z-index: -1;
}

.contact_form .form_cont > div .c_client .client p [type="radio"]:checked + label:after, 
.contact_form .form_cont > div .c_client .client p [type="radio"]:not(:checked) + label:after {
    width: 63px;
    height: 28px;
    border-radius: 15px;
    z-index: -1;
}

.contact_form .form_cont > div .c_client .client p:last-child {
    margin-left: 3vw;
}

.contact_form .form_cont > div .c_client .client p label {
    font-size: 16px;
    padding: 0;
    padding-left: 18px;
    padding-top: 3px;
    margin-right: 15px;
}

.map_sec{
    display: flex;
    margin-bottom: 4vw;
}
.map_sec .left{
  filter: grayscale(1);
    width: 65%;
}
.map_sec .left map{}
.map_sec .left map iframe
{
	width: 100%;
	height: 100vh;
	border-bottom-left-radius: 150px;
}
.map_sec .left map{}
.map_sec .right{
    width: 35%;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0vw 10vw 0 0;
    grid-gap: 62px;
}
.map_sec .right .loction{
	padding: 0 0 0 5vw;
	position: relative;
}
.map_sec .right .loction h2
{
	font-size: 21px;
	position: relative;
    font-family: 'frutiger_lt_arabic55_roman';	
	color: #2C2826;
	margin-bottom: 10px;
}
.map_sec .right .loction a{
    font-size: 35px;
    color: #2C2826;
    font-family: 'frutiger_lt_arabic65_bold';
    font-weight: bold;
    z-index: 2;
    display: block;
    margin-bottom: 20px;
}
.map_sec .right .loction a:before
{
	content: "";
	position: absolute;
	width: 0;
	background: #CF202E;
	height: 6px;
	transition: all .5s ease-in-out;
	left: 14px;
	top: 10px;
	opacity: 0;
	z-index: 1;
}
.map_sec .right .loction a:hover:before
{
	opacity: 1;
	width: 52px;
}
.map_sec .right .loction a:hover
{
	color:#CF202E;
}
.map_sec .right .loction a.active:before
{
	content: "";
	position: absolute;
	width: 0;
	background: #CF202E;
	height: 6px;
	transition: all .5s ease-in-out;
	left: 14px;
	top: 10px;
	opacity: 0;
	z-index: 1;
}
.map_sec .right .loction a.active:before
{
	opacity: 1;
	width: 52px;
}
.map_sec .right .loction a.active
{
	color:#CF202E;
}

.map_sec .right .loction p{
    font-size: 20px;
    padding-right: 2vw;
    line-height: 30px;
    font-family: 'frutiger_lt_arabic55_roman';
}
.method_sec
{
	padding: 0 7vw;
	width: 75%;
	margin-bottom: 8vw;
}
.method_sec h2
{
	font-weight: 700;
	font-size: 32px;
	line-height: 30px;
    font-family: 'frutiger_lt_arabic65_bold';
    margin-bottom: 2vw;
    color: #2C2826;
}
.method_sec p
{
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #2C2826;
	margin-bottom: 5px;
	font-family: 'frutiger_lt_arabic55_roman';
}
.method_sec .divp
{
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #2C2826;
	margin-bottom: 5px;
	font-family: 'frutiger_lt_arabic55_roman';
}.method_sec .divp a
{
	color: #C20221;
	
	}


.buttn a {
    background: #C20221;
    padding: 8px 40px;
    border-radius: 28px;
    color: var(--white) !important;
    font-size: 20px;
    transition: all .5s ease-in-out;
    font-family: 'frutiger_lt_arabic65_bold';
    position: relative;
    overflow: hidden;
    z-index: 1;    cursor:pointer;

}
.buttn a:hover {
    background: #7B6E66;
    color: var(--white) !important;

}
.top_boxes {
    width: 75%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 6px;
    margin-top: 2vw;
    margin-bottom: 5vw;
}
.top_boxes a.withoutRadius,
.top_boxes a {
    background: #EAEAEA;
    padding: 1vw 3vw 1vw 1vw;
    border-top: 2px solid #CF202E;
    color: #2C2826;
    border-bottom-left-radius: 30px;
}
.top_boxes a.withoutRadius {
	border-bottom-left-radius: 0;
}
.top_boxes a {
	border-bottom-left-radius: 0;
}
.top_boxes a:first-child{
    border-bottom-left-radius: 30px;
	
}
.top_boxes a.withoutRadius.active,
.top_boxes a.withoutRadius:hover,
.top_boxes a.active,
.top_boxes a:hover {
    background: #CF202E;
    color: #fff;
    font-weight: bold;
}
.top_boxes a.withoutRadius.active,
.top_boxes a.withoutRadius:hover {
	/* border-bottom-left-radius: 30px; */
}
.top_boxes a:first-child {
    border-bottom-left-radius: 30px;
}
.top_boxes a h2 {
    font-size: 18px;
    font-family: 'frutiger_lt_arabic55_roman';
       word-break: break-word;
   
}
.invest a h2 {
    font-size: 18px;
    font-family: 'frutiger_lt_arabic55_roman';
       word-break: break-word;
    width: 100%;
}

.dpm_wrap {
    padding: 0 17vw 0 7vw;
    margin: 8vw 0 10vw;
}
.dpm_wrap h1 {
    font-size: 70px;
    font-family: 'frutiger_lt_arabic65_bold';
    color: #2C2826;
    line-height: 1;
    margin-bottom: 3vw;
    width: 50%;
}
.dpm_wrap > h2 {
    font-size: 36px;
    font-family: 'frutiger_lt_arabic55_roman';
    line-height: 1.1;
    border-left: 4px solid #CF202E;
    padding-left: 1vw;
}
.dpm_wrap .section1 {
    font-size: 36px;
    font-family: 'frutiger_lt_arabic55_roman';
    line-height: 1.1;
    border-left: 4px solid #CF202E;
    padding-left: 1vw;
}
.dpm_wrap .section2
{
    margin-top: 2vw;
	font-weight: 400;
	font-size: 26px;
	line-height:38px;
	margin-bottom: 0;
	color: #373737;
	font-family: 'frutiger_lt_arabic55_roman';
	}

.dpm_wrap > p {
    padding-left: 1vw;
    margin-top: 5vw;
    font-size: 28px;
   /* line-height: 1.1;*/
     line-height: 35px;	
    color: #373737;
}
	.dpm_wrap > .divp {	
    padding-left: 1vw;
    margin-top: 5vw;	
    font-size: 28px;	
    line-height: 1.1;	
    line-height: 35px;	
    color: #373737;	
}
.fund_img img {
    width: 100%;
}
.mutual_fund {
    width: 53%;
    position: relative;
    left: 12vw;
    border-top: 4px solid #CF202E;
    padding: 2vw 11vw 2vw 2vw;
    top: -7vw;
    background: #fff;
}

.mutual_fund h2 {
    font-size: 70px;
    font-family: 'frutiger_lt_arabic65_bold';
    color: #2C2826;
    line-height: 1;
    margin-bottom: 2vw;
}

.mutual_fund p {
    font-size: 22px;
    line-height: 1.2;
}
.mutual_fund div {
    font-size: 22px;
    line-height: 1.2;
    font-family: 'frutiger_lt_arabic45_light';

}
.mutul_slider {
    padding: 0vw 0vw 18vw 7vw;
    position: relative;
}

.mutul_slider .swiper-pagination-progressbar {
    height: 4px !important;
    padding: 0;
    background: #393533;
}

.mutul_slider .pag_mutul{
    width: 25%;
    position: absolute;
    bottom: 40%;
    right: 9%;
}

.mutul_slider .pag_exch{
    width: 25%;
    position: absolute;
    bottom: 40%;
    right: 9%;
}

.mutul_slider .swiper-pagination-progressbar span {
    padding: 0 !important;
    background: #CF202E;
}

.mutul_slider .equity h2 {
    font-size: 40px;
    line-height: 1;
    font-family: 'frutiger_lt_arabic65_bold';
    margin-bottom: 2vw;
    color: #2C2826;
}

.mutul_slider .equity p {
    font-size: 22px;
    line-height: 1.2;
    color: #2C2826;
}
.mutul_slider .equity .divp {
    font-size: 22px;
    line-height: 1.2;
    color: #2C2826;
    height: 105px;
    overflow: hidden;
    }


.mutuaswiper .swiper-slide:hover .equity h2, .exchangeswiper .swiper-slide:hover .equity h2 {
    color: #CF202E;
}

.overview_sec.funds .left .text h2 {
    margin-bottom: 1vw;
}

.culture_sec.funds .right .text h2 {
    margin-bottom: 2vw;
}

.culture_sec.funds .right .text {
    padding: 2vw 2vw;
    border: none;
    border-left: 4px solid #CF202E;
    top: 12%;
}

.overview_sec.funds .left .text {
    padding: 2vw 2vw;
    border: none;
    border-right: 4px solid #CF202E;
    top: 7vw;
}
.overview_sec.funds .left .text p
{
    /*font-family: 'frutiger_lt_arabic45_light';*/
}
.culture_sec.funds {
    margin-bottom: 10vw;
}



/* Nav tabs*/

#bod_wrap {
	padding: 0 7vw;
	margin-bottom: 15vw;
}

.tabs-nav ul {
  padding: 0;
  text-align: center;
  width: 60%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: .5vw;
}

.tabs-nav li {
  /* display: inline-block; */
  background: #EAEAEA;
  color: #fefefe;
  margin-right: 0;
  border-top: 2px solid #CF202E;
  transition: all .5s ease-in-out;
}
.tabs-nav li:first-child {
    border-bottom-left-radius: 30px;
}
.tabs-nav a {
  display: block;
  font-weight: bold;
  color: #2C2826;
  font-size: 20px;
  padding: 1vw 4vw 2vw 1vw;
}
/* Active tab */

.tabs-nav li.active, .tabs-nav li:hover {
  background: #CF202E;
  /*color: #fff;*/
  /*border-bottom-right-radius: 30px;*/
}

.tabs-nav li.active a, .tabs-nav li:hover a {
  color: #fff;
}
/* Tab content */

.tabs-content {
  overflow: hidden;
}

.tabs-content IMG {
}
#bod_wrap .tabs-nav {
    margin-bottom: 5vw;
}
/* Hide all but first content div */

.tabs-content > div:not(:first-child) {
  display: none;
}

.tabs-content .leader_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6vw 9vw;
}

.tabs-content .leader_wrap .leader_mem {}

.tabs-content .leader_wrap .leader_mem .img_mem {
    text-align: right;
    position: relative;
    margin-bottom: 2vw;
    overflow: hidden;
}

.tabs-content .leader_wrap .leader_mem .img_mem img {
    width: 87%;
    padding: 0;
    margin: 0;
    position: relative;
    top: 20px;
    transition: all .5s ease;
}
.tabs-content .leader_wrap .leader_mem .img_mem::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: #E0E0E0;
    z-index: -1;
    border-top: 10px solid #CF202E;
    border-bottom-left-radius: 50px;
}

.tabs-content .leader_wrap .leader_mem .name_mem {}

.tabs-content .leader_wrap .leader_mem .name_mem h2 {
    font-size: 30px;
    line-height: 1.1;
    border-bottom: 1px solid;
    padding-bottom: 1vw;
    font-family: 'frutiger_lt_arabic55_roman';
    transition: all .5s ease;
}

.tabs-content .leader_wrap .leader_mem .name_mem p {
    margin-top: 1vw;
    font-size: 22px;
    font-family: 'frutiger_lt_arabic55_roman';
    transition: all .5s ease;
}
.tabs-content .leader_wrap .leader_mem:hover .img_mem img {
    top: 3px;
}

.tabs-content .leader_wrap .leader_mem:hover .name_mem h2 {
    color: #CF202E;
}
.tabs-content .leader_wrap .leader_mem .name_mem a,a:active{
	text-decoration :none;
	color: #CF202E;
}
.tabs-content .leader_wrap .leader_mem:hover .name_mem p {
    color: #CF202E;
    /*padding-bottom: .5vw;*/
}
.top_boxes.invest {
    grid-template-columns: repeat(3, 1fr);
    width: 50%;
}

.invest_wrap {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 12vw;
}

.invest_wrap .img_invest {
    width: 40%;
}

.invest_wrap .img_invest img {
    width: 100%;
}

.invest_wrap .text_invest {
    width: 60%;
    padding: 2vw 10vw 2vw 2vw;
    background: #fff;
    position: relative;
    left: -5vw;
    border-left: 4px solid #CF202E;
}
.news-title h2
{
	font-size: 50px !important;
}

.invest_wrap .text_invest h2 {
    font-size: 70px;
    font-family: 'frutiger_lt_arabic65_bold';
    color: #2C2826;
    line-height: 1;
    margin-bottom: 2vw;
}

.invest_wrap .text_invest > p {
    font-size: 22px;
    line-height: 1.2;
}

.invest_wrap .text_invest a {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -25%;
    left: 15%;
    overflow: hidden;
}
.invest_wrap .text_invest a::before {
    content: "";
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #CF202E;
    transition: all .5s ease;
}

.invest_wrap .text_invest a:hover::before {
    left: 0;
}
.invest_wrap .text_invest a:hover p {
    margin-left: .5vw;
}

.invest_wrap .text_invest a svg {
    width: 30px;
}

.invest_wrap .text_invest a p {
    font-size: 20px;
    margin-left: 1vw;
    color: #CF202E;
    font-family: 'frutiger_lt_arabic55_roman';
    transition: all .5s ease;
}

.add_infor {
    margin: 0 7vw;
    border: 1px solid #2C2826;
    border-radius: 35px;
    padding: 6vw 15vw 6vw;
    margin-bottom: 8vw;
}

.add_infor h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 2vw;
    color: #2C2826;
    font-family: 'frutiger_lt_arabic75_black';
}

.add_infor a {
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
    position: relative;
}
.add_infor a.first::after {
	content: "";
	position: absolute;
	left: 8%;
	bottom: 0;
	width: 92%;
	height: 1px;
	background: #2C2826;
}
.add_infor a h3 {
    font-size: 28px;
    color: #2C2826;
    font-family: 'frutiger_lt_arabic65_bold';
}

.add_infor a p {
    font-size: 28px;
    color: #2C2826;
    font-family: 'frutiger_lt_arabic55_roman';
}

.add_infor a svg {
    margin-right: 1.5vw;
    width: 40px;
}
.equity_head
{
	border-bottom: 1px solid #A2A2A2;
	margin: 7vw 5vw 0;
	position: relative;
}
.equity_head .text_head
{
    padding: 0vw 5vw 2vw;
}
.equity_head .text_head h2
{
	font-size: 90px;
	font-weight: 700;
	color: #CF202E;
	line-height: 100px;
	font-family: 'frutiger_lt_arabic65_bold';
	margin-bottom: 7vw;
	padding-right: 5vw;
}
.equity_head .text_head p
{
	font-size: 25px;
	color: #2C2826;
	font-weight: 400;
	line-height: 42px;
	padding-right: 6vw;
	font-family: 'frutiger_lt_arabic55_roman';
}
.equity_head .text_head .divp
{
	font-size: 25px;
	color: #2C2826;
	font-weight: 400;
	line-height: 42px;
	padding-right: 6vw;
	font-family: 'frutiger_lt_arabic55_roman';
}

.equity_head .text_head .divp
{
	font-size: 25px;
	color: #2C2826;
	font-weight: 400;
	line-height: 42px;
	padding-right: 6vw;
	font-family: 'frutiger_lt_arabic55_roman';
}

.equity_head .text_head .vector{
    margin-bottom: 3vw;
    position: relative;
    right: 2vw;
    bottom: 3vw;
}
.equity_head .text_head .vector img{content: url('/Style Library/Abic/en/images/vector.png');}

.equity_head .text_head h3
{
	font-size: 55px;
	color: #2C2826;
	font-family: 'frutiger_lt_arabic65_bold';
	font-weight: 700;
	line-height: 65px;
	width: 40%;
}
.equity_head.col_after
{
	border: none;
}
.swiper.mainSwiper .swiper-slide img {
    width: 100%;
    object-fit: cover;
    height: inherit;
}

ul.dropdown-red {
    /* z-index: 1; */
    /* position: absolute; */
    /* top: 5.5vw; */
    /* width: 100%; */
    /* right: 0; */
    background: #C20221;
    padding: 0;
    text-align: center;
    display: none;
}
.dropdown.login-btn {
    /* height: 5.5vw; */
}

ul.dropdown-red li {
    border-top: 1px solid #ffffff52;
    margin: 0;
    /*padding: 15px 0;*/
}
ul.dropdown-red li > a{
    padding: 15px 4vw;
    text-align: center;
}
ul.sub_red {
    padding: 0;
}

ul.dropdown-red li a {
    width: 100%;
    display: inherit;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align:center
}

ul.dropdown-red li:hover a {
    color: #fff;
    font-weight: 100;
}

/*for tabs*/
.tab-nav{
	width: 75%;
	margin: auto;
	grid-gap: 6px;
	margin-top: 40px;
}
.tab-nav ul{
	display: flex;
	border-bottom: 1px solid #000;
}
.tab-nav ul li {
	position: relative;
	margin-right: 40px;
}
.tab-nav ul li:last-child {
	margin-bottom: 0;
}
.tab-nav ul li a{
	font-size: 34px;
	line-height: 40px;
	color: #2C2826;
	font-weight: 800;
	padding: 0 0 30px;
	display: block;
	font-family: 'frutiger_lt_arabic65_bold';
}
.tab-nav ul li:before {
	position: absolute;
	content: '';
	bottom: -1px;
	left: 50%;
	width: 40px;
	height: 21px;
	background: url(../images/tab-arrow.jpg) no-repeat;
	background-size: 100%;
	margin: 0 0 0 -20px;
	transition: all .5s ease-in-out;
	/* display: none; */
	opacity: 0;
	visibility: hidden;
}
.tab-nav ul li.active:before,
.tab-nav ul li:hover:before {opacity: 1;visibility: visible;} 
.sub-tab,
.tab {
	display: none;
}
.sub-tab.active,
.tab.active {
	display: block;
}
.ltd_sec
{
    padding: 0vw 7vw;
}
.ltd_sec h2
{
    font-weight: 700;
    font-size: 64px;
    line-height: 65px;
    font-family: 'frutiger_lt_arabic65_bold';
    margin-bottom: 3vw;
    width:70%;
}
.ltd_sec .red
{
	color: #CF202E;
}
.ltd_sec h3
{
	font-weight: 400;
	font-size: 38px;
	line-height: 45px;
	font-family: 'frutiger_lt_arabic55_roman';
	position: relative;
	margin-bottom: 3vw;
	padding-right: 7vw;
}
.ltd_sec h3:before
{
	content: "";
	position: absolute;
	width: 6px;
	height: 90%;
	background: #CF202E;
	left: -20px;
	top: 10px;
}
.ltd_sec p
{
	font-weight: 400;
	font-size: 30px;
	line-height: 40px;
	padding-right: 14vw;
	padding-bottom: 1vw;
    font-family: 'frutiger_lt_arabic55_roman';
}
.ltd_sec .divp
{
	font-weight: 400;
	font-size: 30px;
	line-height: 40px;
	padding-right: 14vw;
	padding-bottom: 1vw;
    font-family: 'frutiger_lt_arabic55_roman';
}

.ltd_sec .ltd_lis_sec{
    padding: 3vw 0vw;
	position: relative;
}
.ltd_sec .ltd_lis_sec:after
{
	content: "";
	position: absolute;
	left: -3vw;
	width: 105%;
	height: 1px;
	background: rgba(44, 40, 38, .5);
	top: 0;
}
.ltd_sec .ltd_lis_sec p
{
	font-weight: 400;
	color: #2C2826;
	padding-bottom: 0;
    font-family: 'frutiger_lt_arabic55_roman';
    font-size: 25px;
}
.ltd_sec .ltd_lis_sec p:after
{
	display: none;
}
.ltd_sec .ltd_lis_sec .divp
{
	font-weight: 400;
	color: #2C2826;
	padding-bottom: 0;
    font-family: 'frutiger_lt_arabic55_roman';
    font-size: 25px;
}
.ltd_sec .ltd_lis_sec .divp:after
{
	display: none;
}

.vector_img
{
	position: relative;
}
 .vector_img img{
 content:url("/Style Library/Abic/en/images/vector.png");
    position: relative;
    right: 2vw;
    bottom: 3vw;
}
.open_sec{
    background-color: #F1F1F1;
    border-bottom-left-radius: 100px;
    margin-bottom: 7vw;
    border-top: solid 5px #CF202E;
}
.open_sec .text{
    padding: 7vw 15vw;
    display: flex;
}
.open_sec .text .left{
    width: 20%;
}
.open_sec .text .left svg{}
.open_sec .text .right{
    width: 60%;
}
.open_sec .text .right h2
{
	font-weight: 700;
	font-size: 70px;
	line-height: 80px;
	color: #2C2826;
	margin-bottom: 2vw;
	font-family: 'frutiger_lt_arabic65_bold';
}
.open_sec .text .right h3
{
	font-weight: 400;
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 2vw;
}
.open_sec .text .right .open_acount{
}
.open_sec .text .right .open_acount a
{
	border: 1px solid #C20221;
    padding: 5px 30px 7px;
    margin: 0vw 1vw 0vw 0vw;
    font-size: 20px;
    color: #C20221;
    border-radius: 40px;
    font-size: 17px;
    position: relative;
    z-index: 1;
    transition: all .5s ease-in-out;
    line-height: inherit;
    overflow: hidden;
    font-family: 'frutiger_lt_arabic65_bold';
}
.open_sec .text .right .open_acount a:hover
{
	background: #CF202E;
    border: 1px solid #CF202E;
    color: #fff;
}
.new_para{
    padding: 0vw 3vw;
}
.new_para p
{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.new_para p a
{
	color: #000;
    text-decoration: underline;
}
.ltd_sec.col_omfm
{
	margin-bottom: 7vw;
}
.ltd_sec.col_omfm h2
{
	color: #2C2826;
	margin-bottom: 3vw;
	font-size: 60px;
	line-height: 70px;
}
.ltd_sec.col_omfm h3
{
	margin-bottom: 2vw;
}
.ltd_sec.col_omfm p{}
.main_capital_sec{
    width: 60%;
    position: relative;
    left: 12vw;
    border-top: 4px solid #CF202E;
    padding: 2vw 2vw;
    background: #fff;
    margin-bottom: 3vw;
    margin-top: -4vw;
}
.main_capital_sec .cap_img{}
.main_capital_sec .cap_img img{}
.main_capital_sec .capital_text{}
.main_capital_sec .capital_text h2
{
	font-weight: 700;
	font-size: 70px;
	line-height: 80px;
	margin-bottom: 3vw;
	font-family: 'frutiger_lt_arabic65_bold';
}
.main_capital_sec .capital_text h3
{
	font-weight: 400;
	font-size: 25px;
	line-height: 32px;
	margin-bottom: 3vw;
	font-family: 'frutiger_lt_arabic55_roman';
	padding-right: 5vw;
} 
.main_capital_sec .capital_text p
{
	font-weight: 400;
	font-size: 28px;
	padding-bottom: 15px;
	font-family: 'frutiger_lt_arabic55_roman';
}
.main_capital_sec .capital_text .divp
{
	font-weight: 400;
	font-size: 28px;
	padding-bottom: 15px;
	font-family: 'frutiger_lt_arabic55_roman';
}

.main_capital_sec .capital_text .ltd_lis_sec p
{
	font-weight: 400;
	font-size: 19.9392px;
	line-height: 32px;
	color: #2C2826;
	padding-bottom: 0;
	font-family: 'frutiger_lt_arabic55_roman';
	margin-bottom: 0;
} .main_capital_sec .capital_text .ltd_lis_sec .divp
{
	font-weight: 400;
	font-size: 19.9392px;
	line-height: 32px;
	color: #2C2826;
	padding-bottom: 0;
	font-family: 'frutiger_lt_arabic55_roman';
	margin-bottom: 0;
} 
.main_capital_sec .capital_text .ltd_lis_sec p:after
{
	display: none;
}

.main_capital_sec .capital_text .ltd_lis_sec .divp:after
{
	display: none;
}
.open_sec.col_phone{
    background: #fff;
    border-top: solid;
    border-bottom: solid;
    border-radius: 0;
    margin: 0vw 4vw;
    margin-bottom: 7vw;
}
.open_sec.col_phone .text
{
	padding: 5vw 0vw 5vw 10vw;
	align-items: center;
}
.open_sec.col_phone .text
{
	font-size: 30px;

}
.open_sec.col_phone .text .left{
    margin-right: 5vw;
}
.open_sec.col_phone .text .left img
{
	width: 100%;
}
.open_sec.col_phone .text .right{
    padding: 0;
}

.main_list{
    border-top: solid 2px rgba(0, 0, 0, .5);
    padding: 0vw;
    position: relative;
    bottom: 5vw;
    margin: 0vw 4vw;
}
.main_list .ltd_lis_sec
{
	width: 60%;
	position: relative;
	left: 10vw;
	background: #fff;
	top: 3vw;
}
.main_list .ltd_lis_sec p
{
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #373737;
    font-family: 'frutiger_lt_arabic55_roman';
    margin-bottom: 10px;
}
.main_list .ltd_lis_sec .divp
{
    font-weight: 400;
    font-size: 25px;
    line-height: 45px;
    color: #373737;
    font-family: 'frutiger_lt_arabic55_roman';
    margin-bottom: 10px;
}

.center_sec
{
	position: relative;
	/*margin-bottom: 10vw;*/
	padding: 0vw 7vw;
	width: 100%;
}
.center_sec .center{
    /*display: grid;*/
    /*grid-template-columns: 55% 45%;*/
    position: relative;
    top: 7vw;
    display: flex;
    /*margin-bottom: 10vw;*/
}
.center_sec .center::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    height: 100%;
    border-top: solid 4px #CF202E;
    width: 65%;
    z-index: -1;
}
.center_sec:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 90%;
	background: #EAEAEA;
	z-index: -1;
	right: 0;
}
.center_sec .center .left{
    background: #ffff;
    border-top: solid 4px #CF202E;
    padding: 2vw 2vw 0 2vw;
    width: 50%;
}
.center_sec .center .left h2
{
	font-weight: 700;
	font-size: 70px;
	line-height: 90px;
	padding-right: 3vw;
}
.center_sec .center .right 
{
	position: relative;
	top: 5vw;
	/*right: 13vw;*/
	width: 50%;
}
.center_sec .center .right  img{
	width: 100%;
}
.center_sec p
{
	font-weight: 400;
	font-size: 30px;
	line-height: 48px;
}
.ltd_sec.col_tec
{
	margin-bottom: 5vw;
	padding: 0vw 7vw;
	margin-top: 14vw;
}
.ltd_sec.col_tec p
{
	padding-right: 5vw;
	padding-bottom: 2vw;
}
.ltd_lis_sec.col_lcd
{
	width: 100%;
	left: 0;
	padding: 0vw 3vw;
}
.main_plus
{}
.main_plus .plus_sec
{
	padding: 5vw 7vw;
	width: 80%;
}
.main_plus .plus_sec .plus{
    display: flex;
    align-items: center;
    margin-bottom: 3vw;
}
.main_plus .plus_sec .plus h2
{
	font-weight: 800;
	font-size: 60px;
	color: #CF202E;
	font-family: 'frutiger_lt_arabic75_black';
}
.main_plus .plus_sec .plus .plus_btn{
    margin-left: 1vw;
    position: relative;
}
.main_plus .plus_sec .plus .plus_btn a
{
    border-radius: 28px;
    border: 1px solid #000000;
    padding: .8px  30px;
    color: #CF202E;
    font-size: 30px;
    transition: all .5s ease-in-out;
    font-family: 'frutiger_lt_arabic65_bold';
}
/*.main_plus .plus_sec .plus .plus_btn a:after{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	content: "";
	transition: all .5s ease-in-out;
	color: transparent;
	background: #CF202E;
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: 15px;
}*/
/*.main_plus .plus_sec .plus .plus_btn a:hover:after{
	opacity: 1;
	visibility: visible;
	height: 100%;
}*/
.main_plus .plus_sec .plus .plus_btn a:hover
{
	color: #fff;
	background: #CF202E;
	border:1px solid #CF202E;
}
.main_plus .plus_sec > h2
{
	font-weight: 800;
	font-size: 45px;
	line-height: 55px;
	color: #2C2826;
	margin-bottom: 2vw;
	font-family: 'frutiger_lt_arabic65_bold';
}
.main_plus .plus_sec h3
{
	font-weight: 400;
	font-size: 28px;
	line-height: 45px;
	margin-bottom: 2vw;
	padding-right: 5vw;
}

.main_plus .main_list{}
.main_plus .main_list .ltd_lis_sec {
    width: 100%;
    left: 0;
    padding: 0vw 3vw;
}
.informatin_sec.col_new_inter
{
	padding: 0vw 10vw;
}
.main_sharia .ltd_sec.col_omfm
{
	margin-bottom: 8vw;
}
.main_sharia .ltd_sec.col_omfm h3
{
	font-weight: 400;
	font-size: 30px;
	line-height: 48px;
}
.main_sharia .ltd_sec.col_omfm h4
{
	font-weight: 700;
	font-size: 55px;
	line-height: 65px;
	color: #CF202E;
	font-family: 'frutiger_lt_arabic65_bold';
	margin-bottom: 3vw;
}
.main_sharia .ltd_sec.col_omfm .ltd_lis_sec:after
{
	display: none;
}
.main_sharia .ltd_sec.col_omfm .ltd_lis_sec
{
	padding: 0;
	margin-bottom: 7vw;
}
.main_sharia .main_list{
    margin-bottom: 5vw;
}
.main_sharia .main_list .ltd_lis_sec
{
    width: 100%;
    left: 0;
    padding: 0vw 3vw;
}
.main_sharia .main_list .ltd_lis_sec h2
{
	font-weight: 800;
	font-size: 45px;
	color: #2C2826;
	line-height: 50px;
	font-family: 'frutiger_lt_arabic65_bold';
	margin-bottom: 2vw;
}
.tab-nav.col_new_tab
{
	width: 100%;
	padding: 0vw 7vw;
}
.top_boxes.col_new_box
{
	width: 100%;
	padding: 0vw 7vw;
	grid-template-columns: repeat(5, 1fr);
}

.mutuaswiper .equity h2,
.exchangeswiper .equity h2 {
	transition: all .5s ease-in-out;
}
.mutuaswiper .swiper-slide-active .equity h2,
.exchangeswiper .swiper-slide-active .equity h2{
	color: #CF202E;
}
.mutuaswiper .equity,
.exchangeswiper .equity {
	padding: 0 0 30px 30px;
}
.mutuaswiper .swiper-slide-active .equity,
.exchangeswiper .swiper-slide-active .equity {
	background: url(../images/vector.png) no-repeat;
	background-position: left bottom;
}
.equity_sec.etf_sec
{
	margin-bottom: 5vw;
}
.advant_wrap.col_ben
{
	margin-bottom: 2vw;
}
.advant_wrap.col_ben h2
{
	line-height: 60px;
}
.advant_wrap.col_ben .main_text .text_sec{
	padding: 2vw 4vw;
}
.advant_wrap.col_ben .main_text .all_btn
{
	margin-bottom: 0;
}
.advant_wrap.col_ben .main_text .text_sec p
{
	font-size: 23px;
}
.advant_wrap.col_ben .main_text .text_sec .divp
{
	font-size: 23px;
}

.advant_wrap.col_new_advant
{
	margin-bottom: 2vw;
}
.advant_wrap.col_new_advant h2
{
	line-height: 60px;
}
.advant_wrap.col_new_advant .main_text{}
.advant_wrap.col_new_advant .main_text .text_sec{}
.advant_wrap.col_new_advant .main_text .text_sec p
{
	font-size: 30px;
	margin-bottom: 0;
}
.advant_wrap.col_new_advant .main_text .all_btn
{
	margin-bottom: 0;
}
.advant_wrap.col_ben.profile
{
	margin-bottom: 10vw;
}
.slider_anim_div.col_stat_over {
    height: 85vh;
}
.slider_anim_div.col_stat_over .new_slide_sec {
    width: 100%;
    padding: 0vw 15vw;
}
.slider_anim_div.col_stat_over .new_slide_sec .stat
{
	font-weight: 700;
	font-size: 55px;
	color: #2C2826;
	margin-bottom: 5vw;
	font-family: 'frutiger_lt_arabic55_roman';
}
.slider_anim_div.col_stat_over .new_slide_sec .grid-wrap{}
.slider_anim_div.col_stat_over .new_slide_sec .grid-wrap .grid{}
.suk_basket{
	padding: 0vw 7vw;
	margin-bottom: 5vw;
}
.suk_basket h2
{
	font-weight: 700;
	font-size: 40px;
	/*font-family: 'frutiger_lt_arabic55_roman';*/
	font-family: 'frutiger_lt_arabic75_black';
	margin-bottom: 3vw;
}
.suk_basket p
{
	font-weight: 400;
	font-size: 23px;
	line-height: 35px;
	color: #373737;
	width: 90%;
    font-family: 'frutiger_lt_arabic55_roman';
}.suk_basket .divp
{
	font-weight: 400;
	font-size: 23px;
	line-height: 35px;
	color: #373737;
	width: 90%;
    font-family: 'frutiger_lt_arabic55_roman';
}

.funds-table-main p
{
	font-weight: 400;
	font-size: 26px;
	color: #373737;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	font-family: 'frutiger_lt_arabic55_roman';
	margin-bottom: 10px;
}
.funds-table-main .divp
{
	font-weight: 400;
	font-size: 26px;
	color: #373737;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	font-family: 'frutiger_lt_arabic55_roman';
	margin-bottom: 10px;
}


.funds-table-main.col_new_table table
.funds-table-main.col_new_table table
{
	margin-bottom: 3vw;
}
.funds-table-main.col_new_table table tr td:first-child
{
	text-align: center;
}
.funds-table-main.col_new_table table .total
{
	border-bottom: solid;
}
.funds-table-main.col_new_table table .total_kg
{
	background: none;
	border-bottom: 1px solid #777777;
}
.funds-table-main.col_new_table table .total:before
{
	background: none;
}
.funds-table-main.col_new_table .all_btn
{
	margin: 0;
}
.funds-table-main.col_new_table .all_btn a
{
	margin: 0;
}
.funds-table-main.col_table_report {
    padding: 0 60px 50px;
}
.funds-table-main.col_table_report h2
{
	font-weight: 700;
	font-size: 55px;
	line-height: 70px;
	color: #2C2826;
	font-family: 'frutiger_lt_arabic65_bold';
	padding: 0vw 3vw;
	margin-bottom: 2vw;
}
.funds-table-main.col_table_report .table-funds tr{}
.funds-table-main.col_table_report .table-funds th{}
.funds-table-main.col_table_report .table-funds td
{
	color: #2C2826;
    font-family: 'frutiger_lt_arabic55_roman';
}
.equity_head.col_debt
{
	border-bottom: none;
}
.buttn.btn_pdf
{
	text-align: end;
	margin-right: 2vw;
}

a#back-to-up {
    position: fixed;
    bottom: 4%;
    right: 2.5%;
    z-index: 1;
}
a#back-to-up:hover
{
	background:none;
}
a#back-to-up img {
width:70%;
}
.all_btn a:nth-child(1) {
    border: 1px solid #CF202E;
    color: #fff;
    background: #CF202E;
}

.all_btn a:nth-child(1):hover {
    border: 1px solid #000000;
    color: #000000;
    background: transparent;
}
.sidebar ul li:first-child > ul {
	display: none;
}
.innerPage .sidebar{
	left: -100%;
}
.view-more-btns button{
	background: #fff;
	border: 1px solid #ccc;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.view-more-btns button .icon{
	position: relative;
	width: 14px;
}
.view-more-btns button .icon:before,
.view-more-btns button .icon:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000;
	transition: all .5s ease;
}
.view-more-btns button .icon:after {
	transform: rotate(90deg);
}
.view-more-btns button.active .icon:after{
	transform: rotate(0);	
}
.view-more-btns {
    padding: 0 7vw;
    margin: 0 0 50px
}

.view-more-btns button span.text {
    margin: 0 10px 0 0;
}
ul.drop-red {
    position: absolute;
    background: #C20221;
    width: 100%;
    left: 0;
    text-align: center;
    top: 103%;
    border-bottom-left-radius: 15px;
    visibility: hidden;
    opacity: 0;
    /*transform: translate(0, 25px);*/
    transition: all .5s ease;
}

.dropdown.login-btn:hover ul.drop-red{
	opacity: 1;
    visibility: visible;
    /*transform: translate(0px, 0px);*/
}
ul.drop-red li{
	font-size: 1.1vw;
	color: white;
	padding: 12px 0;
	border-top: 1px solid #ffffff4f;
}
ul.drop-red li a{
	
	color: white;
	
}
.err
{
	border-color: rgb(194 2 33) !important;
}
.succ
{
	border-color: rgb(4 124 20) !important;
	}
	.errmsg
{
line-height: 75px;
	color: rgb(194 2 33) !important;
	font-size:18px;
}
.succmsg
{
line-height: 75px;
	color: rgb(4 124 20) !important;
	font-size:18px;
}

/*new CSS*/

/* new css */
.text-vals {
    display: none;
    visibility: hidden;
}
.text-vals.active {
    display: block;
    visibility: visible;
}

/*page-not-found*/
.page-not-found {
	padding: 7vw 0 5vw;
}
.not-found-head{
	display: flex;
	position: relative;
	justify-content: center;
	margin: 0;
}
.not-found-head:before{
	content: '';
	top: 50%;
	position: absolute;
	left: 0;
	background: rgba(194, 2, 33, 1);
	height: 1px;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1;
}
.not-found-head h2 {
	font-weight: 700;
	font-size: 160px;
	line-height: 1;
	color: #C20221;
	font-family: 'frutiger_lt_arabic65_bold';
	background: #fff;
	z-index: 2;
	padding: 0 3vw;
}
.not-found-body {
	text-align: center;
	color: #695A53;
}
.not-found-body h3{
	text-align: center;
	color: #695A53;
	font-weight: 700;
	font-size: 70px;
	font-family: 'frutiger_lt_arabic65_bold';
	line-height: 1;
	margin: 0 0 14px;
}
.not-found-body p{
	font-weight: 400;
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 50px;
	font-family: 'frutiger_lt_arabic55_roman';
	/* padding: 0 18vw; */
	width: 42%;
	margin: 0 auto 4vw;
}
.not-found-body .link  {
	display: flex;
	justify-content: center;
}
.not-found-body .link  a{
	background: #CF202E;
	border: 1px solid #C20221;
	border-radius: 30px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	color: #fff;
	padding: 14px 60px;
	transition: all .5s ease-in-out;
}
.not-found-body .link  a:hover{
	background: transparent;
	color: #CF202E;
}
/* search-results page  */
.search-page-main {

	padding: 5vw 0;
}
.search-head {
    margin: 0 0 5vw;
}
.search-head .form-group{
	position: relative;
	margin: 0 0 14px;
}
.search-head .form-group .search-icon{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 26px;
	height: 26px;
	z-index: 1;
}
.search-head .form-group .search-icon svg{
	fill:#695A53;
	transition: all .5s ease-in-out;
}
.search-head .form-group .search-icon:hover svg {
	fill: #C20221;
}
.search-head .form-group input{
	position: relative;
	background: transparent;
	border-width: 0 0 1px 0;
	border-color: #695A53;
	border-radius: 0;
	box-shadow: none;
	padding: 0 50px 0 4vw;
	font-size: 3vw;
	line-height: 1;
	color: #695A53;
}
.search-head .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #695A53;
	opacity: 1; /* Firefox */
}
.search-head .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #695A53;
}
.search-head .form-group input::-ms-input-placeholder { /* Microsoft Edge */
	color: #695A53;
}
.search-head ul {
	padding: 0 0 0 3vw;
	display: flex;
}
.search-head ul li{
	padding: 0 1vw;
}
.search-head ul li a{
	
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #695A53;
	transition: all .5s ease-in-out;
}
.search-head ul li.active a,
.search-head ul li:hover a{
	color: #C20221;
}
.search-body ul {

display: flex;

justify-content: end;

margin: 0 0 3vw;

flex-direction: row-reverse;
}
.search-body li{
	
	margin: 0 0 0 12px;
}
.search-body li a{
	display: flex;
	background: #fff;
	border: 1px solid #695A53;
	padding: 8px 16px 9px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #695A53;
	font-family: 'frutiger_lt_arabic65_bold';
	align-items: center;
	position: relative;
}
.search-body li a svg {
	margin: 0 0 0 10px;
	position: absolute;
	top: 12px;
	right: 13px;
	width: 14px;
	height: 14px;
	transition: all .5s ease-in-out;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}
.search-body li.active svg {
	margin: 0 0 0 10px;
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.search-body li.active a {
	padding: 8px 36px 9px 16px;
}
.search-body li.active a,
.search-body li:hover a{
	background: #C20221;
	color: #fff;
	border-color: #C20221;
}
.results-area {

padding: 0 0 0 4vw;
}
.results-area .box {
	display: flex;
	align-items: center;
	margin: 0 0 40px;
}
.results-area .box .left{
	width: 27%;
	padding: 0 2vw 0 0;
	position: relative;
}
.results-area .box .left h2{
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: #695A53;
	font-family: 'frutiger_lt_arabic65_bold';
}
.results-area .box .right{
	width: 73%;
	display: flex;
	/* justify-content: space-between; */
	position: relative;
	align-items: center;
}
.results-area .box .right:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: #C20221;
}
.results-area .box .right.withoutImage {
    padding: 0 5vw 30px 0;
}
.results-area .box .right.withoutImage p{
	width: 100%;
}
.results-area .box .right p{
	width: 67%;
	font-size: 20px;
	line-height: 26px;
	color: #373737;
	font-family: 'frutiger_lt_arabic55_roman';
	padding: 0 10vw 0 2vw;
}
.results-area .box .right .img {
    width: 33%;
}
.results-area .box .right img{
	width: 100%;
	margin: 0 0 -4px;
}
/* Pagination links */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2vw 0 0;
}
.pagination a.item {
	color:#000;
	text-decoration: none;
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 1;
	line-height: 1;
	display: flex;
	justify-content: center;
	transition: all .5s ease-in-out;
}
.dash {
	margin:0 13px 0 10px;
}
.dots {
	font-size: 26px;
	margin:0 13px 0 10px;
	font-weight: 500;
}
.pagination a.prev-page,
.pagination a.next-page {
	line-height: normal;
}
.pagination a.prev-page {
	margin-right: 14px;
}
.pagination a.next-page {
	margin-left: 14px;
}
.pagination a.prev-page svg,
.pagination a.next-page svg{
	fill: #000;
	margin: 0 0 5px;
	transition: all .5s ease-in-out;
}
.pagination a.prev-page:hover svg,
.pagination a.next-page:hover svg{
	fill: #C20221;
}
.pagination a.prev-page {
/*	transform: rotate(180deg);*/
}
/* Style the active/current link */
.pagination a.item:hover {
	color: #C20221;
}
.pagination a.item.active {
	font-weight: bold;
	font-family: 'frutiger_lt_arabic65_bold';
}
.search-result-not-found {
	padding: 5vw 0;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}
.search-result-not-found p {
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	color: #695A53;
	width: 40%;
}
.search-result-not-found p span {
	color: #C20221;
}
.search-result-not-found svg {
    width: 80px;
    height: 80px;
}

.search-result-not-found .img {
    margin: 0 0 30px;
}

.brok a h2{
	width:30% !Important;
}
/*
.reveal{
	position:relative;
}

.reveal::after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	background: #fff;
	transform: translateX(0%);
	transition: all 1s cubic-bezier(.16,.67,.67,.98) .5s;
}
.reveal.show:after {
	left: 100%;
}
*/
#s4-bodyContainer{
	    padding-bottom: 0px !important;
}
.ms-long
{
	width:70% !important;
	}

.is-invalid
{
	border-bottom:1px solid #C20221;
}
.ms-SPZoneLabel ,.ms-WPAddButton ,.ms-wpadder,.ms-dlgContent,.ms-ToolPaneOuter,.ms-ToolPaneOuter select,.ms-ToolPaneOuter input,.ms-ToolPaneOuter label
{ font-size: initial !important;}

/*new Styles 1-10-2-23*/
.slider_anim_div {
    height: auto;
}
.new_slide_sec {
	position: relative;
}
.sub-heads-sw {
	position: relative;
}
.sub-heads-sw h2 {
    display: none;
    visibility: hidden;
}
.sub-heads-sw h2.active {
    display: block;
    visibility: visible;
}
.mutul_slider .equity h2 {
    height: 120px;
    overflow:hidden;
}

ul.drop-red > li > ul {
	position: absolute;
   	width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    margin: 12px 0 -12px;
}
ul.drop-red > li > ul.show-m {
	position: relative;
	visibility: visible;
    opacity: 1;
    display: block;
}
ul.drop-red {
    top: 100%;
}
.para.col_para .divp {
    font-family: 'frutiger_lt_arabic55_roman';
}
.main_plus .plus_sec .plus .plus_btn a {
    border-radius: 12px;
}
.equity_head .text_head h3 {
	width: 100%;
}

.binner-wrap .text {
    width: 50%;
}

.sub-mb-menu {
	transition: all .2s ease;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.sub-mb-menu.active {
	height: auto;
	opacity: 1;
	visibility: visible;
}

/*Accord*/
ul.accordion-list li div.answer a {
    display: inline-flex;
    overflow: hidden;
	position: relative;
	align-items: center;
}
ul.accordion-list li div.answer a::before {
    content: "";
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #CF202E;
    transition: all .5s ease;
}
ul.accordion-list li div.answer a svg {
    width: 26px;
}
ul.accordion-list li div.answer a > p {
    font-size: 20px;
    margin-left: 1vw;
    color: #CF202E;
    font-family: 'frutiger_lt_arabic55_roman';
    transition: all .5s ease;
    margin-bottom: 0;
    padding: 0;
}
ul.accordion-list li div.answer a:hover::before {
    left: 0;
}
