@font-face {
    font-family: Cairo-SemiBold;
    font-weight: 600;
    font-style: normal;
    src: url(https://fonts.bunny.net/cairo/files/cairo-arabic-600-normal.woff2) format('woff2'), url(https://fonts.bunny.net/cairo/files/cairo-arabic-600-normal.woff) format('woff');
}

@font-face {
    font-family: Cairo-Light;
    font-weight: 300;
    font-style: normal;
    src: url(https://fonts.bunny.net/cairo/files/cairo-arabic-300-normal.woff2) format('woff2'), url(https://fonts.bunny.net/cairo/files/cairo-arabic-300-normal.woff) format('woff');
}

@font-face {
    font-family: Cairo-Medium;
    font-weight: 500;
    font-style: normal;
    src: url(https://fonts.bunny.net/cairo/files/cairo-arabic-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/cairo/files/cairo-arabic-400-normal.woff) format('woff');
}

@font-face {
    font-family: Cairo-Bold;
    font-weight: 700;
    font-style: normal;
    src: url(https://fonts.bunny.net/cairo/files/cairo-arabic-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/cairo/files/cairo-arabic-700-normal.woff) format('woff');
}



/*******************************/
body{
    font-family:'Cairo-Light';
}


.form-control:focus {

    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);

}



.btn.focus,

.btn:focus {

    outline: 0;

    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);

}



.container {

    max-width: 1440px;

    padding: 0px 96px;

    position: relative;

}



p {

    font-family: Cairo-Light;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



header {

    z-index: 100;

    position: relative;

}



.padding-right-0 {

    padding-right: 0px;

}



.padding-left-0 {

    padding-left: 0px;

}



a.top-nav-link {

    height: 19px;

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 400;

    font-size: 12px;

    line-height: 160%;

    color: #000000;

    margin-left: 20px;

}



.stock-price-header {

    background: #a0a1a3;

    display: flex;

    align-content: center;

    text-align: center;

    vertical-align: middle;

    justify-content: center;

    height: 29px;

}



.stock-price a{

    font-family: Cairo-Light;

    font-style: normal;

    font-weight: 600;

    font-size: 11px;

    line-height: 130%;

    text-align: center;

    text-transform: capitalize;

    color: #FFFFFF;

    padding: 8px;

}
marquee.newsTicker {
    font-style: normal;
    padding: 0 15px;
    color: #ffffff;
}
.newsTicker span.stockup, .newsTicker span.stockdown {
    color: #05B959;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px;
}
.newsTicker span.stockdown {
    color: #F63C3C;
}
i.pipe-sign {
    margin-right: 10px;margin-left: 10px;
}
button.search-btn-cta {
        background-color: #474C55;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin-right: -3px;
    border: 1px solid #474C55;
}
marquee.newsTicker i {
    font-style: inherit !important;
}

.desktop-language-link,

.mobile-language-link {

    font-family: Cairo-Bold !important;

}



/***************Search******************/



.togglesearch {

        background: transparent;

    position: absolute;

    top: 40px;

    right: 2.7%;

    width: auto;

    height: 32px;

    line-height: 29px;

    box-shadow: 0 0 10px rgb(0 0 0 / 50%);

    z-index: 10;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    display: none;

}



.togglesearch input[type="text"] {

    width: 200px;

    padding: 5px 5px;

    margin-left: 0px;

    border: 1px solid #474C55;

    outline: none;

    height: 33px;

}



.togglesearch input[type="button"] {

    width: 80px;

    padding: 0px 0;

    background: #474C55;

    color: #fff;

    margin-left: -6px;

    border: 1px solid #474C55;

    outline: none;

    cursor: pointer;

    height: 32px;

}



.main-menu-bar {

    background: rgba(255, 255, 255, 0.7);

    height: 102px;

}



.main-maga-menu-wrapper {

    padding: 0px 0px;

}



a.navbar-brand.home {

    padding: 0px;

}



a.navbar-brand.home img {

    width: 177px;

    height: auto;

}



.top-nav-link-wrapper {

    margin-bottom: 14px;

    margin-top: -9px;

}



.collapse.navbar-collapse.my-main-menu {

    display: block !important;

    float: right;

    text-align: right;

}



.main-maga-menu {

    justify-content: flex-end;

}



ul.dropdown-menu.megamenu {

    margin-top: 4px;

}



li.nav-item.dropdown.menu-large:hover ul.dropdown-menu.megamenu {

    display: block;

}



.list-unstyled li.nav-item a.nav-link:hover {

    color: #FFE300 !important;

}
.megamenu h5.dropdown-toggle::after {
        display:none;
    }


.megamenu {

    width: 800px;

    height: 260px;

    border: 0px;

    border-radius: 0px;

    padding: 40px 0px;

    left: auto;

    right: 32px;

    top: 55px;

    border: 1px solid rgba(214, 214, 214, 0.4);

}



.megamenu .row {

    margin-left: 0px;

    margin-right: 0px;

}




.sub-menu-outter-wrapper {

    padding-left: 40px !important;

}



li.sub-menu-main>ul>li {

    list-style: none;

    margin-bottom: 21px;

    font-family: 'Mulish';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



li.nav-item.active a.nav-link,

li.nav-item:hover a.main-menu-item {

    color: #FFE300 !important;

}



ul.megamenu li a.nav-link {

    margin-left: 0px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



li.nav-item a {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 700;

    font-size: 15px;

    line-height: 24px;

    color: #000000;

    margin: 0px 0px 0px 23px;

    padding: 0 0 0 23px !important;

}



li.nav-item a.active {

    color: #00000;

}



/*li.nav-item.dropdown.menu-large:hover ul.dropdown-menu.megamenu {    display: block !important;}*/



.megamenu h5 {

    font-family: 'Cairo-Bold';

    padding: 0px 0px;

    font-weight: 700;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

    margin-bottom: 28px;

}



.megamenu .col-md-4.col-lg-3 {

    border-right: 1px solid rgba(214, 214, 214, 0.4);

}



.col-md-4.col-lg-3:last-child {

    border: 0px;

}



.list-unstyled li.nav-item a.nav-link {

    padding: 3px 0px !important;

    background-color: transparent;

}



a.mobile-language-link {

    color: #000000;

    display: none;

}



/******************megamenu Start*****************/



.navbar-default {

    color: #fff;

    background-color: #ccc6c6;

    border-color: #aca1a2;

}



.navbar-default .navbar-nav>li>a {

    color: #fff;

}



.navbar-default .navbar-nav>.dropdown>a .caret {

    border-top-color: #fff;

    border-bottom-color: #fff;

}



.navbar-default .navbar-brand {

    color: #fff;

}



.menu-large {

    position: static !important;

}



.megamenu>li>ul {

    padding: 0;

    margin: 0;

}



.megamenu>li>ul>li {

    list-style: none;

}



.megamenu>li>ul>li>a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: normal;

    line-height: 1.428571429;

    color: #333333;

    white-space: normal;

}



.megamenu>li ul>li>a:hover,

.megamenu>li ul>li>a:focus {

    text-decoration: none;

    color: #262626;

    background-color: #f5f5f5;

}



.megamenu.disabled>a,

.megamenu.disabled>a:hover,

.megamenu.disabled>a:focus {

    color: #999999;

}



.megamenu.disabled>a:hover,

.megamenu.disabled>a:focus {

    text-decoration: none;

    background-color: transparent;

    background-image: none;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    cursor: not-allowed;

}



.megamenu.dropdown-header {

    color: #428bca;

    font-size: 18px;

}



.only-mobile {

    display: none;

}



/************************Header************************/



/************************Header END************************/



/* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */



.carousel-item1 {
    float: right !important;
    margin-right: -100% !important;
}
.carousel-item1.active {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 0px !important;
}
.hero-section {

    margin-top: -102px;

    position: relative;

    z-index: 1;

    height: 720px;

}
.carousel-control-prev {
      left: 0 !important;right: unset;
}


/* Carousel base class */



.carousel {

    margin-bottom: 4rem;

}



/* Since positioning the image, we need to help out the caption */



.carousel-caption1 {

    bottom: 0px;

    z-index: 10;

    top: 223px;

    left: 201px;

}



/* Declare heights because of positioning of img element */



.carousel-item1 {

    height: 32rem;

}



.carousel-item1>img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
    /*-webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/

}



.slider-title-heading {

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

    margin-bottom: 8px;

}



.slider-sub-heading {

    font-family: Cairo-Bold;

    color: #000000;

    font-weight: 700;

    font-size: 42px;

    line-height: 53px;

    letter-spacing: 0px;

}



.slider-content {

    font-family: Cairo-Medium;

    font-style: normal;

    font-weight: 400;

    font-size: 18px !important;

    line-height: 160% !important;

    color: #000000;

    opacity: 0.7;

    width: 586px;

    height: 87px;

    margin-bottom: 62px !important;

}



/*.fade-in-text {  animation: fadeIn 10s;}@keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}@-moz-keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}@-webkit-keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}@-o-keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}@-ms-keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}*/



.carousel-indicators1 li {

    background-color: #000000;

}



.slider-box {

    z-index: 9;

    box-sizing: border-box;

    position: absolute;

    width: 323px;

    height: 389px;

    left: 96px;

    top: 163px;

    border: 9px solid #FFFFFF;

}



.carousel-item1 {

    height: 720px;

}



.main-slider-cta {

    display: flex;

    justify-content: center;

    align-items: center;

    vertical-align: middle;

    padding: 19px 42px;

    width: 261px;

    height: 64px;

    background: #FFE300;

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 20px;

    color: #000000;

    margin-top: 74px;

}



a.main-slider-cta:hover {
    color: #000000;
    text-decoration: none;
    border: 2px solid #FFE300;
    background: transparent;
}



a.main-slider-cta img {
    width:30px;
    margin-bottom:5px;

    padding-left: 15px;

    padding-top: 7px;

}



.carousel-indicators1-number {

    font-family: Cairo-SemiBold;

    font-style: italic;

    font-weight: 500;

    font-size: 16px;

    line-height: 32px;

    text-transform: capitalize;

    color: #D6D6D6;

}



.carousel-indicators1-heading {

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    text-transform: capitalize;

    color: #333333;

}



.carousel-indicators1-content {

    width: 168px;

    height: 80px;

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 140%;

    color: #474C55;

}



.carousel-indicators1 {

    margin-right: 0;

    left: auto;

    right: 0;

    bottom: -36px;

}



.carousel-indicators1-container {

    background: #FFFFFF;

    padding: 24px;

    gap: 10px;

    width: 216px;

    height: 232px;

}



.carousel-indicators1-container.active {

    background-color: #000000;

}



.carousel-indicators1-container.active .carousel-indicators1-heading,

.carousel-indicators1-container:hover .carousel-indicators1-heading {

    color: #FFE300;

}



.carousel-indicators1-container.active .carousel-indicators1-content,

.carousel-indicators1-container:hover .carousel-indicators1-content {

    color: #ffffff;

}



ol.carousel-indicators1.left-bar {

    margin-left: 0;

    left: 6.2%;

    right: auto;

}



.carousel-indicators1-container:hover {

    cursor: pointer;

    background-color: #000000;

}



.left-carousel-indicators1 {

    margin-right: 0;

    left: auto;

    right: -30px;

    margin-left: 6.9%;

    bottom: 57px;

}



a.mobile-language-link {

    display: none;

}



img.bg-mobile-image {

    display: none;

}



.overlayer-block {

    display: none;

}



/*************** Home After hero section *******************/

/******************main-service-wrapper Start**********************/
.after-hero-service-section {
    padding: 30px 0px;
}
.service-heading {
    margin-bottom: 30px;
}
.main-service-wrapper {
    background: #F6F8FA;
    padding: 15px;
    float: left;
    width: 100%;
} 
.main-service-heading {
    font-family: Cairo-SemiBold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 160%;
    text-transform: capitalize;
    color: #333333;
}
.main-service-content {
    font-family: Cairo-SemiBold;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #474C55;
}
.main-service-wrapper:hover {
    text-decoration: none;
    background: #000000;
    cursor: pointer;
}
.main-service-wrapper:hover>h3.main-service-heading {
    color: #FFE300;
}
.main-service-wrapper:hover>p.main-service-content {
    color: #ffffff;
}
/******************main-service-wrapper END**********************/


.after-hero-section {

    margin-top: 81px;

}



.our-fund-row {

    align-items: flex-end;

}



.section-heading {

    font-family: Cairo-Light;

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #D6D6D6;

}



.section-main-heading {

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    position: relative;

    z-index: 9;

    margin-bottom: 0px;

}



span.heading-bold {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 2px;

    font-size: 36px;

}



span.heading-bold::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

}



.section-main-content {

    padding-left: 115px;

    position: relative;

    z-index: 2;

    margin-top: 35px;

    font-family: 'Cairo-SemiBold';
}



.our-fund-row .section-main-content p {

    width: 519px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.section-main-content::after {

    display: inline-block;

    content: "";

    position: absolute;

    top: 13px;

    left: 0px;

    width: 75px;

    height: 1px;

    /* border: 1px solid #000000; */

    z-index: -1;

    background: url(./assets/images/Line.svg);

}



a.btn.cta-btn {

    font-family: Cairo-Bold;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    align-items: center;

    color: #000000;

    padding: 16px 24px;

    border: 1px solid #000000;

    border-radius: 0px;

    margin-top: 20px;

}



a.btn.cta-btn:hover {
    border: 2px solid #FFE300;

}



.col-image-container {

    position: relative;

}



.bar-line-image {

    position: absolute;

    left: 0px;

}



.main-col-image {

    padding-top: 36px;

    padding-left: 57px;

}



img.our-funds-image {

    width: 477px;

    height: 608px;

}



.yellow-box-image {

    bottom: -31px;

    width: 160px;

    height: 160px;

    background: #FFE300;

    position: absolute;

}



.number-client {

    text-align: center;

    padding-top: 27.33%;

}



span.total-no-client {

    font-family: Cairo-Bold;

    font-style: normal;

    font-weight: 700;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    width: 100%;

    float: left;

}



span.no-client-label {

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 25px;

    color: #000000;

    width: 100%;

    float: left;

}



.number-client {

    text-align: center;

    padding-top: 27.33%;

}



/********************** how-to-invest-section ***********************/



.invest-content-top-gap {

    padding-top: 80px;

    margin-left: 41px;

}



.invest-content-top-gap p {

    width: 383px;

    height: 104px;

}



.how-to-invest-section {

    margin-bottom: 80px;

    margin-top: 115px;

}



.main-invest-col-image img {

    width: 100%;

}



.yellow-btn-box {

    bottom: 0px;

    position: absolute;

}



.gray-box-invest {

    background: #F6F8FA;

    padding-right: 0px;

    padding-left: 0px;

    flex: 0 0 94.5%;

    max-width: 94.5%;

    max-height: 1248px;

}



.invest-main-content {

    padding-left: 115px;

    position: relative;

    z-index: 2;

    margin-top: 26px;

}



.invest-main-content p::after {

    display: inline-block;

    content: "";

    position: absolute;

    top: 13px;

    left: 0px;

    width: 75px;

    height: 1px;

    /* border: 1px solid #000000; */

    z-index: -1;

    background: url(./assets/images/Line.svg);

}



.main-invest-col-image img {

    width: 608px;

    height: 531px;

}



ul.invest-list-item {

    padding-left: 10px;

}



.invest-list-item li {

    position: relative;

    margin-bottom: 24px;

    list-style: none;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.invest-list-item li::before {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    background: #FFFFFF;

    content: "";

    z-index: -1;

}



.feature-heading {

    font-family: Cairo-SemiBold;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    color: #000000;

}



.feature-detail {

    height: 104px;

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    width: 260px;

}



.feature-row-gap {

    padding-top: 105px;

    padding-left: 110px;

}



.feature-box {

    margin-bottom: 0px;

}



.feature-icon {

    margin-bottom: 15px;

    height: 38px;

    align-items: center;

    display: flex;

}



.col-md-invest-image {

    -ms-flex: 0 0 57.2%;

    flex: 0 0 57.2%;

    max-width: 57.2%;

}



.invest-image-container {

    width: 608px;

    height: 703px;

    float: right;

}



.invest-image-container {

    width: 608px;

    height: 703px;

    float: right;

    position: relative;

}



.bar-bottom-line-image {

    bottom: -32px;

    width: 160px;

    height: 160px;

    position: absolute;

    left: -32px;

}



/********************awards-achievements-section********************/
#mixedSlider {
    right: 524px;
}

span.awards-heading-bold {
    font-family: Cairo-Bold;
}
.post-date ,.post-content{
    text-align: right;

}



/*


.awards-achievements-section {

    padding-top: 123px;

}



.awards-achievements-col11-5 {

    flex: 0 0 100%;

    max-width: 100%;

    overflow: hidden;

    padding-left: 96px;

}



.post-row {

    background: #F6F8FA;

    padding: 75px 321px;

    margin-left: -217px;

    flex: 0 0 67%;

    max-width: 67%;

    overflow: hidden;
}




span.awards-heading-bold {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 0px;

    margin-right: 10px;

    padding: 2px;

    font-size: 36px;

}



span.awards-heading-bold::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

}



.wards-achievements-content {

    position: relative;

    z-index: 1;

    margin-top: 24px;

}



.wards-achievements-content p {

    width: 319px;

    height: 130px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    position: relative;

    margin-left: 107px;

    margin-bottom: 47px;

}



.wards-achievements-content::after {

    display: inline-block;

    content: "";

    position: absolute;

    top: 13px;

    left: 0px;

    width: 75px;

    height: 1px;


    z-index: -1;

    background: url(./assets/images/Line.svg);

}



.wards-achievements-content .section-cta-btn {

    margin-left: 107px;

    margin-top: -35px;

}



.awards-achievements-content-top-gap {

    padding-top: 80px;

    margin-left: 7%;

}



.post-slider-container {

    width: 1242px;

    height: 385px;

}



.carousel-item1-container {

    margin-right: 35px;

}



.post-carousel-inner .carousel-item11 {

    margin-right: 110px;

}



.post-thumbnail-wrapper {

    width: 392px;

    height: 240px;

    overflow: hidden;

}



.post-thumbnail-wrapper img {

    width: 100%;

}



.post-content-wrapper {

    background: #ffffff;

    padding: 30px;

    height: 140px;

    text-align: left;

}



.post-date {

    height: 26px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;
    text-align: right;

    opacity: 0.4;

}



.post-content {


    height: 52px;

    font-family: Cairo-Bold;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    overflow: hidden;

}



.post-carousel-inner.row {

    overflow: hidden;

}



#mixedSlider {

    position: relative;

}



#mixedSlider .MS-content {

    white-space: nowrap;

    overflow: hidden;
}



#mixedSlider .MS-content .item {

    display: inline-block;

    width: 33.3333%;

    position: relative;

    vertical-align: top;

    overflow: hidden;

    height: 100%;

    white-space: normal;

    padding: 0 10px;

}



#mixedSlider .MS-content .item .imgTitle {

   position: relative;
    height: 241px;
    width: 100%;
    overflow: hidden;

}



#mixedSlider .MS-content .item .imgTitle .blogTitle {

    margin: 0;

    text-align: left;

    letter-spacing: 2px;

    color: #252525;

    font-style: italic;

    position: absolute;

    background-color: rgba(255, 255, 255, 0.5);

    width: 100%;

    bottom: 0;

    font-weight: bold;

    padding: 0 0 2px 10px;

}



#mixedSlider .MS-content .item .imgTitle img {

    height: auto;

    width: 100%;

}



#mixedSlider .MS-content .item p {

    font-size: 16px;

    margin: 2px 10px 0 5px;

    text-indent: 15px;

}



#mixedSlider .MS-content .item a {

    float: right;

    margin: 0 0px 0 0;

    font-size: 16px;

    font-style: italic;

    color: rgba(173, 0, 0, 0.82);

    font-weight: bold;

    letter-spacing: 1px;

    transition: linear 0.1s;
    width:100%;
}



#mixedSlider .MS-content .item a:hover {

    text-shadow: 0 0 1px grey;

}



#mixedSlider .MS-controls button {

    position: absolute;

    border: none;

    background-color: transparent;

    outline: 0;

    font-size: 50px;

    top: 95px;

    color: rgba(0, 0, 0, 0.4);

    transition: 0.15s linear;

}



#mixedSlider .MS-controls button:hover {

    color: rgba(0, 0, 0, 0.8);

}



#mixedSlider .MS-controls .MS-left {

    left: 0px;

}



#mixedSlider .MS-controls .MS-right {

    right: 0px;

}



#basicSlider {

    position: relative;

}



#basicSlider .MS-content {

    white-space: nowrap;

    overflow: hidden;

    margin: 0 2%;

    height: 50px;

}



#basicSlider .MS-content .item {

    display: inline-block;

    width: 20%;

    position: relative;

    vertical-align: top;

    overflow: hidden;

    height: 100%;

    white-space: normal;

    line-height: 50px;

    vertical-align: middle;

}



#basicSlider .MS-content .item a {

    line-height: 50px;

    vertical-align: middle;

}



#basicSlider .MS-controls button {

    position: absolute;

}



#basicSlider .MS-controls .MS-left {

    top: 35px;

    left: 10px;

}



#basicSlider .MS-controls .MS-right {

    top: 35px;

    right: 10px;

}

*/



/*/////////////////////////*/

.chat_header ul#dropdown1 {
    padding-right: 0px !important;
}
.chat_header ul#dropdown1 li {
    text-align: right;
}
/***************awards-achievements- Slider**************/



/*****************news-media-section Start********************/



.news-media-section-container {

    padding: 0px 30px;

}



.news-media-container {

    position: relative;

    width: 637px;

    height: 594px;

    padding-top: 40px;

}



.gray-box-news-media {

    position: absolute;

    width: 221px;

    height: 375px;

    left: auto;

    right: 0px;

    top: 0px;

    background: #F6F8FA;

    z-index: 1;

}



.news-media-image img {

    width: 597px;

    height: 554px;

    z-index: 2;

    position: relative;

}



.bar-box-news-media {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 64px;

}



.news-media-section {

    padding-top: 80px;

}



.news-media-wrapper {

    padding: 0px;

}



.news-media-col-wrapper {

    padding-left: 109px;

    padding-top: 40px;

}



ul.news-list-item {

    padding-left: 116px;

}



.news-list-item li {

    position: relative;

    margin-bottom: 24px;

    list-style: none;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 100;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.news-list-item li::before {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    background: #F6F8FA;

    content: "";

    z-index: -1;

}



.news-media-main-content .section-cta-btn {

    padding-left: 106px;

}



.news-media-main-content {

    position: relative;

    margin-left: -10px;

    margin-top: 11px;

}



.news-media-main-content p {

    width: 319px;

    height: 130px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    position: relative;

    margin-left: 107px;

    margin-bottom: 47px;

}



.news-media-main-content::after {

    display: inline-block;

    content: "";

    position: absolute;

    top: 13px;

    left: 0px;

    width: 75px;

    height: 1px;

    /* border: 1px solid #000000; */

    z-index: -1;

    background: url(./assets/images/Line.svg);

}



section.how-to-invest-section .container {

    padding-left: 0px;

    padding-right: 0px;

}



section.news-media-section .container {

    padding: 0px;

}



section.awards-achievements-section .container {

    padding: 0px;

}



/*********************Befor Footer Section Start**********************/

.whatsapp-icon {
    position: fixed;
    left: 2%;
    right: auto;
    bottom: 30px;
    z-index: 10;
}
a.whatsapp-link img {
    width: 45px;
}

.befor-footer-section {

    background-image: url(./assets/images/invest-with-us-ar.svg);

    background-size: 100% auto;

    height: 572px;

    background-repeat: no-repeat;

}



.befor-footer-box {

    z-index: 9;

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 315px;

    top: 179px;

    border: 9px solid #FFFFFF;

    padding-left: 77px;

    padding-top: 96px;

}



.befor-footer-heading {

    font-family: Cairo-Bold;

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    display: flex;

    align-items: center;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.befor-footer-main-heading {

    font-family: Cairo-Bold;

    font-size: 36px;

    line-height: 45px;

    color: #FFFFFF;

}



.befor-footer-cta {

    bottom: -9px;

    position: absolute;

}



.befor-footer-cta {

    display: flex;

    justify-content: center;

    align-items: center;

    vertical-align: middle;

    padding: 19px 42px;

    width: 261px;

    height: 64px;

    background: #FFE300;

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

}



a.befor-footer-cta:hover {

    color: #000000;

}



.befor-footer-cta img {

    padding-left: 15px;

    padding-top: 7px;

}



/*********************Main Footer***********************/



footer.main-footer {

    background: url('./assets/images/Image.jpg') center/cover no-repeat !important;

    padding: 85px 0px 0px 0px;

    color: #fff !important;

}

footer.main-footer a {

    color: #fff;

}

footer.main-footer a:hover {

    color: #fff;

    opacity: 0.9;

}



.footer-about img {

    width: 177px;

    height: auto;

}



.widget-title {

    font-family: Cairo-Bold;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 23px;

    display: flex;

    align-items: center;

    color: #fff;

    margin-bottom: 20px;

}



.footer-about {

    margin-bottom: 19px;

}



.footer-widgets.quick-link-container {

    padding-left: 55px;

}



ul.footer-pages-link {

    padding-left: 0px;

    margin-top: -8px;

}



ul.footer-pages-link li {

    list-style: none;

}



ul.footer-pages-link li a {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 160%;

    color: #fff;

}



.footer-about-content {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 140%;

    color: #fff;

    width: 346px;

    margin-bottom: 20px;

}



footer.main-footer .footer-about-content.mt-2 a,

footer.main-footer a.footer-cma-link,

footer.main-footer .footer-about-content a.footer-cma-link {

    color: #5eb3ff !important;

    text-decoration: underline;

}



footer.main-footer .footer-about-content.mt-2 a:hover,

footer.main-footer a.footer-cma-link:hover {

    color: #8cc9ff !important;

}



.Address,

.mail,

.phone {

    display: flex;

    align-items: flex-start;

    margin-bottom: 15px;

}



span.icon {

    margin-right: 15px;

}



.Address span.label {

    font-family: 'Cairo-SemiBold';

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    width: 179px;

}



.mail span.label,

.phone span.label {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

}



.socila-pages a {

    margin-right: 8px;

}



a.footer-info-pages-link {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 500;

    font-size: 12px;

    line-height: 24px;

    color: #ffffff;

    margin-right: 15px;

}



.copy-right-text {

    font-family: Cairo-SemiBold;

    font-style: normal;

    font-weight: 500;

    font-size: 12px;

    line-height: 24px;

    color: #fff;

}



.copy-right-text br {

    display: none;

}



.map {

    width: 280px;

    height: auto;

    overflow: hidden;

}



a.googlemap img {

    width: 100%;

    transition: transform .9s;

    /* Animation */

}



a.googlemap img:hover {

    transform: scale(1.5);

    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}



/*********************ICAP-Funds Page  Start*********************/



.content-outer-line-container {

    border: 9px solid #F6F8FA;

    width: 100%;

    margin: 0 40px;

    padding: 205px 55px 100px 55px;

}



.after-icap-fund-hero-section {

    margin-top: -105px;

}



.icap-fund-type-wrapper {

    width: 283px;

    height: 594px;

    border: 8px solid #F6F8FA;

}



.icap-fund-package-table-col {

    margin: 15px;

}



.icap-fund-type-header {

    width: 100%;

    height: 100px;

    background: #F6F8FA;

    padding: 24px;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



span.yellow-line {

    position: relative;

    z-index: 2;

}



span.yellow-line::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 10px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

    top: 11px;

}



.icap-fund-type-content-list {

    padding: 30px 18px;

}



ul.icap-fund-list-item {

    padding-left: 24px;

}



.icap-fund-type-content-list li {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 23px;

    color: #474C55;

}



.history-tc-button-wrapper {

    width: 100%;

    display: flex;

}



a.price-history-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 7px;

    color: #474C55;

    align-items: center;

    padding: 16px 0px;

    border: 1px solid #474C55;

    float: left;

    width: 47%;

    text-align: center;

    margin-right: 13px;

}



a.term-conduction-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 7px;

    color: #474C55;

    align-items: center;

    padding: 16px 12px;

    border: 1px solid #474C55;

    float: left;

    width: 47%;

    text-align: center;

}



a.subscribe-cta {

    width: 100%;

    height: 40px;

    padding: 16px 0px;

    background: #FFE300;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 8px;

    color: #000000;

    float: left;

    text-align: center;

    margin-top: 10px;

}



a.price-history-cta:hover,

a.term-conduction-cta:hover {

    border: 1px solid #FFE300;

    background: #FFE300;

    text-decoration: none;

}



a.subscribe-cta:hover {

    text-decoration: none;

    box-shadow: 2px 1px 9px 2px #ffe300;

}



/*********************update-kyc Page  Start*********************/



.KYC-Update-wrapper {

    width: 818px;

    height: 750px;

    background: #F6F8FA;

    padding: 60px 107px;

    margin: 0 auto;

}



section.after-update-kyc-hero-section .container-fluid {

    max-width: 1440px;

}



.content-outer-line-container {

    border: 9px solid #F6F8FA;

    width: 100%;

    margin: 0 40px;

    padding: 205px 55px 100px 55px;

}



.after-update-kyc-hero-section {

    margin-top: -105px;

}



.form-company-title {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    align-items: center;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #D6D6D6;

}



.KYC-Update-name {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

    margin-bottom: 64px;

}



.KYC-Update-name span {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

    position: relative;

}



.KYC-Update-name span::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 0px;

    left: 0px;

    z-index: -1;

    top: auto;

}



.KYC-Update-wrapper {

    width: 818px;

    height: 750px;

    background: #F6F8FA;

    padding: 60px 107px;

}



.form-type-label {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

}



.form-type-label label {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

}



.KYC-Update-wrapper input.form-control {

    background: #FFFFFF;

    border: 1px solid rgba(214, 214, 214, 0.5);

    width: 608px;

    height: 64px;

    margin-bottom: 50px;

    border-radius: 0px;

}



span.input-group-text {

    width: 64px;

    height: 64px;

    background: #FFFFFF;

    border: 1px solid rgba(214, 214, 214, 0.5);

    justify-content: center;

    border-radius: 0px;

}



button.btn.btn-primary.KYC-Update-btn {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

    align-items: center;

    gap: 10px;

    position: absolute;

    width: 145px;

    height: 64px;

    background: #FFE300;

    border: 0px;

    border-radius: 0px;

}



.form-group.captcha-box {

    display: flex;

    margin-bottom: 0px;

}



.form-group.captcha-box input.form-control {

    font-family: 'Cairo-SemiBold';

    font-style: italic;

    font-weight: 500;

    font-size: 22px;

    line-height: 160%;

    color: #474C55;

    background: rgba(214, 214, 214, 0.13) !important;

}



/************************services Page Start*************************/



.services-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.services-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.services-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.services-hero-gray-box-list-items {

    position: absolute;

    width: 416px;

    height: 419px;

    left: auto;

    top: 190px;

    background: #F6F8FA;

    right: 0;

}



.services-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.services-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.services-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.services-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    height: 53px;

}



.services-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



.service-name {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

}



.services-list-items {

    top: 134px;

    left: 54px;

    position: absolute;

}



.after-services-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #000000;

    text-align: center;

}



.after-services-hero-section {

    padding: 120px 0px 200px 0px;

}



.service-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



a.learn-more-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    display: flex;

    color: #000000;

    padding: 16px 24px;

    gap: 10px;

    border: 1px solid #000000;

    width: 151px;

    height: 52px;

    margin-top: 40px;

}



.after-services-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    display: flex;

    align-items: center;

    color: #000000;

}



h3.after-services-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 2px;

    font-size: 36px;

}



h3.after-services-title span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

}



.services-gap-row {

    margin-bottom: 120px;

}



.ib-padding-left,

.brokerage-padding-left {

    margin-left: 10px;

}



.re-padding-left,

.am-padding-left {

    margin-left: 100px;

}



.service-main-brokerage-wrapper {

    position: relative;

}



.bar-box-bottom-right {

    position: absolute;

    bottom: -30px;

    top: auto;

    right: 79px;

    left: auto;

}



.service-main-asset-management-wrapper {

    position: relative;

}



.bar-box-bottom-left {

    position: absolute;

    bottom: -30px;

    top: auto;

    left: 75px;

    right: auto;

}



.service-main-investment-banking-wrapper {

    position: relative;

}



.bar-box-top-right {

    position: absolute;

    top: -30px;

    bottom: auto;

    right: -30px;

    left: auto;

}



.service-main-real-rstate-wrapper {

    position: relative;

}



.bar-box-top-left {

    position: absolute;

    top: -30px;

    bottom: auto;

    left: 75px;

    right: auto;

}



.left-padding-invest-banking {

    padding-left: 100px;

}



/****************** About Us Page Start **********************/



.about-us-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.about-us-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.about-us-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.about-us-hero-gray-box-list-items {

    position: relative;

    width: 416px;

    height: 419px;

    left: 840px;

    top: 190px;

    background: #F6F8FA;

}



.about-us-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.about-us-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.about-us-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.about-us-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 100%;

    height: 53px;

}



.about-us-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



/*//////////////////////////////////*/



.about-us-name {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

}



.about-us-list-items {

    top: 134px;

    left: 54px;

    position: absolute;

}



.after-about-us-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #000000;

    text-align: center;

}



.after-about-us-hero-section {

    padding: 120px 0px 80px 0px;

}



.about-us-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    width: 500px;

}



.about-us-min-short-details.re-padding-left {

    width: 394px;

}



.about-us-short-details ul.news-list-item {

    padding-left: 8px;

}



a.learn-more-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    display: flex;

    color: #000000;

    padding: 16px 24px;

    gap: 10px;

    border: 1px solid #000000;

    width: 151px;

    height: 52px;

    margin-top: 40px;

    justify-content: center;

}



a.learn-more-cta:hover {

    background: #FFE300;

    border: 1px solid #FFE300;

    text-decoration: none;

}



.after-about-us-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

}



h3.after-about-us-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



span.line-span.display-mobile {

    display: none;

}



h3.after-about-us-title span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

}



.about-us-gap-row {

    margin-bottom: 120px;

}



.ib-padding-left,

.brokerage-padding-left {

    margin-left: 10px;

}



.re-padding-left,

.am-padding-left {

    margin-left: 100px;

}



.main-about-us--section {

    margin-top: 150px;

}



.about-us-main-brokerage-wrapper {

    position: relative;

}



.bar-box-bottom-right {

    position: absolute;

    bottom: -30px;

    top: auto;

    right: 79px;

    left: auto;

}



.about-us-main-asset-management-wrapper {

    position: relative;

}



.bar-box-bottom-left {

    position: absolute;

    bottom: -30px;

    top: auto;

    left: 75px;

    right: auto;

}



.about-us-main-investment-banking-wrapper {

    position: relative;

}



.about-us-management-wrapper .bar-box-top-right {

    position: absolute;

    top: -30px;

    bottom: auto;

    right: auto;

    left: 68px;

}



.about-us-main-shariah-board-wrapper .bar-box-top-left {

    position: absolute;

    top: -30px;

    bottom: auto;

    left: auto;

    right: -30px;

}



.about-us-board-members-wrapper .bar-box-bottom-left {

    position: absolute;

    bottom: -30px;

    top: auto;

    left: 90px;

    right: auto;

}



.about-us-main-real-rstate-wrapper {

    position: relative;

}



.bar-box-top-left {

    position: absolute;

    top: -30px;

    bottom: auto;

    left: 75px;

    right: auto;

}



.left-padding-invest-banking {

    padding-left: 100px;

}



.businessmen-main-image {

    position: absolute;

    left: auto;

    right: -81px;

    top: 0;

    width: 491px;

    height: 250px;

}



.our-company-content {

    float: left;

    margin-top: 337px;

}



.about-us-board-members-wrapper {

    width: 502px;

    height: 630px;

    float: right;

}



.about-us-management-wrapper {

    width: 394px;

    height: 639px;

    position: relative;

    padding-left: 99px;

    margin-top: -242px;

}



.about-us-main-shariah-board-wrapper {

    width: 609px;

    height: 436px;

    position: relative;

}



/**********************Media And News Page Start***********************/



.media-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.media-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.media-main-hero-image {

    position: absolute;

    width: 929px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.media-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.media-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.media-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.media-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.media-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 280px;

    height: 53px;

}



.media-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



/*************Media Category Tabs***************/



.after-media-hero-section {

    margin-top: 50px;

}



.vertical-tabs {

    font-size: 15px;

    padding: 10px;

    color: #000

}



.vertical-tabs .nav-tabs .nav-link {

    border-radius: 0;

    text-transform: capitalize;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #333333;

    margin-bottom: 30px;

    padding-left: 60px !important;

}



.vertical-tabs .nav-tabs .nav-link.active {

    border: 0px;

    position: relative;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    z-index: 1;

}



.vertical-tabs .nav-tabs .nav-link.active::before {

    width: 74px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -33px;

    z-index: 1;

    top: 13px;

    right: auto;

    background: #000000;

}



.vertical-tabs .nav-tabs .nav-link.active::after {

    width: 58px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 60px;

    z-index: -1;

    right: auto;

    top: 13px;

}

.vertical-tabs .nav-tabs a.nav-link.Knowledge.active:after {
    width: 140px;
}

.vertical-tabs .tab-content>.active {

    background: #fff;

    display: block;

}



.vertical-tabs .nav.nav-tabs {

    border-bottom: 0;

    display: block;

    float: left;

    margin-right: 20px;

    padding-right: 15px;

}



.news-category-col {

    padding-left: 7px;

    padding-right: 7px;

}



.news-category-box-image {

    width: 288px;

    height: 190px;

    overflow: hidden;

}



.news-category-label {

    position: absolute;

    width: 128px;

    height: 27px;

    left: 24px;

    top: 24px;

    background: rgba(246, 248, 250, 0.6);

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #474C55;

    padding: 6px;

}



.news-category-box-content {

    background: #F6F8FA;

    height: 194px;

    padding: 24px;

    width: 288px;

}



.news-date {

    width: 239px;

    height: 26px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    opacity: 0.4;

}



.news-title {

    width: 239px;

    height: auto;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;
    overflow: hidden;

}



.news-content {

    width: 239px;

    height: 52px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.load-more-media-button-wrapper {

    text-align: center;

    padding: 60px 0 60px 0;

}



a.load-more-media-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    align-items: center;

    color: #000000;

    text-align: center;

    padding: 16px 23px;

    gap: 10px;

    width: 181px;

    height: 52px;

    border: 1px solid #000000;

}



a.load-more-media-cta:hover {

    background: #FFE300;

    border: 1px solid #FFE300;

    text-decoration: none;

}



.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

    border-color: transparent;

}



/**********************Contact Us Page Start***********************/



.contact-us-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.contact-us-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.contact-us-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.contact-us-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.contact-us-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.contact-us-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.contact-us-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 280px;

    height: 53px;

}



.contact-us-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}

.contact-us-hero-short-details p{

    color: #474C55;

}

.contact-wrapper {

    position: relative;

    padding-left: 33px;

    margin-bottom: 110px;

}



.contact-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    color: #000000;

    width: fit-content;

    position: relative;

    padding-left: 60px;

    margin-bottom: 54px;

}



.contact-heading::before {

    width: 74px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -33px;

    z-index: 1;

    top: 13px;

    right: auto;

    background: #000000;

}



.contact-heading span {

    position: relative;

}



.contact-heading span::after {

    width: 221px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 15px;

}



span.short-yellow-line::after {

    width: 194px;

}



span.care-yellow-line::after {

    width: 142px;

}



.customer-care {

    width: 606px;

    height: 510px;

}



.contact-form {

    width: 607px;

    height: auto;

    left: 737px;

    top: 873px;

    background: #F6F8FA;

    padding: 50px 84px;

}



h3.contact-form-heading {

    width: 189px;

    height: 45px;

    left: 821px;

    top: 923px;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 36px;

    line-height: 45px;

    display: flex;

    align-items: center;

    color: #000000;

}



.contact-form-heading::before {

    width: 74px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -33px;

    z-index: 1;

    top: 71px;

    right: auto;

    background: #000000;

}



.contact-form-heading span.short-yellow-line::after {

    width: 130px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 99px;

    z-index: 1;

    right: auto;

    top: 78px;

}



.contact-form-heading span.contact-form-title {

    position: relative;

    z-index: 2;

}



.contact-inner-form-wrapper {

    margin-top: 58px;

}



.contact-inner-wrapper {

    display: flex;

    align-content: center;

}



.contact-inner-icon-wrapper {

    margin-right: 24px;

}



.contact-inner-wrapper {

    display: flex;

    align-content: center;

    margin-bottom: 20px;

}



.contact-inner-label {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

}



.contact-inner-value {

    width: fit-content;

    height: 26px;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.input-group-addon {

    color: #ff0000;

    background-color: #ffffff;

}



.contact-inner-form-wrapper .input-group {

    width: 458px;

    height: 64px;

    background: #FFFFFF;

    border: 1px solid rgba(214, 214, 214, 0.5);

    display: flex;

    align-content: center;

    padding: 12px 22px;

    vertical-align: middle;

}



.contact-inner-form-wrapper .input-group .form-control {

    border: 0px;

}



.contact-inner-form-wrapper .input-group .input-group-addon {

    align-items: center;

    display: flex;

}



.input-group.message-input-group {

    height: 170px;

    display: flex;

    align-content: flex-start;

    padding: 12px 22px;

    vertical-align: top;

}



button.btn.btn-contact-form-btn {

    padding: 19px 53px;

    position: relative;

    background: #FFE300;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

    border-radius: 0px;

    margin-top: 56px;

}



/************************Careers Page Start***********************/



.careers-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.careers-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.careers-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.careers-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.careers-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.careers-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.careers-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 280px;

    height: 53px;

}



.careers-hero-short-details {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



.after-careers-hero-section {

    margin-top: 50px;

    margin-bottom: 100px;

}



.vertical-tabs.careers-tabs ul.nav.nav-tabs {

    padding-right: 0px;

}



.vertical-tabs .nav-tabs a.nav-link.business-development.active::after {

    width: 95px;

}



.vertical-tabs .nav-tabs a.nav-link.human-resource.active::after {

    width: 107px;

}



.vertical-tabs .nav-tabs a.nav-link.information-technology.active::after {

    width: 70px;

}



.vertical-tabs .nav-tabs a.nav-link.customer-support.active::after {

    width: 142px;

}



.col-md-9.careers-category-col {

    flex: 0 0 74%;

    max-width: 74%;

    margin-left: 10px;

}



.accordion>.card>.card-header button.btn.collapsed:after {

    content: "";

    float: right;

    width: 30px;

    height: 30px;

    background: url(./assets/images/plus-icon.svg) no-repeat;

    position: absolute;

    top: 27px;

    right: 0px;

}



.accordion>.card>.card-header button.btn:after {

    /* symbol for "collapsed" panels */

    content: "";

    width: 30px;

    height: 30px;

    float: right;

    background: url(./assets/images/minus-icon.svg) no-repeat;

    position: absolute;

    top: 27px;

    right: 0px;

}



.card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 0;

    background-color: transparent;

    border-bottom: 1px solid rgba(0, 0, 0, .125);

}



.accordion>.card>.card-header button.btn {

    width: 100%;

    text-align: left;

    padding: 0px;

}



.card-header button.btn {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 160%;

    align-items: center;

    color: #000000;

}



.accordion .card-body p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.accordion>.card>.card-header button.btn {

    border-radius: 0;

    margin-bottom: -1px;

    border: 1px solid #474C55;

    border-left: 0;

    border-right: 0px;

    padding: 14px 0px;

    height: 65px;

}



.accordion>.card>.card-header {

    padding: 0px;

    background-color: transparent;

    border-bottom: 0px solid rgba(0, 0, 0, .125);

}



.card-header {

    border-bottom: 0px solid rgba(0, 0, 0, .125) !important;

}



.accordion>.card {

    border: 0px solid rgba(0, 0, 0, .125);

}



/*******************New Client Page Start****************/



.new-client-hero-section {

    position: relative;

    height: 430px;

    top: -130px;

}



.new-client-hero-image {

    position: absolute;

    height: 430px;

    left: 0;

    top: 130px;

}



.new-client-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 230px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.new-client-hero-content {

    position: absolute;

    top: 326px;


    left: 206px;

    z-index: 1;

}



h2.new-client-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.new-client-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 280px;

    height: 53px;

}



.vertical-tabs .nav-tabs .nav-link.Overview.active::after {

    width: 73px;

}



.vertical-tabs .nav-tabs .nav-link.Account.active::after {

    width: 227px;

}



.vertical-tabs .nav-tabs .nav-link.faq.active::after {

    width: 100px;

}



.new-client-content-wrapper {

    width: 821px;

    height: auto;

}



.new-client-content-wrapper ol {

    padding-left: 15px;

}



.new-client-content-wrapper ol li {

    margin-bottom: 17px;

    font-family: Cairo-Light;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.new-client-content-cta-wrapper {

    margin-top: 60px;

}



.new-client-content-wrapper ol li a {


    cursor: pointer;

}



a.snba-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

    padding: 19px 65px;

    background: #FFE300;

    border: 1px solid #FFE300;

    margin-right: 16px;

}



a.snia-cta {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

    padding: 19px 28px;

    background: #ffffff;

    border: 1px solid #000000;

    margin-right: 16px;

}



a.snba-cta:hover {

    box-shadow: 0px 0px 4px 3px #ffe300;

    text-decoration: none;

}



a.snia-cta:hover {

    background: #FFE300;

    border: 1px solid #FFE300;

    text-decoration: none;

}



/**********************Complaint Page start Here************************/



.complaint-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.complaint-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.complaint-hero-image {

    position: absolute;

    width: 100%;

    height: 552px;

    left: 0px;

    top: 130px;

}



.complaint-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 230px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.complaint-hero-content {

    position: absolute;

    top: 325px;

    left: 206px;

    z-index: 1;

}



h2.complaint-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.complaint-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 280px;

    height: 53px;

}



.complaint-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



.after-complaint-us-hero-section {

    margin-bottom: 150px;

}



.complaint-wrapper {

    position: relative;

    padding-left: 33px;

    margin-bottom: 110px;

    width: 394px;

}



.complaint-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    color: #000000;

    width: fit-content;

    position: relative;

    margin-bottom: 54px;

}



.complaint-heading span {

    position: relative;

}



.complaint-heading span::after {

    width: 114px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 15px;

}



.complaint-inner-info-wrapper p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

}



.complaint-inner-info-wrapper ul {

    padding-left: 14px;

}



.complaint-inner-info-wrapper ul li {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.complaint-form {

    width: 607px;

    height: auto;

    left: 737px;

    top: 873px;

    background: #F6F8FA;

    padding: 59px 84px;

}



h3.complaint-form-heading {

    width: 375px;

    height: 45px;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 45px;

    /* display: flex; */

    /* align-items: center; */

    color: #000000;

}



.complaint-form-heading::before {

    width: 74px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -22px;

    z-index: 1;

    top: 86px;

    right: auto;

    background: #000000;

}



.complaint-form-heading span.short-yellow-line::after {

    width: 340px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 200px;

    z-index: 1;

    right: auto;

    top: 85px;

}



.complaint-form-heading span.short-sub-yellow-line::after {

    width: 143px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 99px;

    z-index: 1;

    right: auto;

    top: 130px;

}



.complaint-form-heading span.complaint-form-title {

    position: relative;

    z-index: 2;

}



.complaint-inner-form-wrapper {

    margin-top: 83px;

}



.complaint-inner-wrapper {

    display: flex;

    align-content: center;

}



.complaint-inner-icon-wrapper {

    margin-right: 24px;

}



.complaint-inner-wrapper {

    display: flex;

    align-content: center;

    margin-bottom: 20px;

}



.complaint-inner-label {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

}



.complaint-inner-value {

    width: fit-content;

    height: 26px;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.input-group-addon {

    color: #ff0000;

    background-color: #ffffff;

}



.complaint-inner-form-wrapper .input-group {

    width: 458px;

    height: 64px;

    background: #FFFFFF;

    border: 1px solid rgba(214, 214, 214, 0.5);

    display: flex;

    align-content: center;

    padding: 12px 22px;

    vertical-align: middle;

}



.complaint-inner-form-wrapper .input-group .form-control {

    border: 0px;

}



.complaint-inner-form-wrapper .input-group .input-group-addon {

    align-items: center;

    display: flex;

}



.input-group.message-input-group {

    height: 170px;

    display: flex;

    align-content: flex-start;

    padding: 12px 22px;

    vertical-align: top;

}



button.btn.btn-complaint-form-btn {

    padding: 19px 53px;

    background: #FFE300;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

    border-radius: 0px;

    margin-top: 34px;

}



/**********************Information Security Page start Here************************/



.info-security-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.info-security-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.info-security-hero-image {

    position: absolute;

    width: 100%;

    height: 552px;

    left: 0px;

    top: 130px;

}



.info-security-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 230px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.info-security-hero-content {

    position: absolute;

    top: 325px;

    left: 206px;

    z-index: 1;

}



h2.info-security-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.info-security-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 421px;

    height: 53px;

}



.info-security-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



.after-info-security-us-hero-section {

    margin-bottom: 150px;

}



.threat-category-col {

    flex: 0 0 74%;

    max-width: 74%;

    margin-left: 10px;

}



.vertical-tabs.threat-tabs .nav.nav-tabs {

    padding-right: 0px;

}



.vertical-tabs .nav-tabs .nav-link.threat-phishing.active::after {

    width: 125px;

}



.vertical-tabs .nav-tabs .nav-link.threat-spam.active::after {

    width: 104px;

}



.vertical-tabs .nav-tabs .nav-link.threat-typo-squatting.active::after {

    width: 120px;

}



.vertical-tabs .nav-tabs .nav-link.threat-key-logger.active::after {

    width: 148px;

}



.vertical-tabs .nav-tabs .nav-link.threat-malware.active::after {

    width: 125px;

}



.threat-phishing-content p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-phishing-content li {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-phishing-content ul {

    padding-left: 15px;

}



.threat-phishing-content h3 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

}



span.yellow-behind-line {

    left: 0px;

    right: auto;

}



span.yellow-behind-line::after {

    width: 405px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 530px;

    z-index: -1;

    right: auto;

}



span.short-yellow-behind-line::after {

    width: 216px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 715px;

    z-index: -1;

    right: auto;

}



/****************************/



.threat-spam-content p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-spam-content li {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-spam-content ul {

    padding-left: 15px;

}



.threat-spam-content h3 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

}



.threat-spam-content h3 span.yellow-behind-line {

    left: 0px;

    right: auto;

}



.threat-spam-content h3 span.yellow-behind-line::after {

    width: 265px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 666px;

    z-index: -1;

    right: auto;

}



.threat-spam-content h3 span.short-yellow-behind-line::after {

    width: 216px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 715px;

    z-index: -1;

    right: auto;

}



h4.heading-box {

    position: relative;

    width: 100%;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    float: left;

    height: 26px;

}



.malware-sub-heading {

    height: 26px;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.threat-malware-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    color: #000000;

    margin-bottom: 32px;

    position: relative;

    z-index: 2;

}



.threat-malware-heading span.yellow-behind-line::after {

    width: 194px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 0px;

    z-index: -1;

    right: auto;

}



.threat-malware-heading span.yellow-behind-line-short::after {

    width: 245px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 686px;

    z-index: -1;

    right: auto;

}



span.heading-box-text {

    position: relative;

    top: 0px;
    font-weight:bold;

}



span.span-square.-box {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    right: 0px;

    border: 0px;

    background: #F6F8FA;

    content: "";

    z-index: 0;

}



.threat-typo-squatting-content p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-typo-squatting-content h3 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

}



.threat-typo-squatting-content h3 span.yellow-behind-line {

    left: 0px;

    right: auto;

}



.threat-typo-squatting-content h3 span.yellow-behind-line::after {

    width: 400px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 530px;

    z-index: -1;

    right: auto;

}



.threat-typo-squatting-content li {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-typo-squatting-content ul {

    padding-left: 15px;

}



.threat-key-logger-content p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-key-logger-content h3 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

}



.threat-key-logger-content h3 span.yellow-behind-line {

    left: 0px;

    right: auto;

}



.threat-key-logger-content h3 span.yellow-behind-line::after {

    width: 395px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 538px;

    z-index: -1;

    right: auto;

}



.threat-key-logger-content li {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.threat-key-logger-content ul {

    padding-left: 15px;

}



/**********************Investor's Awareness Page start Here************************/



.awareness-hero-section {

    /* position: relative; */

    height: 460px;

    /* top: -130px; */

}



.awareness-hero-image {

    position: absolute;

    height: 430px;

    left: 0;

    top: 0px;

}



.awareness-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 230px;

    left: 96px;

    top: 100px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}




.awareness-hero-content {

    position: absolute;

    top: 165px;

    left: 206px;

    z-index: 1;

}



h2.awareness-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.awareness-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    height: 53px;

}



.after-awareness-hero-section {

    margin-top: 150px;

    margin-bottom: 150px;

}



.vertical-tabs .nav-tabs .nav-link.cma1.active::after {

    width: 200px;

}
span.yellow-behind-line.risk-return-line.risk-return-line12:after {
    width: 250px !important;
}
span.yellow-behind-line.mutual-funds-line.mutual-funds-line12:after {
    width: 180px !important;
}
span.yellow-behind-line.evaluate-performance-line:after {
    width: 170px !important;
}
.risk-return-line124 span.yellow-behind-line.benchmark-line:after {
    width: 95px;
}

.awareness-content-wrapper {

    width: 821px;

    height: auto;

}



a.cma-files {

    color: #000000;

}



.abou-knowledge-table {

    width: 822px;

    background: #F6F8FA;

    padding: 40px 26px !important;

}



.account-type {

    width: 166px;

    height: 26px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: rgba(71, 76, 85, 0.3);

    display: flex;

    align-items: center;

    border: 0px !important;

}



.asset-type {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 160%;

    color: #000000;

}



.td-row {

    display: flex;

    align-items: center;

}



.td-col1 {

    -ms-flex: 0 0 118px;

    flex: 0 0 130px;

    max-width: 140px;

    padding: 16px 20px;

    border-bottom: 1px solid #000000;

}




.td-col2,

.td-col3,

.td-col4 {

    -ms-flex: 0 0 184px;

    flex: 0 0 27.5%;

    max-width: 27.5%;

    padding: 16px 20px;

    border-bottom: 1px solid #000000;

}



.detail-liquidity-type {

    height: 83px;

}



.detail-risk-type {

    height: 83px;

}



.detail-term-type {

    height: 100px;

}



.detail-return-type {

    height: 65px;

}



.detail-asset-type {

    height: 60px;

}



.td-col1 {

    background: rgba(71, 76, 85, 0.07);

}



.detail-asset-type {

    border: 0px !important;

}



.td-col2 {

    padding-left: 40px;

}



p.span-square-box-para {

    position: relative;

    z-index: 1;

}



p.span-square-box-para b {

    position: relative;

    z-index: 1;

}



span.span-square-box {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    right: 0px;

    border: 0px;

    background: #F6F8FA;

    content: "";

    z-index: -1;

}



.awareness-content-wrapper li {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.speculation-investing-saving-line::after {

    width: 338px !important;

}



.risk-return-line::after {

    width: 153px !important;

}



.mutual-funds-line::after {

    width: 130px !important;

}



.evaluate-performance-line::after {

    width: 212px !important;

}



/********************Term Condition Page Start*******************/



.term-condition-hero-section {

    position: relative;

    height: 559px;

    top: -130px;

}



.term-condition-hero-content {

    position: absolute;

    top: 325px;

    left: 206px;

    z-index: 1;

}



h2.term-condition-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.term-condition-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 421px;

    height: 53px;

}



.term-condition-hero-image {

    position: absolute;

    width: 100%;

    /* height: 552px; */

    left: 0px;

    top: 130px;

}



.term-condition-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 230px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.term-condition-heading {

    position: relative;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



section.after-term-condition-hero-section {

    margin-bottom: 150px;

}



/*******************Privacy Page Start*******************/



.privacy-hero-section {

    height: 560px;

    top: -130px;

}



.privacy-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 608px;

    height: 230px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.privacy-hero-content {

    position: absolute;

    top: 325px;

    left: 206px;

    z-index: 1;

}



h2.privacy-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.privacy-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    width: 421px;

    height: 53px;

}



.privacy-hero-image {

    position: absolute;

    /* width: 427px; */

    /* height: 552px; */

    left: 0px;

    top: 130px;

}



.privacy-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    color: #000000;

    width: fit-content;

    position: relative;

}



.privacy-after-hero-section {

    margin-bottom: 150px;

}



.privacy-heading span {

    position: relative;

}



.privacy-heading span::after {

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 15px;

}



.privacy-heading span.privacy-intro-heading::after {

    width: 72px;

}



.privacy-heading span.complaint-heading::after {

    width: 78px;

}



.privacy-heading span.privacy-exchange-heading::after {

    width: 209px;

}



.privacy-heading span.privacy-policy-heading::after {

    width: 191px;

}



.privacy-heading span.privacy-security-heading::after {

    width: 191px;

}



/****************Our Team page Start ****************/



.about-us-team-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.about-us-team-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.about-us-team-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.about-us-team-hero-gray-box-list-items {

    position: relative;

    width: 416px;

    height: 419px;

    left: 928px;

    top: 190px;

    background: #F6F8FA;

}



.about-us-team-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.about-us-team-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.about-us-team-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.about-us-team-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    /*width: 167px;*/

    width: fit-content;

    height: 53px;

}



.about-us-team-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



/*//////////////////////////////////*/



.about-us-team-list-items {

    top: 134px;

    left: 54px;

    position: absolute;

}



.about-us-team-name a {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    position: relative;

}



.about-us-team-name a:hover {

    font-weight: bold;

    text-decoration: none;

}



.about-us-team-name a.active {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 28px;

    line-height: 35px;

    align-items: center;

    color: #000000;

}



h5.about-us-team-name a.active::before {

    width: 64px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -88px;

    z-index: 1;

    top: 30px;

    right: auto;

    background: #000000;

}


h5.about-us-team-name a.active::after {

    width: 131px;

    height: 16px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: auto;

    z-index: 0;

    right: 0;

    top: 29px;

}

h5.about-us-team-name a.active.Brokerage-line::after {
    width: 193px;
}
.about-us-team-name a.active.our-company-yellow::after{width:79px;}
.about-us-team-name a.our-team-yellow.active:after{width:72px;}
.about-us-team-name a.active.awards-achievements-yellow:after{width:205px;}
.about-us-team-name a.active.asset-management-line:after{width:205px;}
.about-us-team-name a.active span.about-us-team-value {

    position: relative;

    z-index: 2;

}



.about-us-team-after-hero-section {

    margin: 120px 0px 150px 0px;

}



.our-team-row {

    border-bottom: 1px solid #D6D6D6;

    margin-left: 0px;

    margin-right: 0px;

    padding: 50px 0px;

}



.member-info-image {

    width: 213px;

    height: 213px;

    border-radius: 100%;

    margin-bottom: 24px;

}



.member-info-name {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

}



.member-info-designation {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

    opacity: 0.6;

}



.member-full-info-detail p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    padding-left: 65px;

}



.shariah-board-member-full-info-detail p {

    width: 715px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.member-full-info-detail ul {

    padding-left: 65px;

}



.member-full-info-detail ul li {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.row.our-team-row.first {

    padding-top: 0px;

}



.row.our-team-row.last {

    border-bottom: 0px;

}



.vertical-tabs .nav-tabs .nav-link.board-of-Members.active::after {

    width: 144px;

}



.vertical-tabs .nav-tabs .nav-link.management.active::after {

    width: 101px;

}



.vertical-tabs .nav-tabs .nav-link.shariah-board.active::after {

    width: 107px;

}



/*******************Awards & Achievements Page Start*********************/



.about-us-awards-achievements-hero-section {

    position: relative;

    height: 614px;

    top: -130px;

}



.about-us-awards-achievements-hero-gray-box {

    position: absolute;

    width: 597px;

    height: 580px;

    left: 0px;

    top: 29px;

    background: #F6F8FA;

}



.about-us-awards-achievements-hero-image {

    position: absolute;

    width: 427px;

    height: 552px;

    left: 416px;

    top: 157px;

}



.about-us-awards-achievements-hero-gray-box-list-items {

    position: relative;

    width: 416px;

    height: 419px;

    left: 1024px;

    top: 190px;

    background: #F6F8FA;

}



.about-us-awards-achievements-hero-line-box {

    box-sizing: border-box;

    position: absolute;

    width: 395px;

    height: 364px;

    left: 96px;

    top: 245px;

    border: 9px solid #FFFFFF;

    z-index: 1;

}



.about-us-awards-achievements-hero-content {

    position: absolute;

    top: 307px;

    left: 206px;

    z-index: 1;

}



h2.about-us-awards-achievements-hero-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.about-us-awards-achievements-hero-sub-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 38px;

    line-height: 48px;

    align-items: center;

    color: #000000;

    /*width: 167px;*/

    width: fit-content;

    height: 53px;

}



.about-us-awards-achievements-hero-short-details {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

    width: 499px;

    height: 87px;

}



/*//////////////////////////////////*/



.about-us-team-list-items {

    top: 134px;

    left: 54px;

    position: absolute;

}



/*************************Awards Achievements*************************/



.awards-achievements-gap-row {

    margin-bottom: 120px;

}



.our-company-big-gray-box {

    width: 1024px;

    height: 820px;

    right: 0;

    background: #F6F8FA;

    left: auto;

    position: absolute;

    top: 0;

}



.about-us-our-company-info-section-1 {

    position: relative;

    padding: 100px 0px;

}



.yellow-bar-top-image {

    position: absolute;

    width: 149px;

    height: 40px;

    left: 73px;

    top: -39px;

    background: #FFE300;

    z-index: 1;

}



.our-company-first-contant-wrapper {

    width: 501px;

    height: auto;

}



.our-company-first-contant-wrapper p,

.our-company-first-contant-wrapper p a {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.our-company-first-contant-wrapper {

    width: 501px;

    height: auto;

    margin-left: 106px;

}



.our-company-first-list-item li {

    position: relative;

    margin-bottom: 24px;

    list-style: none;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.our-company-first-list-item li span {
 

    z-index: 1;

    position: relative;

}



ul.our-company-first-list-item {

    padding-left: 10px;

}



.our-company-first-list-item li::before {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    background: #ffffff;

    content: "";

    z-index: 0;

}



.about-us-our-company-info-section-2 {

    margin: 130px 0px;

}



.our-company-bar-line-image {

    position: absolute;

    left: auto;

    right: 0px;

    top: -30px;

}



.our-company-main-image2 {

    margin-right: 15px;

}



.our-company-big-gray-box3 {

    position: absolute;

    width: 656px;

    height: 687px;

    right: 416px;

    top: 0px;
    left:auto;
    background: #F6F8FA;

}



.about-us-our-company-info-section-3 {

    position: relative;

    margin-bottom: 250px;

}



.our-company-bar-line-image3 {

    position: absolute;

    left: auto;

    right: -16px;

    top: -36px;

}



.goals-valus {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    position: relative;

}



.goals-valus span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 233px;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 104px;

    right: auto;

    z-index: 1;

    top: 7px;

}

.goals-valus span.yellow-text-line.yellow-text-1::after {
    width: 155px;
    right: 70px;
    left: auto;
    top: 27px;
}

span.goals-valus-span-content {

    z-index: 2;

    position: relative;

}



.our-company-first-contant-wrapper-3 {

    padding-left: 162px;

}



.our-company-first-contant-wrapper-3 p {

    width: 394px;

}



/********************Annual Reports Page Start*****************/



.annual-reports-content-wrapper {

    width: 100%;

    background: #F6F8FA;

    padding: 74px;

}



#annual_reports p a {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.annual-reports-content-wrapper .card {

    background: transparent !important;

}



.annual-reports-content-wrapper .card-body {

    padding: 15px 0px;

}



/********************Annual Reports Page Start*****************/



.annual-reports-content-wrapper {

    width: 100%;

    background: #F6F8FA;

    padding: 74px;

}



#annual_reports p a {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.annual-reports-content-wrapper .card {

    background: transparent !important;

}



.annual-reports-content-wrapper .card-body {

    padding: 15px 0px;

}



/*********************************************/



.vertical-tabs .nav-tabs .nav-link.Investment-Account.active::after {

    width: 152px;

}



.vertical-tabs .nav-tabs .nav-link.Asset-Management.active::after {

    width: 90px;

}



.vertical-tabs .nav-tabs .nav-link.Brokerage.active::after {

    width: 80px;

}



/***************************Service Brokerage Page START************************/



/*****************  Brokerage  Marketing *******************/



.brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    position: relative;

    z-index: 111;

}



.brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



.brokerage-type-title span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 8px;

    left: 0px;

    z-index: -1;

}



.brokerage-local-content-wrapper {

    width: 714px;

    font-family: 'Mulish';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



h3.internet-brokerage-type-title {

    position: relative;

    z-index: 11;

}



.brokerage-local-content-wrapper h3.brokerage-type-title {

    width: 404px;

}



.brokerage-local-content-wrapper h3.internet-brokerage-type-title {

    width: 253px;

}



.internet-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



.internet-brokerage-type-title span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

}



.international-brokerage-section {

    position: relative;

    padding: 100px 0px;

}



.ib-gray-box {

    position: absolute;

    width: 1024px;

    height: 885px;

    left: auto;

    top: 0;

    background: #F6F8FA;

    right: 0px;

}



.inter-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    position: relative;

    z-index: 111;

}



.inter-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    padding: 1px;

    font-size: 36px;

}



span.inter-yellow-bar::after {

    width: 107px !important;

    display: inline-block;

    content: "";

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 10px;

    left: 0px;

    z-index: -1;

}



ul.inter-brokerage-list-item {

    padding-left: 10px;

    width: 80%;

    /*float: left;*/

}



.inter-brokerage-list-item li {

    position: relative;

    margin-bottom: 24px;

    list-style: none;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    width: 160px;

    float: left;
    right: -60px;

}



.inter-brokerage-list-item li span {

    z-index: 1;

    position: relative;

}



.inter-brokerage-list-item li::before {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    background: #ffffff;

    content: "";

    z-index: 0;

}



.international-brokerage-contant-wrapper {

    padding-left: 118px;

}



.international-brokerage-contant-wrapper p {

    width: 100%;

    float: left;

}



.parallel-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 83px;

}



.parallel-brokerage-type-title span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 250px;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 83px;

    z-index: -1;

}



.nomu-parallel-market-section {

    position: relative;

    margin-top: 150px;

    margin-bottom: 150px

}



.parallel-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



.parallel-brokerage-type-title span.line-span {

    margin-right: 10px;

    left: auto;

    right: -105px;

}



.Nomu-parallel-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 83px;

}



.Nomu-parallel-brokerage-type-title span.line-span {

    margin-right: 0px;

    left: 0;

    right: auto;

    position: absolute;

    z-index: 111;

    width: 100px;

}



.Nomu-parallel-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 0px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



.Nomu-parallel-brokerage-type-title span.yellow-text-line::after {

    display: inline-block;

    content: "";

    width: 252px;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

}



/*.parallel-brokerage-type-title span.yellow-text-line {    margin-left: 83px;}*/



.nomu-parallel-market-content-wrapper p {

    width: 852px;

    margin-left: 83px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.gray-box-parallel-market-feature {

    width: 1139px;

    height: 364px;

    background: #F6F8FA;

    margin: 0px 78px;

    padding: 48px;

}



.parallel-market-feature-wrapper {
	width: 50%;
	float: right;
	display: flex;
	margin-bottom: 8px;
	justify-content: right !important;
}
.gray-box-parallel-market-feature {
	display: flex !important;
	flex-wrap: wrap !important;
}


.parallel-market-feature-image {

    margin-right: 30px;

}



.parallel-market-feature-content {

    height: 104px;

    width: 383px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



/********************Phone Trading Start page *******************/



.pt-gray-box {

    position: absolute;

    width: 1344px;

    height: 463px;

    left: auto;

    right: 0;

    background: #F6F8FA;

}



.phone-trading-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    position: relative;

    z-index: 111;

    width: 267px;

}



.phone-trading-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    padding: 1px;

    font-size: 36px;

    margin-right: 30px;

}



h3.phone-trading-brokerage-type-title span.line-span {

    position: absolute;

    left: auto;

    right: -115px;

    top: 0;

}



span.phone-trading-yellow-bar::after {

    width: 106px !important;

    display: inline-block;

    content: "";

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 55px;

    left: 0px;

    z-index: -1;

}



.phone-trading-brokerage-contant-wrapper {

    padding: 100px 0px;

}



.phone-trading-brokerage-contant-wrapper p {

    width: 714px;

}



span.workstation-yellow-bar::after {

    width: 243px !important;

    display: inline-block;

    content: "";

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 8px;

    left: 8px;

    z-index: -1;

}



span.yellow-applications-text-line::after {

    display: inline-block;

    content: "";

    width: 220px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 83px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



.smart-devices-market-content-wrapper {

    padding-left: 235px;

}



.smart-devices-market-content-wrapper p {

    padding-left: 78px;

    width: 712px;

}



.smart-devices-market-content-wrapper a.learn-more-cta {

    margin-left: 78px;

}



ul.phone-trading-brokerage-list-item {

    padding-left: 88px;

}



.phone-trading-brokerage-list-item li {

    position: relative;

    margin-bottom: 24px;

    list-style: none;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.phone-trading-brokerage-list-item li::before {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    background: #F6F8FA;

    content: "";

    z-index: 0;

}



.phone-trading-brokerage-list-item li span {

    z-index: 1;

    position: relative;

}



.margin-credit-gray-box {

    position: absolute;

    width: 1024px;

    height: 100% !important;

    left: auto;

    background: #F6F8FA;

    right: 0px;

    top: 0px;

}



section.margin-cedit-over-draft-section {

    position: relative;

    padding: 100px 0px;

}



.margin-cedit-content-wrapper p {

    padding-left: 78px;

    width: 715px;

}



ul.margin-cedit-list-item {

    padding-left: 88px;

}



.margin-cedit-list-item li {

    position: relative;

    margin-bottom: 24px;

    list-style: none;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.margin-cedit-list-item li::before {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -10px;

    background: #ffffff;

    content: "";

    z-index: 0;

}



.margin-cedit-list-item li span {

    z-index: 1;

    position: relative;

}



.margin-cedit-content-wrapper a.learn-more-cta {

    margin-left: 78px;

}



.murabahah-financing-content-wrapper p {

    width: 430px;

    padding-left: 78px;

}



.murabahah-financing-content-wrapper a {

    margin-left: 78px;

}



.murabahah-financing-feature-wrapper {

    width: 238px;

    height: 116px;

    float: left;

    margin-bottom: 50px;

    margin-right: 50px;

}



.murabahah-financing-feature-content {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    margin-top: 20px;

}



.murabahah-financing {

    padding: 100px 0px;

}



.vertical-tabs .nav-tabs .nav-link.brokerage-yellow-line.active::after {

    width: 73px !important;

}



.vertical-tabs .nav-tabs .nav-link.markets-yellow-line.active::after {

    width: 62px !important;

}



.vertical-tabs .nav-tabs .nav-link.channels-yellow-line.active::after {

    width: 72px !important;

}



.vertical-tabs .nav-tabs .nav-link.margin-facility-yellow-line.active::after {

    width: 72px !important;

}



.smart-devices-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 70px;

}



.smart-devices-brokerage-type-title span.line-span {

    left: -21px;

    right: auto;

}



.smart-devices-brokerage-type-title span.yellow-applications-text-line {

    font-family: 'Cairo-Bold';

    /* margin-left: 84px; */

}



.smart-devices-brokerage-type-title span.yellow-applications-text-line::after {

    display: inline-block;

    content: "";

    width: 100px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: -8px;

    left: 67px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



h3.trading-Workstation-brokerage-type-title {

    position: relative;

    z-index: 1;

    width: 350px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

}



h3.trading-Workstation-brokerage-type-title span.line-span {

    right: auto;

    left: -84px;

}



h3.trading-Workstation-brokerage-type-title span.yellow-text-line.workstation-yellow-bar {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    position: relative;

}



.margin-credit-parallel-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 83px;

}



.margin-credit-parallel-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 10px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



.margin-credit-parallel-brokerage-type-title span.yellow-applications-text-line::after {

    display: inline-block;

    content: "";

    width: 110px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 8px;

    left: 21px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



.margin-credit-parallel-brokerage-type-title span.yellow-applications-text-line2::after {

    display: inline-block;

    content: "";

    width: 142px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



.margin-credit-parallel-brokerage-type-title span.line-span {

    margin-right: 10px;

    left: 0;

    right: auto;

}



.murabahah-parallel-brokerage-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;


    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 83px;

}



.murabahah-parallel-brokerage-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    margin-left: 0px;

    margin-right: 10px;

    padding: 1px;

    font-size: 36px;

}



.murabahah-parallel-brokerage-type-title span.yellow-applications-text-line::after {

    display: inline-block;

    content: "";

    width: 101px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 0px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



.murabahah-parallel-brokerage-type-title span.line-span {

    margin-right: 10px;

    left: 0;

    right: auto;

}



/***********************Investment Banking Page Start Page*********************/



h5.about-us-team-name a.active.investment-banking-line::after {

    width: 260px;

}



.vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::before {

    width: 71px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -33px;

    z-index: 1;

    top: 13px;

    right: auto;

    background: #000000;

}



.vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after {

    width: 71px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 60px;

    z-index: -1;

    right: auto;

    top: 13px;

}



.vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::before {

    width: 74px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -33px;

    z-index: 1;

    top: 13px;

    right: auto;

    background: #000000;

}



.vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::after {

    width: 117px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 60px;

    z-index: -1;

    right: auto;

    top: 13px;

}



.capital-markets-advisory-content-wrapper {

    width: 500px;

    height: auto;

    font-family: 'Mulish';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.capital-markets-advisory-gray-wrapper {

    width: 488px;

    height: 208px;

    background: #F6F8FA;

    padding-left: 44px;

}



.advisory-services-wrapper {

    display: flex;

    align-items: center;

    padding-top: 44px;

}



.advisory-services-icon {

    margin-right: 30px;

}



.advisory-services-content {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

}



.capital-markets-advisory-image-wrapper {

    margin-top: -166px;

}



.cma-heading {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

    position: relative;

    z-index: 11;

}



.cma-heading span {

    font-family: 'Cairo-Bold';

    font-weight: 700;

}



.cma-heading span::after {

    width: 151px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 73px;

}



/*.gray-box-ib {    position: absolute;    width: 1025px;    height: 1448px;    left: 415px;    background: #F6F8FA;}*/



.ib-according-left-padding {

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 60px;

    padding-bottom: 60px;

    background: #F6F8FA;

}



.ib-according-left-padding .card {

    background: transparent !important;

}



.ib-according-left-padding .tab-content .accordion {

    background: #f6f8fa !important;

}



/********************Real Estate Page START*********************/



h5.about-us-team-name a.active.real-estate-line::after {

    width: 245px;

}



.after-services-hero-section-real-estate {

    padding-top: 65px;

}



.real-estate-after-image-left {

    position: relative;

    width: 704px;

    height: 382px;

    left: -96px;

}



.right-yellow-box {

    position: absolute;

    left: auto;

    right: -39px;

}



.real-estate-after-image-right {

    position: absolute;

    width: 491px;

    height: 233px;

    right: -81px;

    left: auto;

    top: auto;

    bottom: 0px;

}



.real-state-bar-line {

    position: absolute;

    left: -38px;

    top: -38px;

}



.strategy-investment-objectives {

    position: relative;

    height: 562px;

    display: flex;

    align-items: center;

    margin-bottom: 150px;

}



.gray-box-sio {

    position: absolute;

    width: 1040px;

    height: 562px;

    left: 0px;

    background: #F6F8FA;

}



.sio-wrapper {

    width: 490px;

    height: auto;

    margin-left: 90px;

}



.sio-heading {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

    position: relative;

    z-index: 11;

}



.sio-heading span {

    font-family: 'Cairo-Bold';

    font-weight: 700;

}



.sio-heading span::after {

    width: 178px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 73px;

}



.sio-wrapper p {

    width: 394px;

}



.rsdf-wrapper {

    width: 490px;

    height: auto;

}



.rsdf-heading {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

    position: relative;

    z-index: 11;

}



.rsdf-heading span {

    font-family: 'Cairo-Bold';

    font-weight: 700;

}



.rsdf-heading span::after {

    width: 123px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 120px;

}



.rsdf-wrapper p {

    width: 394px;

}



.rsdf-image-right {

    position: absolute;

    left: auto;

    right: -91px;

    top: auto;

    bottom: 50px;

}



span.idrl-yellow-bar::after {

    width: 95px !important;

    display: inline-block;

    content: "";

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 8px;

    left: 0px;

    z-index: -1;

}



.idrl-gray-box {

    top: 0;

    right: 0px;

    position: absolute;

    width: 1024px;

    height: 644px;

    left: auto;

    background: #F6F8FA;

}



.idrl-section {

    position: relative;

    padding: 0px 0px;

    height: 644px;

}



.idrl-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    position: relative;

    z-index: 111;

    margin-top: 100px;

}



.idrl-type-title span {

    font-family: Cairo-Bold;

    font-weight: 700;

    word-spacing: 10px;

    position: relative;

    padding: 1px;

    font-size: 36px;

}



span.line-span {

    position: absolute;

    left: auto;

    right: 0px;

    top: 0;

}




span.reif-yellow-box {

    position: relative;

}



.reif-heading span.reif-yellow-box::after {

    width: 132px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 0px;

    z-index: -1;

    right: auto;

    top: 18px;

}



.reif-heading {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    align-items: center;

    color: #000000;

    /* position: relative; */

    /* z-index: 11; */

    margin-bottom: -30px;

}



.reif-heading span {

    font-family: 'Cairo-Bold';

    font-weight: 700;

}



.real-estate-income-funds {

    padding: 100px 0px;

}



.real-state-bar-line {

    position: absolute;

    right: -38px;

    top: -38px;

}



.reif-bar-line {

    position: absolute;

    left: auto;

    right: -21px;

    top: -35px;

}



span.reif-content-heading {

    width: auto;

    position: relative;

    top: -42px;

    left: 103px;

    display: block;

}



.reif-wrapper p {

    width: 388px;

    height: 104px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    margin-left: 103px;

}



.reif-wrapper a {

    margin-left: 103px;

}



.reif-wrapper {

    padding-top: 100px;

}



.megamenu h5 a {

    padding-left: 0px !important;

    margin-left: 0px;

    text-decoration: none;

    font-size: 14px;

}



/**************careers Page Form****************/



form.advanced-search-careers-form {

    padding: 30px;

    background: #F6F8FA;

}



.vertical-tabs .nav-tabs .nav-link.join-us.active::before {

    width: 74px;

    height: 1px;

    display: inline-block;

    content: "";

    position: absolute;

    left: -33px;

    z-index: 1;

    top: 13px;

    right: auto;

    background: #000000;

}



.vertical-tabs .nav-tabs .nav-link.join-us.active::after {

    width: 55px;

    height: 18px;

    background: #FFE300;

    display: inline-block;

    content: "";

    position: absolute;

    left: 60px;

    z-index: -1;

    right: auto;

    top: 13px;

}



.advanced-search-careers-form h4 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

}



.advanced-search-careers-form h3 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 160%;

    color: #474C55;

}



.advanced-search-careers-form h3 {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 160%;

    color: #474C55;

}



.advanced-search-careers-form select,

.advanced-search-careers-form input[type="text"] {

    border-radius: 0px;

    padding: 7px 10px;

    border: 1px solid #CBCBCB;

    font-size: 14px;

    color: #000000;

    margin-bottom: 15px;

    width: 350px;

}



button.search-jobs {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #000000;

    padding: 16px 24px;

    gap: 10px;

    width: 151px;

    height: 52px;

    margin-top: 40px;

    justify-content: center;

    background: #FFE300;

    border: 1px solid #FFE300;

    text-decoration: none;

    float: right;

}



/***********************Asset Management Page Start Page*********************/



a.active.asset-management-line::after {

    width: 153px !important;

}



.nav-link.asset-managemen-overview.active::after {

    width: 73px !important;

}



.nav-link.asset-managemen-overview.active::after {

    width: 73px !important;

}



.nav-link.asset-managemen-overview.active::after {

    width: 73px !important;

}



.subscribe-ICAP-Funds-gray-box {

    position: absolute;

    width: 949px;

    height: 781px;

    left: auto;

    background: #F6F8FA;

    right: -91px;

}



/******************Award Slider Carousel Item******************/
.award-slider-box .award-slider-wrapper {
    height: 435px;
}
ol.carousel-indicators1.carousel-indicators1-award {
    margin-right: 0;
    left: 0;
    right: auto;
    bottom: -36px;
    margin-left: 0px;
    margin-top: -9px;
}
ol.carousel-indicators1.carousel-indicators1-award li.carousel-indicators1-award-slider {
    margin: 9px 0px 0px 0px !important;
    border: 0px solid #474C55;
}
button.carousel-control-prev.award-slider-control-prev, button.carousel-control-next.award-slider-control-next {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    margin-right: 20px;
}
button.carousel-control-prev.award-slider-control-prev {
    left: auto;
    right: 44px;
}
.award-slider-box {
    padding: 0px;
}
.slider-count {
    padding: 0px 2px;
}
.slider-count {
    width: 17px;
    height: 22px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #000000;
}
.award-image-wrapper {

    margin-bottom: 20px;

}



.award-slider-carousel-item1 {

    display: block !important;

}


.award-row {

    display: flex;

    position: relative;

}


.award-col-md-4 {

    width: 32%;
    -ms-flex: 0 0 33%;
    flex: 0 0 32%;
    max-width: 32%;
    background-color: #ffffff;
    padding: 15px;
    margin: 8px 0px 0px 8px;
    border: 1px solid #F6F8FA;
    border-radius: 0px;

}



.award-content-wrapper p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 160%;

    color: #474C55;

    text-align: justify;

}



.investment-philosophy-gray-box {

    position: absolute;

    width: 949px;

    height: 580px;

    left: auto;

    right: 0px;

    background: #F6F8FA;

    top: 100px;

}



.investment-philosophy-section {

    position: relative;

}



.investment-philosophy-content-wrapper {

    width: 501px;

    height: 286px;

    font-family: 'Mulish';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #474C55;

    margin-left: 110px;

    margin-top: 100px;

}



.investment-philosophy-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 110px;

}



span.investment-philosophy-text-line {

    font-family: 'Cairo-Bold';

    /* margin-left: 84px; */

}



span.investment-philosophy-text-line::after {

    display: inline-block;

    content: "";

    width: 115px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 12px;

    left: 0px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



span.line-investment-philosophy-span {

    position: absolute;

    left: 0px;

    right: auto;

    top: 0;

}



span.yellow-investment-philosophy-text-line {

    font-family: 'Cairo-Bold';

    /* margin-left: 84px; */

}



.investment-strategy-section {

    padding-top: 230px;

}



.investment-strategy-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

}



ul.investment-strategy-list-item {

    padding-left: 0px;

}



.investment-strategy-list-item li {

    width: 489px;

    left: 11px;

    top: 14px;

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    position: relative;

    list-style: none;

    margin-bottom: 25px;

    margin-left: 10px;

}



.investment-strategy-list-item li span {

    position: absolute;

    width: 37px;

    height: 37px;

    left: -10px;

    top: -16px;

    background: #F6F8FA;

    content: "";

    z-index: -1;

}



span.line-investment-strategy-span {

    position: absolute;

    left: 0px;

    right: auto;

    top: 0;

}



span.investment-strategy-text-line {

    font-family: 'Cairo-Bold';

    margin-right: 100px;
    margin-left: 0px;

}



span.investment-strategy-text-line::after {

    display: inline-block;

    content: "";

    width: 152px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 4px;

    left: 100px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



.investment-strategy-image-wrapper {

    position: relative;

    left: auto;

    top: 0;

    right: 0px;

}



.investment-strategy-image-wrapper img.bar-line-image {

    position: absolute;

    left: auto;

    right: -30px;

    top: -30px;

}



img.is-main-image {

    position: absolute;

    left: auto;

    right: 0px;

}



.investment-strategy-content-wrapper a {

    margin-left: 100px;

}



.fra-accordion-content-wrapper {

    padding: 0px 107px 100px 107px;

    margin-bottom: 100px;

}



.fra-image-wrapper {

    width: 100%;

    height: 360px;

    position: relative;

    left: auto;

    right: 0;

}



.fra-content-wrapper {

    background: #F6F8FA;

    height: auto;

    width: 100%;

}



.financial-reports-announcements {

    margin-top: 272px;

}



img.fra-content-wrapper-banner {

    margin-top: -100px;

    float: right;

}



.fra-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 110px;

    margin-bottom: 64px

}



span.line-fra-span {

    position: absolute;

    left: 0px;

    right: auto;

    top: 0;

}



span.fra-text-line {

    font-family: 'Cairo-Bold';

}

img.icap-fund-main-hero-banner {
    width: 100%;
    max-height: 453px;
}

span.fra-text-line::after {

    display: inline-block;

    content: "";

    width: 85px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    top: 23px;

    left: 93px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}

span.fra-text-line.fra-text-line1:after{width: 106px !important;}

.annual-reports-title {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



ul.annual-reports-list-item {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    padding-left: 15px;

}



.card.annual-reports-card {

    background: #F6F8FA;

}



.dpm-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    margin-bottom: 24px;

    width: 484px;

}



span.line-dpm-span {

    position: absolute;

    left: auto;

    right: 0;

    top: 0;

}



span.dpm-text-line {

    font-family: 'Cairo-Bold';

}



span.dpm-text-line::after {

    display: inline-block;

    content: "";

    width: 95px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    top: 23px;

    left: 0;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



/*****************************************/



.mutual-funds-table {

    width: 100%;

    background: #F6F8FA;

    padding: 40px 26px !important;

}



.mutual-funds-account-type {

    width: 393px;

    height: 26px;

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: rgba(71, 76, 85, 0.3);

    display: flex;

    align-items: center;

    border: 0px !important;

}



.mutual-funds-td-col1 {

    width: 393px;

}



.mutual-funds-td-row {

    display: flex;

    align-items: center;

}



.mutual-funds-td-row.equity-funds-row {

    background: #E9EFF5;

}



.mutual-funds-td-col2,

.mutual-funds-td-col3,

.mutual-funds-td-col4 {

    -ms-flex: 0 0 184px;

    flex: 0 0 23%;

    max-width: 23%;

    padding: 16px 20px;

}



.mutual-funds-td-col1,

.mutual-funds-td-col2,

.mutual-funds-td-col3,

.mutual-funds-td-col4 {

    border-bottom: 1px solid #000000;

}



.mutual-funds-td-row.mutual-funds-row {

    background: #E9EFF5;

}



.mutual-funds-td-col1.mutual-funds-title,

.mutual-funds-td-col2.mutual-funds-title,

.mutual-funds-td-col3.mutual-funds-title,

.mutual-funds-td-col4.mutual-funds-title {

    border-bottom: 0px;

}



.mutual-funds-td-col1.detail-return-type,

.mutual-funds-td-col2.detail-return-type,

.mutual-funds-td-col3.detail-return-type,

.mutual-funds-td-col4.detail-return-type {

    border-bottom: 0px !important;

}



.mutual-funds-td-col1.mutual-funds-title,

.mutual-funds-td-col1.equity-funds-title {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

    padding-left: 15px;

}



.mutual-funds-td-col1.asset-type.detail-asset-type,

.mutual-funds-td-col1.asset-type.detail-return-type,

.mutual-funds-td-col1.asset-type.detail-risk-type,

.mutual-funds-td-col1.asset-type.detail-liquidity-type,

.mutual-funds-td-col1.asset-type.detail-term-type {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: #000000;

}



.mutual-funds-td-col1.detail-term-type,

.mutual-funds-td-col2.detail-term-type,

.mutual-funds-td-col3.detail-term-type,

.mutual-funds-td-col4.detail-term-type,

.mutual-funds-td-col1.asset-type.detail-liquidity-type,

.mutual-funds-td-col1.asset-type.detail-risk-type,

.mutual-funds-td-col1.asset-type.detail-return-type,

.mutual-funds-td-col1.asset-type.detail-asset-type {

    height: 58px;

    display: flex;

    padding-left: 15px;

    align-items: center;

}



.mutual-funds-td-col1.equity-funds-title,

.mutual-funds-td-col2.equity-funds-title,

.mutual-funds-td-col3.equity-funds-title,

.mutual-funds-td-col4.equity-funds-title {

    border-bottom: 0px;

}



.mutual-funds-td-col1.mutual-funds-account-type {

    padding-left: 15px;

}



.mf-type-title {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 36px;

    line-height: 42px;

    color: #000000;

    position: relative;

    z-index: 111;

    padding-left: 100px;

    margin-bottom: 36px;

}



span.line-mf-span {

    position: absolute;

    left: 0px;

    right: auto;

    top: 0;

}



span.mf-text-line {

    font-family: 'Cairo-Bold';

}



span.mf-text-line::after {

    display: inline-block;

    content: "";

    width: 140px !important;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: -2px;

    left: 220px;

    z-index: -1;

    font-family: 'Cairo-Bold';

}



.main-banner-pages-links {

    display: none;

}



.main-service-banner-pages-links {

    display: none;

}



.col-md-4.only-mobile-ibo {

    display: none;

}



.vertical-tabs .nav-tabs .nav-link.Investment-Account.active::after {

    width: 158px;

}



.cat-calculation-tax {

    position: relative;

    z-index: 11;

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 160%;

    display: flex;

    align-items: center;

    color: #000000;

}



.cat-calculation-tax span.short-yellow-behind-line::after {

    width: 338px;

    height: 18px;

    display: inline-block;

    content: "";

    background: #FFE300;

    position: absolute;

    bottom: -4px;

    left: 484px;

    z-index: -1;

    right: auto;

}



.vat-tabs .nav-tabs .nav-link.Investment-Account.active::after {

    width: 178px;

}



/****************Post Detail Page Start**************/



section.post-detail-main-banner {

    margin-bottom: 100px;

}



.post-detail-main-banner-inner {

    position: relative;

    width: 100%;

    height: 453px;

}



.post-short-header-info {

    position: absolute;

    width: 853px;

    height: auto;

    left: 0;

    top: auto;

    background: #FFFFFF;

    bottom: 0px;

    right: auto;

    padding: 40px 70px 40px 110px;

}



.post-catagory-label {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    display: flex;

    align-items: center;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #FFE300;

}



.post-name-label {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 42px;

    line-height: 53px;

    display: flex;

    align-items: center;

    color: #000000;

}



p.post-short-detail {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

}



.post-publish-date {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 160%;

    color: rgba(0, 0, 0, 0.4);

    border-bottom: 1px solid #D6D6D6;

    padding: 29px 0px 40px 0px;

    width: 83%;

    margin: 0 auto;

}



.post-publish-date img {

    margin-right: 16px;

}



span.back-t0-post-catalog {

    position: absolute;

    top: 69px;

    left: 0;

}



.post-full-detail {

    padding: 100px 0px 40px 0px;

    border-bottom: 1px solid #D6D6D6;

    width: 83%;

    margin: 0 auto;

}



.post-full-detail p {

    font-family: 'Cairo-Light';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #000000;

}



.post-detail-after-banner {

    margin-bottom: 40px;

    margin-top: 40px;

}



.post-two-inner-banner {

    margin: 40px 0px;

}



img.post-two-inner-banner1 {

    margin-right: 30px;

}



span.socila-page-label {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 160%;

    color: #D6D6D6;

}



span.socila-page-label {

    margin-right: 24px;

}



span.post-catagory-name {

    display: flex;

    padding: 6px 10px;

    width: 111px;

    height: 27px;

    background: #F6F8FA;

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #474C55;

    float: left;

    margin-right: 16px;

}



.post-catagory-sharing-wrapper {

    padding: 30px 110px;

    margin-bottom: 165px;

}



.post-social-sharing-wrapper {

    float: right;

}



.recommended-articles-heading {

    font-family: 'Cairo-Bold';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0em;

    text-transform: uppercase;

    color: #D6D6D6;

}



.recommended-articles-sub-heading {

    font-family: 'Cairo-SemiBold';

    font-style: normal;

    font-weight: 700;

    font-size: 36px;

    line-height: 45px;

    color: #000000;

    margin-bottom: 62px;

}



span.ra-span {

    position: relative;

}



.recommended-articles-sub-heading span.ra-span::after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 18px;

    background: #FFE300;

    position: absolute;

    bottom: 0px;

    left: -5px;

    z-index: -1;

}



.recommended-articles-wrapper {

    width: 83%;

    margin: 0 auto;

}



.rap-category-box-wrapper .news-category-box-image {

    width: 100%;

    height: 215px;

    overflow: hidden;

}



.rap-category-box-wrapper img {

    width: 100%;

}



.rap-category-box-wrapper .news-category-box-content {

    width: 100%;

}



.desktop-only {

    display: block;

}



.mobile-only {

    display: none;

}



.content-outer-line-container .row {

    justify-content: center;

}



img.icap-fund-main-hero-banner {

    width: 100%;

}



.KYC-Update-wrapper {

    margin: 0 auto;

}



button.btn.btn-outline-secondary.navbar-toggler.collapsed img.cross {

    display: none;

}



button.btn.btn-outline-secondary.navbar-toggler img.cross {

    display: block;

}



button.btn.btn-outline-secondary.navbar-toggler img.bar {

    display: none;

}



button.btn.btn-outline-secondary.navbar-toggler.collapsed img.bar {

    display: block;

}



.menu-mobile-only {

    display: none;

}



.mutual-funds-table-mobile {

    display: none;

}

/********************ARABIC STYLES*******************/

.text-left {

    text-align: right!important;

}

.collapse.navbar-collapse.my-main-menu {



    float: left;

    text-align: left;

}



a.top-nav-link {

    margin-left: 0px;

	margin-right: 20px;

}

li.nav-item a {



    margin: 0px 23px 0px 0px;

    padding: 0 23px 0 0  !important;

}

.dropdown-toggle::after {



    margin-left: 0;

    margin-right: 0.255em;



}

.togglesearch {



    right: auto;

    left: 2.7%;

}

.megamenu {



    right: auto;

    left: 32px;



}



.megamenu .row{

	text-align: right;

	direction: ltr;

}

.megamenu .col-md-4.col-lg-3 {

  	border: 0;

	border-left: 1px solid rgba(214, 214, 214, 0.4);

}

.carousel-indicators1{

	right: auto;

	left: 0;

	margin-left: 0;

}

.left-carousel-indicators1 {

    margin-right: 0;
    left: auto;
    right: 83px;
    /* padding-left: 50px; */
    /* margin-right: 6.9%; */
    bottom: 0px;

}

bar-line-image {

    left: auto;

    right: 0;

}

.bar-line-image {



    right: 0px;

    left: auto;

}

.section-main-content {

    padding-left: 0;

    padding-right:  115px;

}

.section-main-content::after {

    left: auto;

    right: 0;

}

.invest-content-top-gap {

    margin-right: 41px;

    margin-left: 0px;

}

.invest-main-content {

    padding-right: 115px;

    padding-left: 0;

 }



.invest-main-content p::after {

    right:  0px;

    left: auto;

 }

ul.invest-list-item {

    padding-left: 0;

    padding-right: 10px;

}

.invest-list-item li::before {

    right: -10px;

    left: auto;

 }

.feature-row-gap {

   padding-left: 0px;

   padding-right: 95px;

}

.invest-image-container {

    float: left;

 }

.bar-bottom-line-image {

    right: -32px;

    left: auto;

}

.awards-achievements-content-top-gap {

    margin-left: 0px;

    margin-right: 41px;

}

.wards-achievements-content p {

    margin-left: 0px;

    margin-right: 107px;
    font-family: Cairo-Light;

}
.post-content{font-family: Cairo-Light;font-weight:normal;}
.awards-achievements-col11-5 {

    padding-left: 0px;

    padding-right: 96px;

}

.wards-achievements-content p {

    margin-right: 107px;

    margin-left: 0px;

}

.wards-achievements-content .section-cta-btn {

    margin-left: 0px;

    margin-right: 107px;

}

.wards-achievements-content::after {

    right:  0px;

    left: auto;

 }
 .wards-achievements-content::after {
    top: 12px;
}

.post-row{

	margin-right: -217px;    direction: initial;

}

.about-us-hero-gray-box {

    left: auto;

    right:  0px;

}

.about-us-hero-line-box {

    left: auto;

    right: 96px;

}

.about-us-hero-content {

    left: auto;

    right: 206px;

}

.about-us-hero-image {

    right: 416px;

    left: auto;

}

.about-us-list-items {

    right: 54px;

    left: auto;

}

.about-us-hero-gray-box-list-items {

    right: 928px;

    left: auto;

}

h5.about-us-team-name a.active::before {

    right: -88px;

    left: auto;

}

.vertical-tabs .nav-tabs .nav-link.active::before {

    left: auto;

    right: -33px;



}

.vertical-tabs .nav-tabs .nav-link {

    padding-left: 0 !important;

    padding-right: 60px !important;

}

.vertical-tabs .nav-tabs .nav-link.active::after{

	right: 60px;

	left: auto;

}

.our-company-big-gray-box {

    left: 0;

    right: auto;

}

.yellow-bar-top-image {

    left: auto;

    right: 73px;

}

.our-company-first-contant-wrapper {

    margin-left: auto;

    margin-right: 0px !important;

}

.our-company-first-list-item li::before {

    left: auto;

    right: -10px;

}

.our-company-bar-line-image {

    right: auto;

    left: 0px;

}

.our-company-bar-line-image3 {

    right: auto;

    left: -16px;

}

.our-company-first-contant-wrapper-3 {

    padding-left: 0px;

	padding-right: 162px;

}

.about-us-team-hero-gray-box {

    left: auto;

    right: 0px;

}

.about-us-team-hero-line-box{

	right: 96px;

	left: auto;

}

.about-us-team-hero-content {

    left: auto;

    right: 206px

}

.about-us-team-hero-image {

    left: auto;

    right: 416px;

}

.accordion>.card>.card-header button.btn{

	text-align: right;

}

.accordion>.card>.card-header button.btn:after,.accordion>.card>.card-header button.btn.collapsed:after {

    float: left;

    right: auto;

    left: 0px;

}

.about-us-team-hero-gray-box-list-items {

    left: auto;

    right: 928px;

}

.re-padding-left, .am-padding-left {

    margin-left: 0px;

    margin-right: 100px;

}

.news-list-item li::before {

    left: auto;

    right: -10px;

}

.vertical-tabs .nav.nav-tabs {

    float: right;

}

.befor-footer-box {

    padding-right: 77px;

    padding-left: 0px;

}

.contact-us-hero-gray-box {

    right: inherit;

    left: auto;

}

.contact-us-hero-line-box {



    left: auto;

}

.contact-us-hero-content {

	left: auto;

	right: 206px;



}



.contact-us-hero-image {

    left: auto;

	right: 416px;



}

.contact-us-hero-image {

    right: 416px;

    left: auto;

}

.contact-heading {

    padding-right: 60px;

    padding-left: 60px;

}

.contact-heading::before {

    left: auto;

    right: -33px;

}

.contact-form-heading span.short-yellow-line::after {

    right: 99px;

    left: auto;



}

.contact-form-heading::before {

    right: -33px;

    left: auto;



}

.services-hero-gray-box {

    right: 0px;

    left:auto;

}

.services-hero-line-box {

    left: auto;

    right:96px;

}

.services-hero-content {

    right: 206px;

	left:auto;



}

.services-hero-image {

    right: 416px;

	left: auto;

}

.bar-box-bottom-right {

    left:  79px;

    right: auto;

}

list-items {

    right: auto;

    left: 0;

}

.services-list-items {

    left: auto;

    right:54px;

}

.services-hero-gray-box-list-items {

    left: 0;

    right: auto;

}

.left-padding-invest-banking {

    padding-right: 100px;

    padding-left: 0px;

}

.ib-gray-box {

    left: 0;

    right: auto;

}

.international-brokerage-contant-wrapper {

    padding-right: 118px;

    padding-left: 0;

}

/*span.line-span {*/

/*    left: auto;*/
/*    right: -95px;*/



/*}*/
.goals-valus span.line-span {
    left: auto;
    right: -95px;
}
.inter-brokerage-list-item li::before {

    left: auto;

    right: -10px;

}

.Nomu-parallel-brokerage-type-title span.line-span {

    left: auto;

    right: 0;

}

.Nomu-parallel-brokerage-type-title {

    padding-right: 83px;

}

.nomu-parallel-market-content-wrapper p {

    margin-left: 0px;

    margin-right: 83px;

}

.parallel-market-feature-image {

    margin-right: 0px;

    margin-left: 30px;

}

.smart-devices-brokerage-type-title span.yellow-applications-text-line::after {

    left: auto;

    right: 67px;

}

.smart-devices-brokerage-type-title span.line-span {

    left: auto;

    right: -21px;

}

.phone-trading-brokerage-list-item li::before {

    right: -10px;

    left: auto;

}

.pt-gray-box {

    right: auto;

    left: 0;

}

.smart-devices-market-content-wrapper {

    padding-right: 235px;

    padding-left: 0;

}



span.workstation-yellow-bar::after {

    right: 0px;

    left: auto;

}

h3.trading-Workstation-brokerage-type-title span.line-span {

    left: auto;

    right: -84px;

}

.phone-trading-brokerage-type-title span {

    margin-left: 30px;

    margin-right: 0px;

}

span.phone-trading-yellow-bar::after {

    right: 0px;

    left: auto;



}

h3.phone-trading-brokerage-type-title span.line-span {

    right: -115px;

    left: auto;



}

.smart-devices-brokerage-type-title {

    padding-left: auto;

    padding-right: 70px;

}

.margin-credit-gray-box {

    left: 0;

    right: auto;



}

.margin-credit-parallel-brokerage-type-title {

    padding-left: 0;

    padding-right: 83px;

}

brokerage-type-title span.yellow-applications-text-line::after {

   right: 0px;

   left: auto;

}

.margin-credit-parallel-brokerage-type-title span.line-span {

    margin-right: 0;

    margin-left: 10px;

    left: auto;

    right: 0;

}

.margin-credit-parallel-brokerage-type-title span.yellow-applications-text-line2::after {

    right: auto;

    left: 28px;



}

.margin-credit-parallel-brokerage-type-title {

    padding-left: 0;

    padding-right: 83px;

}

.margin-cedit-content-wrapper p {

    padding-right: 78px;

    padding-left: 0;

}

.margin-cedit-content-wrapper a.learn-more-cta {

    margin-left: 0;

    margin-right: 78px;

}

.murabahah-parallel-brokerage-type-title {

    padding-right: 83px;

    padding-left: 0;

}

.murabahah-parallel-brokerage-type-title span.line-span {

    margin-left: 0px;

    margin-right: 10px;

    left: auto;

    right: 0;

}

.murabahah-parallel-brokerage-type-title span {

    margin-left: 10px;

    margin-right: 0px;



}

.murabahah-parallel-brokerage-type-title span.yellow-applications-text-line::after {

    left: auto;

    right: 0px;



}

.murabahah-financing-content-wrapper p {

    padding-left: 0;

    padding-right: 78px;

}

.murabahah-financing-feature-wrapper {



    float: right;

    margin-left: 50px;

    margin-right: 0px;

}

.margin-cedit-list-item li::before {

    left: auto;

    right: -10px;



}

.footer-widgets.quick-link-container {

    padding-left: 0px;

    padding-right: 55px;

}

ul.footer-pages-link {

    padding: 0;

}

span.icon {

    margin-left: 15px;

    margin-right: 0;

}

.subscribe-ICAP-Funds-gray-box {

    left: -91px;

    right: auto;

}

.investment-philosophy-gray-box {

    left: 0;

    right: auto;

}

.investment-philosophy-content-wrapper {

    margin-right: 110px;

    margin-left: 0px;

}

.parallel-brokerage-type-title {

    padding-right: 83px;

    padding-left: 0px;

}

span.investment-philosophy-text-line::after {

    left: auto;

    right: 0px;

}

.parallel-brokerage-type-title span.line-span {

    margin-left: 10px;

    margin-right: 0px;

    left: auto;

    right: 0;

}



span.line-investment-strategy-span {

    right: 0px;

    left: auto;

}

span.investment-strategy-text-line::after {

    left: auto;

    right: 100px;

}

ul.investment-strategy-list-item {

    padding-right: 0px;

    padding-left: 0px;

}

.investment-strategy-list-item li {

    left: auto;

    right: 0px;

    margin-left: 0px;

    margin-right: 10px;

}

.investment-strategy-list-item li span {

    left: auto;

    right: -10px;

}

.investment-strategy-image-wrapper {

    left: 0;

    right: auto;

}

.investment-strategy-image-wrapper img.bar-line-image {

    right: auto;

    left: -30px;

}

img.is-main-image {

    right: auto;

    left: 0px;

}

.fra-image-wrapper {

    right: auto;

    left: 0;

}

img.fra-content-wrapper-banner {

    float: left;

}

.fra-type-title {

    padding-right: 110px;

    padding-left: 0;

}

span.line-fra-span {



    left: auto;

    right: 0;

}

span.fra-text-line::after {

    right: 111px;

    left: auto;



}

.mf-type-title {

    padding-right: 100px;

    padding-left: 0;

}

span.line-mf-span {

    left: auto;

    right: 0;

}

span.mf-text-line::after {

    right: 220px;

    left: 0px;

}

span.dpm-text-line::after {

    right: 0;

    left: auto;

}

span.line-dpm-span {

    right: -95px;

    left: auto;

}

.vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::before {

    right: -33px;

    left: auto;

}

.vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after {

    right: 60px;

    left: auto;

}



.cma-heading span::after {

    left: auto;

    right: 0;

}

.capital-markets-advisory-gray-wrapper {

   padding-right: 44px;

   padding-left: 0;

}

.advisory-services-icon {

    margin-left: 30px;

    margin-right: 0px;

}

.vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::before {

    right: -33px;

	left: auto;

}

.vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::after {

    right: 8px;

    left: auto;

}

.real-estate-after-image-left {

   left: 0;

   right: -96px;

}

.right-yellow-box {

    right: auto;

    left: -39px;

}

.real-estate-after-image-right {

    left: -81px;

    right: auto;

}



.gray-box-sio {

    left: auto;

    right: 0px;

}

.sio-wrapper {

    margin-right: 90px;

    margin-left: 0px;

}

.sio-heading span::after {

    right: 0px;

    left: auto;

}

.rsdf-image-right {

    right: auto;

    left: -91px;
    
    top: -155px;

}

.rsdf-heading span::after {

    left: auto;

    right: 0;

}

.idrl-gray-box {

    left: 0px;

    right: auto;

}

span.reif-content-heading {

    left: auto;

    right: 0px;

}

.reif-wrapper p {

    margin-left: 0;

    margin-right: 0;

}

.reif-wrapper a {

    margin-right: 103px;

    margin-left: 0;

}

.media-hero-gray-box {

    left: auto;

    right: 0px;

}

.media-hero-line-box {

    left: auto;

    right: 96px;

}

.media-hero-content {

    left: auto;

    right: 206px;

}

.media-main-hero-image {

    left: auto;

    right: 416px;

}

/*
.bar-box-bottom-right {

    right: 79px;

    left: auto;

}
*/

.contact-inner-icon-wrapper {

    margin-left: 24px;

    margin-right: 0px;

}

.gray-box-news-media {

    right: auto;

    left: 0px;



}

.bar-box-news-media {

    right: 64px;

    left: auto;

}

.news-media-col-wrapper {

    padding-left: 0px;

    padding-right: 109px;

}

span.heading-bold::after {

    left: auto;

    right: 0px;

}

.news-media-main-content p {

    margin-left: 0;

    margin-right: 107px;



}

ul.news-list-item {

    padding-left: 0;

    padding-right: 0px;

}

.news-media-main-content .section-cta-btn {

    padding-right: 106px;

    padding-left: 0px;

}

.news-media-main-content::after {

    left: auto;

    right: 0px;



}

.profile_div {left:0; right:auto;}


.slider-box {

    left: auto;
    right: 96px;

}
a.main-slider-cta img {
    padding-left: 15px;
    padding-top: 0px;
    transform: rotate(180deg);
}
li.nav-item .sub-parent-class1 a,li.nav-item .sub-parent-class2 a,li.nav-item .sub-parent-class3 a,li.nav-item .sub-parent-class4 a,li.nav-item .sub-parent-class5 a,li.nav-item .sub-parent-class6 a,li.nav-item .sub-parent-class7 a,li.nav-item .sub-parent-class8 a{
    margin: 0;
}
.businessmen-main-image{right: auto;
    left: -81px;}
.befor-footer-cta img{
	transform: rotate(180deg);
}
.our-fund-row .section-main-content p{text-align: right !important;
}
.murabahah-financing-content-wrapper a{margin-left: 0;margin-right: 84px;}
.profile_div{left: 0;right: auto !important;}
.info-security-hero-line-box {
    right: 96px;
    left: auto;
 }
.info-security-hero-content {
    right: 206px;
    left: auto;
 }
.info-security-hero-image {
    left: auto;
    right: 0px;
}
.awareness-hero-line-box,.new-client-hero-line-box,.new-client-hero-line-box,.complaint-hero-line-box {
    left: auto;
    right: 96px;
}
.awareness-hero-content,.new-client-hero-content,.new-client-hero-content,.complaint-hero-content {
    left: auto;
    right: 206px;
}
.awareness-hero-image,.new-client-hero-image,.new-client-hero-image,.complaint-hero-image {
    right: 0;
    left: auto;
}
.threat-malware-heading span.yellow-behind-line::after{
	left: auto;
	right:0;
}
.complaint-form-heading::before {
    left: auto;
    right: -22px;
}
.complaint-form-heading span.short-sub-yellow-line::after{
	left: auto;
	right: -99px;
}
.careers-hero-gray-box {
    right: 0px;
    left: auto;
}
.careers-hero-line-box {
    right: 96px;
    left: auto;
}
.careers-hero-content {
    right: 206px;
    left: auto;
}
.careers-hero-image {
    right: 416px;
    left: auto;
}
.list-unstyled li.nav-item a.nav-link {
    font-size: 14px;

    font-family: Cairo-semiBold;
}
.megamenu h5 a {
    font-family: Cairo-Bold;
    font-size: 13px; color:#474C55;
}
.megamenu .list-unstyled li.nav-item a.nav-link {
    font-family: Cairo-Bold, 'Cairo', sans-serif !important;
    font-size: 13px !important;
    color: #474C55 !important;
}
a.btn.cta-btn:hover {
    border: 1px solid #FFE300;

}
/********************ARABIC STYLES*******************/

#myCarousel .container{
    max-width:100%;
}
.carousel-caption1.text-left{
    /*text-align: left!important;*/
}
.carousel-caption1 {
       position: absolute;
    right: 83px;
    bottom: 49px;
    left: auto;
    top: auto;
}
.main-slider-cta{    display: inline-flex;}

/* RESPONSIVE CSS-------------------------------------------------- */



@media (min-width: 40em) {

    /* Bump up size of carousel content */

    .carousel-caption1 p {

        margin-bottom: 1.25rem;

        font-size: 1.25rem;

        line-height: 1.4;
        font-family: Cairo-SemiBold;

    }

    .featurette-heading {

        font-size: 50px;

    }

}



@media (min-width: 62em) {

    .featurette-heading {

        margin-top: 7rem;

    }

}



/******************Mobile media query*****************/



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

    /* body {		max-width: 1440px;		margin: 0 auto;	}*/

    .content-outer-line-container .row {

        justify-content: center;

    }

    .befor-footer-section {

        background-size: 100% auto;

        height: 675px;

        background-position: 46% 34%;

    }

    .awards-achievements-content-top-gap {

        margin-right: 43%;
         margin-left: 0%;
    }
   #mixedSlider {
        right: 0px;
    }
}



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

    /* body {		max-width: 1440px;		margin: 0 auto;	}*/

    .awards-achievements-content-top-gap {

        margin-left: 0%;  margin-right: 20%;

    }
    #mixedSlider {
        right: 530px;
    }
}



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

   /* .post-row {

        flex: 0 0 72%;

        max-width: 72%;

    }

    /* body {		max-width: 1440px;		margin: 0 auto;	}*/

}



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

    .main-col-image {

        padding-top: 36px;

        padding-left: 90px;

    }

    /*body {		max-width: 1440px;		margin: 0 auto;	*/

    .awards-achievements-content-top-gap {

        margin-left: 8%;

    }

}



@media screen and (max-width: 1440px) {
    #mixedSlider {
        right: 524px;
    }

    .post-row {

        flex: 0 0 73%;

        max-width: 73%;

    }

    .awards-achievements-content-top-gap {

        padding-top: 80px;

        margin-left: 8%;

    }

    .new-client-hero-sub-heading {


        width: 100%;

        height: auto;

    }

    img.icap-fund-main-hero-banner {

        width: 100%;

    }

    .befor-footer-section {

        background-image: url(./assets/images/invest-with-us-ar.svg);

        background-size: 100% auto;

        height: 572px;

        background-repeat: no-repeat;

        background-position: unset;

    } 
    .carousel-item1>img {
        height: auto;
    }
    .left-carousel-indicators1 {
        bottom: 36px;
    }

}



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

    body {

        max-width: 1365px;

    }

    .container {

        max-width: 1365px;

        padding: 0px 96px;

    }

    .about-us-hero-gray-box-list-items {

        width: 341px;

    }

    .about-us-team-hero-gray-box-list-items {

        width: 341px;

    }

    .new-client-hero-image img,

    .icap-fund-hero-section img,

    .update-kyc-hero-section img,

    .awareness-hero-image img,

    .info-security-hero-image img,

    .complaint-hero-image img {

        width: 100%;

    }

    .post-row {

        flex: 0 0 74%;

        max-width: 74%;

    }

    .main-col-image {

        padding-top: 36px;

        padding-left: 29px;

    }

    .content-outer-line-container {

        padding: 205px 15px 100px 15px;

    }

    .KYC-Update-wrapper {

        width: 100%;

        height: auto;

        background: #F6F8FA;

        padding: 60px 60px 100px 60px;

    }

    .KYC-Update-wrapper input.form-control {

        background: #FFFFFF;

        border: 1px solid rgba(214, 214, 214, 0.5);

        width: 100%;

        height: 64px;

        margin-bottom: 30px;

        border-radius: 0px;

    }

    .media-main-hero-image {

        width: 866px;

    }

    img.media-main-hero-banner {

        width: 100%;

    }

    .murabahah-financing-feature-wrapper {

        width: 100%;

    }

    img.icap-fund-main-hero-banner {

        width: 100%;

    }

}



@media screen and (max-width: 1281px) {
    #mixedSlider {
        right: 53%;
    }

    body {

        max-width: 1280px;

    }

    .container {

        max-width: 1280px;

        padding: 0px 96px;

    }

    .carousel-indicators1-container {

        width: 196px;

    }

    img.our-funds-image {

        width: 448px;

    }

    .post-row {

        flex: 0 0 75%;

        max-width: 75%;

    }

    .befor-footer-section {

        height: 460px;

    }

    .new-client-content-wrapper {

        width: 768px;

    }

    .content-outer-line-container {

        border: 9px solid #F6F8FA;

        margin: 0 4px;

        padding: 205px 15px 100px 15px;

    }

    .contact-us-hero-image {

        width: 67.5%;

    }

    .contact-us-hero-image img {

        width: 100%;

    }

    .news-category-box-image {

        width: 100%;

        height: 165px;

    }

    .news-category-box-image img {

        width: 100%;

    }

    .news-category-box-content {

        width: 100%;

    }

    .businessmen-main-image img {

        width: 100%;

    }

    .businessmen-main-image {

        right: 0px;

        width: 377px;

    }

    .about-us-main-real-rstate-image img {

        width: 100%;

    }

    .about-us-hero-gray-box-list-items {

        width: 256px;

        left: 799px;

    }

    .about-us-management-wrapper img,

    .about-us-main-asset-management-image img {

        width: 100%;

    }

    .about-us-main-asset-management-image img {

        width: 100%;

    }

    .about-us-board-members-wrapper {

        width: 416px;

        height: auto;

    }

    .about-us-main-shariah-board-wrapper {

        width: 594px;

    }

    .about-us-team-hero-gray-box-list-items,

    .about-us-team-hero-gray-box-list-items {

        width: 256px;

    }

    .about-us-team-hero-gray-box-list-items {

        width: 256px;

    }

    .careers-hero-image img {

        width: 100%;

    }

    .careers-hero-image {

        width: 67.5%;

    }

    .new-client-content-wrapper {

        width: 100%;

    }

    .befor-footer-box {

        top: 116px;

    }

    .media-main-hero-image {

        width: 767px;

    }

    .about-us-team-name a {

        font-size: 16px;

    }

    h5.about-us-team-name a.active::after {

        top: 9px;

    }

    .about-us-team-name a.active {

        font-size: 17px;

    }

    .our-company-first-contant-wrapper {

        width: 100%;

    }

    .our-company-first-contant-wrapper {

        width: 100%;

        height: auto;

        margin-left: 0px;

    }

    img.our-company-box-img {

        width: 100%;

    }

    .about-us-short-details {

        width: 100%;

    }

    .awards-achievements-image-wrapper img {

        width: 100%;

    }

    .awards-achievements-image-wrapper {

        width: 100%;

        float: right;

    }

    .new-client-hero-line-box {

        top: 205px;

    }

    .new-client-hero-content {

        top: 292px;

    }

    .post-detail-after-banner img {

        width: 100%;

    }

    .post-detail-after-banner {

        width: 100%;

    }

    img.post-two-inner-banner2 {

        width: 47%;

    }

    img.post-two-inner-banner1 {

        margin-right: 30px;

        width: 47%;

        float: left;

    }

}



@media screen and (max-width: 1081px) {
    .awards-achievements-section {
        padding-top:100px !important;
    }
    .arab_slides_home .awards-achievements-col11-5 {
        padding-right: 6px;
    }
    #mixedSlider {
        right: 60%;
    }

    .container {

        max-width: 100%;

        padding: 0px 30px;

    }

    .our-fund-row .section-main-content p {

        width: 380px;

    }

    img.our-funds-image {

        width: 422px;

        height: auto;

    }

    .main-invest-col-image img {

        width: 481px;

        height: auto;

    }

    .invest-content-top-gap p {

        width: 334px;

        height: auto;

    }

    .feature-detail {

        height: auto;

        width: 193px;

    }

    .feature-box {

        margin-bottom: 24px;

    }

    .feature-row-gap {

        padding-top: 30px;

    }

    .gray-box-invest {

        max-height: 1106px;

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 98%;

        max-width: 98%;

    }

    .about-us-main-shariah-board-wrapper {

        width: 100%;

    }

    .about-us-team-hero-gray-box-list-items,

    .about-us-team-hero-gray-box-list-items {

        width: 256px;

    }

    .col-md-invest-image {

        -ms-flex: 0 0 56.9%;

        flex: 0 0 56.9%;

        max-width: 56.9%;

    }

    img.family-images {

        width: 100%;

        height: auto;

    }

    .slider-content {

        margin-bottom: 20px !important;

    }

    .main-slider-cta {

        margin-top: -120px;

    }

    .invest-image-container {

        width: 480px;

        height: 703px;

        float: right;

        position: relative;

    }

    .invest-image-container {

        width: 480px;

        height: 553px;

    }

    .feature-heading {

        font-size: 19px;

    }

    .post-row {

        flex: 0 0 78.5%;

        max-width: 78.5%;

    }

    .news-media-container {

        position: relative;

        width: 100%;

        height: 500px;

    }

    .news-media-image img {

        width: 100%;

        height: 448px;

    }

    .news-list-item li {

        font-size: 14px;

    }

    .befor-footer-box {

        top: 108px;

    }

    .awards-achievements-section {

        padding-top: 0;

    }

    a.snba-cta,

    a.snia-cta {

        padding: 19px 15px;

    }

    .new-client-hero-line-box {

        left: 30px;

        top: 179px;

    }

    .new-client-hero-content {

        top: 261px;

        left: 80px;

    }

    .content-outer-line-container .row {

        justify-content: center;

    }

    .contact-us-hero-image {

        width: 61.5%;

    }

    .contact-form {

        width: 100%;

    }

    .customer-care {

        width: 100%;

        height: auto;

    }

    .customer-care img {

        width: 100%;

    }

    .contact-inner-form-wrapper .input-group {

        width: 100%;

    }

    .media-main-hero-image {

        width: 663px;

    }

    .media-main-hero-image {

        top: 169px;

    }

    .careers-hero-image {

        width: 61.5%;

    }

    .complaint-form {

        width: 100%;

        height: auto;

        left: 737px;

        top: 873px;

        background: #F6F8FA;

        padding: 59px 34px;

    }

    .complaint-inner-form-wrapper .input-group {

        width: 100%;

    }

    .complaint-form-heading span.short-yellow-line::after {

        left: 49px;

    }

    .complaint-form-heading span.short-sub-yellow-line::after {

        left: 49px;

    }

    .threat-category-col {

        flex: 0 0 73%;

        max-width: 73%;

        margin-left: 10px;

    }

    .vertical-tabs .nav-tabs .nav-link.active::before {

        display: none;

    }

    .vertical-tabs .nav-tabs .nav-link {

        padding-left: 0px !important;

    }

    .vertical-tabs .nav-tabs .nav-link.active::after {

        left: 0px;

    }

    .info-security-hero-line-box {

        top: 179px;

    }

    .info-security-hero-content {

        top: 265px;

    }

    .info-security-hero-section {

        position: relative;

        height: 369px;

        top: -129px;

    }

    .awareness-hero-line-box {

        top: 179px;

    }

    .awareness-hero-content {

        top: 265px;

    }

    .awareness-hero-section {

        height: 322px;

    }

    .after-awareness-hero-section {

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .awareness-content-wrapper {

        width: 100%;

    }

    img.our-company-box-img {

        width: 100%;

    }

    .our-company-first-contant-wrapper {

        width: 100%;

        height: auto;

        margin-left: 0px;

    }

    .about-us-team-hero-gray-box-list-items,

    .about-us-team-hero-gray-box-list-items {

        width: 256px;

        left: 794px;

    }

    img.our-company-bar-line-box {

        width: 100%;

    }

    .our-company-first-contant-wrapper-3 {

        padding-left: 26px;

    }

    h3.after-services-title span.line-span {

        display: none;

    }

    .re-padding-left,

    .am-padding-left {

        margin-left: 0px;

    }
    .awareness-hero-line-box {
	top: 35px;
	right: 40px;
}
.awareness-hero-content {
    top: 97px;
    right: 70px;
  }

    /*.services-hero-gray-box-list-items {        left: 824px !important;	}*/

    .service-main-brokerage-image img,

    .service-main-asset-management-image img,

    .service-main-investment-banking-image img,

    .service-main-real-rstate-image img {

        width: 100%;

    }

    .bar-box-bottom-right {

        right: -30px;

    }

    .bar-box-bottom-left {

        left: -30px;

    }

    .bar-box-top-left {

        left: -30px;

    }

    .margin-cedit-content-wrapper p {

        width: 100%;

    }

    .murabahah-financing-feature-wrapper {

        width: 39%;

    }

    .investment-philosophy-content-wrapper {

        width: auto;

    }

    ul.investment-strategy-list-item {

        padding-left: 0px;

    }

    .fra-type-title {

        padding-left: 0px;

    }

    .subscribe-ICAP-Funds-gray-box {

        width: 100%;

        right: 0px;

    }

    a.active.asset-management-line::after {

        width: 160px !important;

    }

    .vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after,

    .vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::after {

        left: 0px;

    }

    .vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::before,

    .vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::before {

        display: none;

    }


    .capital-markets-advisory-content-wrapper {

        width: 100%;

    }

    .capital-markets-advisory-image-wrapper img {

        width: 100%;

    }

    h5.about-us-team-name a.active.investment-banking-line::after {

        width: 163px;

    }

    .shariah-board-member-full-info-detail p {

        width: 100% !important;

    }

    .about-us-main-brokerage-image img {

        width: 100%;

    }

    /*.about-us-hero-gray-box-list-items, .services-hero-gray-box-list-items {		left: 794px;	}*/

    .services-hero-gray-box-list-items {

        width: 278px;

    }

    .real-estate-after-image-left {

        position: relative;

        width: 65%;

        height: auto;

    }

    img.real-estate-after-image-left-img {

        width: 100%;

    }

    .real-estate-after-image-right {

        position: absolute;

        width: 40%;

        height: auto;

        right: 0;

        left: auto;

        top: auto;

        bottom: 0px;

    }

    img.real-estate-after-image-right-img {

        width: 100%;

    }

}



@media screen and (max-width: 1024px) {
    .hero-section,.carousel-item1 {
        height: 520px;
    }
    .main-service-heading {
        font-size: 14px;
    }
    .main-service-content {
        height: 38px;
        margin-bottom: 0;
    }
    #mixedSlider {
        right: 65%;
    }

    img.our-funds-image {

        width: 368px;

        height: auto;

    }

    .news-media-main-content {

        margin-left: -117px;

    }

    .befor-footer-section {

        height: 433px;

    }

    .carousel-indicators1 {

        bottom: -23px;

    }

    a.googlemap img {

        width: 100%;

    }

    .footer-about-content {

        width: 280px;

    }

    .footer-widgets.quick-link-container {

        padding-left: 20px;

    }

    .contact-us-hero-image {

        width: 59.5%;

    }

    .news-content {

        width: auto;

        height: auto;

    }

    .news-title {

        width: auto;

        height: auto;

    }

    .news-category-box-content {

        height: 222px;

    }

    .news-category-box-image {

        height: 143px;

    }

    .careers-hero-image {

        width: 59.5%;

        top: 190px;

    }

    .awareness-content-wrapper {

        width: 100%;

        height: auto;

    }

    .about-us-team-hero-gray-box-list-items,

    .about-us-hero-gray-box-list-items {

        left: 738px;

    }

    .about-us-team-hero-image {

        left: 340px;

    }

    .businessmen-main-image {

        right: 0px;

        top: 0;

        width: 360px;

        height: auto;

    }

    .about-us-short-details,

    .about-us-min-short-details.re-padding-left {

        width: 100%;

    }

    .about-us-main-brokerage-image img {

        width: 100%;

    }

    .about-us-main-shariah-board-wrapper {

        width: 100%;

    }

    .bar-box-bottom-right {

        right: -30px;

    }

    .our-company-content {

        margin-top: 214px;

    }

    .about-us-board-members-wrapper {

        width: 100%;

    }

    .about-us-main-asset-management-image img {

        width: 100%;

    }

    .re-padding-left,

    .am-padding-left {

        margin-left: 0px;

    }

    .about-us-management-wrapper {

        padding-left: 0px;

    }

    .about-us-management-wrapper .bar-box-top-right {

        left: -30px;

    }

    .about-us-board-members-wrapper .bar-box-bottom-left {

        bottom: 0px;

        top: auto;

        left: -30px;

    }

    .left-padding-invest-banking {

        padding-left: 0px;

    }

    span.line-span {

        display: none;

    }

    .about-us-gap-row {

        margin-bottom: 30px;

    }

    .businessmen-main-image img {

        width: 100%;

    }

    .about-us-main-real-rstate-image img {

        width: 100%;

    }

    .our-company-big-gray-box3 {

        width: 611px;

    }

    .our-company-main-image2 {

        margin-right: 0px;

    }

    .col-md-9.careers-category-col {

        flex: 0 0 73%;

        max-width: 73%;

        margin-left: 10px;

    }

    .about-us-team-after-hero-section {

        margin: 30px 0px 30px 0px;

    }

    .about-us-our-company-info-section-3 {

        position: relative;

        margin-bottom: 97px;

    }

    .our-company-big-gray-box3 {

        width: 611px;

        height: 607px;

    }

    .services-hero-gray-box-list-items {

        left: 767px !important;

        width: 255px;

    }

    .media-main-hero-image {

        width: 663px;

        left: auto;

        right: 0;

    }

    .news-date {

        width: 100%;

    }

    .new-client-hero-section {

        height: 336px;

    }

    .new-client-hero-image {

        height: 336px;

    }

    .new-client-hero-section {

        height: 436px;

    }

    .new-client-hero-line-box {

        top: 168px;

    }

    .new-client-hero-image {

        height: 306px;

    }

}



@media screen and (max-width: 900px) {
    .main-menu-bar {
        background: rgba(255, 255, 255);
        height: 82px;
    }
    .awards-achievements-content-top-gap {
        margin-left: 0%;
        margin-right: 24px;
    }
     .megamenu h5.dropdown-toggle::after {
        display:block;
        float: right;
        margin-right: 6px;
        margin-top: 6px;
    }

    .map {

        width: 100%;

    }

    span.line-investment-strategy-span {

        display: none;

    }

    .about-us-team-hero-short-details p {

        color: #ffffff;

    }

    .col-md-4.col-lg-3.pr-0.pl-0.sub-menu-outter-wrapper {

        flex: 0 0 100%;

        max-width: 100%;

    }

    li.nav-item a {

        margin: 0px 0px 0px 0px;

        padding: 5px 5px 5px 5px !important;

        background-color: #ffffff;

        border-bottom: 1px solid rgba(214, 214, 214, 0.4);

    }

    .togglesearch {

        background: #E8E8E4;

        position: absolute;

        top: 40px;

        right: 2.7%;

        width: 278px;

        height: 38px;

        line-height: 29px;

    }

    .togglesearch input[type="text"] {

        width: 200px;

        padding: 5px 7px;

        margin-left: 0px;

        border: 0px solid #474C55;

        outline: none;

        height: 32px;

        background: #E8E8E4;

    }

    .togglesearch button {

        border: 0px;

        float: right;

        background: transparent;

    }

    .togglesearch button img {

        height: 28px;

        padding-top: 5px;

    }

    .menu-desktop-only {

        display: none;

    }

    .menu-mobile-only {

        display: block;

    }

    ul.list-unstyled.mb-3 {

        display: none;

    }

    .oc-1.visible,

    .oc-2.visible,

    .oc-3.visible,

    .oc-4.visible,

    .oc-5.visible,

    .oc-6.visible,

    .oc-6.visible,

    .oc-7.visible,

    .oc-8.visible {

        display: block !important;

    }

    a.mobile-language-link {

        margin-left: 30px;

        margin-right: auto;

    }

    .main-menu-bar {

        padding: 20px 24px;

        background: rgba(255, 255, 255);

        height: 60px;

    }

    .collapse.navbar-collapse.my-main-menu {

        display: none !important;

        float: left;

        text-align: left;

    }

    .navbar-collapse.my-main-menu.collapse.show {

        display: block !important;

       /* height: 80vh;*/

        background: #ffffff;

    }

    a.mobile-language-link {

        color: #000000;

        display: block;

    }

    .desktop-language-link {

        display: none;

    }

    .btn-outline-secondary:hover {

        color: #fff;

        background-color: transparent;

        border-color: transparent;

    }

    .btn-outline-secondary.focus,

    .btn-outline-secondary:focus {

        box-shadow: 0 0 0 0rem rgb(108 117 125 / 50%);

    }

    li.nav-item a {

        margin: 0px 0px 0px 0px;

        padding: 5px 5px 5px 5px !important;

        background-color: #ffffff;

        border-bottom: 1px solid rgba(214, 214, 214, 0.4);

    }

    .container,

    .container-sm {

        max-width: 100%;

    }

    .container {

        max-width: 100%;

        padding: 0px 24px;

    }

    a.navbar-brand.home img {

        width: 140px;

    }

    .megamenu {

        padding: 0px 15px;

        width: 100%;

        right: 0;

        left: auto;

        border: 0px;

        border-radius: 0px;

        height: 130px;

        overflow: scroll;

        scroll-behavior: auto;

        border-bottom: 1px solid #555555;

    }

    .megamenu .col-md-4.col-lg-3 {

        border-right: 0px solid rgba(214, 214, 214, 0.4);

    }

    .megamenu h5 {

        padding: 0px 0px;

    }

    .megamenu h5 {

        margin-bottom: 0px;

    }

    .sub-menu-outter-wrapper {

        padding-left: 15px !important;

    }

    .navbar-nav .open .dropdown-menu .dropdown-header {

        color: #fff;

    }

    .top-nav-link-wrapper {

        margin-top: 0px;

        border-bottom: 1px solid;

        padding-bottom: 15px;

        margin-bottom: 0px;

        background-color: #ffffff;

        padding-top: 15px;

    }

    .togglesearch {

        top: 62px;

    }

    a.top-nav-link {

        font-weight: 700;

    }

    .slider-box {

        display: none;

    }

    .carousel-item1 {

        height: 24rem;

    }

    .hero-section {

        height: 24rem;
        margin-top: 0px;

    }

    .carousel-caption1 {

        top: 14rem;
        left: auto;
        right: 20px;

    }

   .carousel-indicators1 {
        bottom: -6px;

        margin-left: 0%;
        right: 42px;
    }

    .carousel-indicators1-container {

        width: 225px;

    }

    .invest-main-content p::after {

        display: none;

    }

    .invest-main-content {

        padding-left: 0px;

    }

    .feature-row-gap {

        padding-left: 24px;

    }

    .feature-heading {

        font-size: 18px;

    }

    .col-md-invest-image {

        -ms-flex: 0 0 56.9%;

        flex: 0 0 56.7%;

        max-width: 56.7%;

    }

    .awards-achievements-col11-5 {

        padding-left: 0px;

    }

    .awards-achievements-content-top-gap {

        margin-left: 24px;

    }

    img.our-funds-image {

        width: 346px;

        height: auto;

    }

    .wards-achievements-content::after,

    .news-media-main-content::after {

        display: none;

    }

    .wards-achievements-content p {

        margin-left: 0px;

    }

    .col-md-11.news-media-wrapper {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .news-media-col-wrapper {

        padding-left: 30px;

    }

    .befor-footer-box {

        border: 0px solid #FFFFFF;

        padding-top: 33px;

        height: 200px;

    }

    .main-maga-menu-wrapper {

        padding: 0px 0px;

        padding-top: 6px;

    }

    .new-client-hero-line-box {

        display: none;

    }

    .new-client-hero-content {

        top: 225px;

        left: 24px;

    }

    .after-careers-hero-section {

        margin-top: 30px;

        margin-bottom: 30px;

    }

    a.snba-cta,

    a.snia-cta {

        font-size: 12px;

    }

    .vertical-tabs .nav-tabs .nav-link.active::before {

        display: none;

    }

    /*.vertical-tabs.careers-tabs ul.nav.nav-tabs {		padding-right: 0px;		float: none;		display: flex;	}*/

    .vertical-tabs .nav-tabs .nav-link.active::after {

        height: 12px;

        left: 0px;

        right: 0px;

        top: 17px;

    }

    .vertical-tabs .nav-tabs .nav-link {

        padding-right: 15px !important;

        padding-left: 0px !important;

    }

    .vertical-tabs {

        padding: 0px;

    }

    .new-client-hero-content {

        top: 173px;

        left: 24px;

    }

    .card-header button.btn {

        font-size: 16px;

        line-height: 120%;

    }

    .contact-us-hero-line-box {

        display: block;

        position: relative;

        width: 100%;

        height: 536PX;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .contact-us-hero-sub-heading,

    .contact-us-hero-short-details {

        color: #ffffff;

        width: 100%;

        height: auto;

    }

    .contact-heading span.short-yellow-line::after {

        width: 168px;

    }

    .contact-us-hero-gray-box {

        display: none;

    }

    .contact-us-hero-image {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

    }

    .contact-us-hero-content {

        position: absolute;

        top: 236px;

        left: 24px;

        z-index: 1;

    }

    .contact-us-hero-section {

        position: relative;

        height: auto;

        top: -130px;

    }

    .contact-form {

        width: 100%;

    }

    .contact-form {

        padding: 30px 30px;

    }

    .contact-form-heading::before {

        top: 53px;

    }

    .contact-form-heading span.short-yellow-line::after {

        left: 46px;

        top: 54px;

    }

    .media-main-hero-image {

        width: 100%;

        left: auto;

    }

    .media-main-hero-image {

        top: 129px;

    }

    .media-hero-line-box {

        display: none;

    }

    .media-hero-content {

        left: 24px;

    }

    .media-hero-sub-heading,

    .media-hero-short-details {

        color: #ffffff;

    }

    .media-hero-section {

        height: 638px;

    }

    .media-hero-gray-box {

        width: 100%;

        height: 637px;

        left: 0px;

        top: 29px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

    }

    .after-media-hero-section {

        margin-top: 0px;

    }

    .news-category-box-content {

        height: auto;

    }

    .careers-hero-image {

        width: 100%;

        top: 0;

        left: 0;

    }

    .careers-hero-content {

        left: 24px;

    }

    .careers-hero-line-box {

        display: none;

    }

    .careers-hero-gray-box {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

    }

    .careers-hero-section {

        position: relative;

        height: 614px;

        top: 0px;

        overflow: hidden;

    }

    .careers-hero-image img {

        width: auto;

        height: 650px;

    }

    .careers-hero-content {

        left: 24px;

        top: 32%;

    }

    .careers-hero-sub-heading,

    .careers-hero-short-details {

        color: #ffffff;

    }

    .col-md-9.careers-category-col {

        flex: 0 0 73%;

        max-width: 73%;

        margin-left: 10px;

    }

    .vertical-tabs .nav-tabs .nav-link.join-us.active::before {

        display: none;

    }

    .vertical-tabs .nav-tabs .nav-link.join-us.active::after {

        left: 0px;

    }

    .complaint-hero-section {

        height: 638px;

    }

    .complaint-hero-line-box {

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

    }

    .complaint-hero-line-box {

        display: block !important;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0;

    }

    .complaint-hero-image {

        width: 100%;

        top: 0px;

        /* left: -997px; */

        height: auto;

    }

    .complaint-hero-content {

        left: 24px;

    }

    .complaint-hero-line-box {

        display: none;

    }

    .complaint-hero-gray-box {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

    }

    .complaint-hero-section {

        position: relative;

        height: 268px;

        top: 0px;

        overflow: hidden;

        margin-bottom: 30px;

    }

    .complaint-hero-image img {

        width: 100%;

        height: auto;

    }

    .complaint-hero-content {

        left: 24px;

        top: 32%;

    }

    .complaint-hero-sub-heading,

    .complaint-hero-short-details {

        color: #ffffff;

    }

    .complaint-form-heading span.complaint-form-title {

        position: relative;

        z-index: 2;

        font-size: 18px;

    }

    .complaint-form-heading span.short-yellow-line::after {

        width: 338px;

    }

    .info-security-hero-image {

        width: 100%;

        top: 0;

        left: 0;

    }

    .info-security-hero-content {

        left: 24px;

    }

    .info-security-hero-line-box {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .info-security-hero-image {

        position: absolute;

        width: 100%;

        height: 552px;

        left: -1026px;

        top: -35px;

    }

    .info-security-hero-section {

        position: relative;

        height: 614px;

        top: 0px;

        overflow: hidden;

        margin-bottom: 30px;

    }

    .info-security-hero-image img {

        width: auto;

        height: 650px;

    }

    .info-security-hero-content {

        left: 24px;

        top: 32%;

    }

    .info-security-hero-sub-heading,

    .info-security-hero-short-details {

        color: #ffffff;

    }

    /*//////////////////////////////////////*/

    .awareness-hero-image {

        width: 100%;

        top: 0;

        left: 0;

    }

    .awareness-hero-content {

        left: 24px;

    }

    .awareness-hero-line-box {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .awareness-hero-image {

        position: absolute;

        width: 100%;

        height: 552px;

        left: -1026px;

        top: -35px;

    }

    .awareness-hero-section {

        position: relative;

        height: 614px;

        top: 0px;

        overflow: hidden;

        margin-bottom: 30px;

    }

    .awareness-hero-image img {

        width: auto;

        height: 650px;

    }

    .awareness-hero-content {

        left: 24px;

        top: 32%;

    }

    .awareness-hero-sub-heading,

    .awareness-hero-short-details {

        color: #ffffff;

    }

    /*///////////////////////////////////*/

    .about-us-hero-image {

        width: 100%;

        top: 0;

        left: 0;

    }

    .about-us-hero-content {

        left: 24px;

    }

    .about-us-hero-line-box {

        display: block;

        position: relative;

        width: 100%;

        height: 665PX;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .about-us-hero-section {

        position: relative;

        height: 614px;

        top: 0px;

        overflow: hidden;

        margin-bottom: 30px;

    }

    .about-us-hero-content {

        left: 24px;

        top: 32%;

    }

    .about-us-hero-sub-heading,

    .about-us-hero-short-details {

        color: #ffffff;

        width: 100%;

    }

     .about-us-hero-sub-heading p,

    .about-us-hero-short-details p {

        color: #ffffff;

        width: 92%;

    }

    .about-us-hero-gray-box-list-items {

        width: 94%;

        z-index: 11;

        left: 24px;

        height: 140px;

    }

    .about-us-hero-image {

        position: absolute;

        width: 100%;

        height: 552px;

        left: 0px;

        top: 0px;

    }

    .about-us-hero-image img {

        width: 100%;

        height: 100%;

    }

    .about-us-hero-image {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

    }

    .about-us-list-items {

        top: 24px;

        left: 24px;

        position: absolute;

    }

    .about-us-hero-gray-box {

        display: none;

    }

    .about-us-main-shariah-board-wrapper .bar-box-top-left {

        right: -24px;

    }

    .about-us-hero-gray-box-list-items {

        display: none;

    }

    .main-banner-pages-links .about-us-hero-gray-box-list-items {

        display: block;

        margin-top: -293px;

    }

    .main-banner-pages-links {

        margin-bottom: 214px;

    }

    .about-us-team-hero-gray-box-list-items {

        display: none;

    }

    .main-banner-pages-links {

        display: block;

    }

    /***************************************/

    .about-us-team-hero-image {

        width: 100%;

        top: 0;

        left: 0;

    }

    .about-us-team-hero-content {

        left: 24px;

    }

    .about-us-team-hero-line-box {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .about-us-team-hero-section {

        position: relative;

        height: 614px;

        top: 0px;

        overflow: hidden;

        margin-bottom: 30px;

    }

    .about-us-team-hero-content {

        left: 24px;

        top: 32%;

    }

    .about-us-team-hero-sub-heading,

    .about-us-team-hero-short-details {

        color: #ffffff;

    }

    .about-us-team-hero-gray-box-list-items {

        width: 94%;

        z-index: 11;

        left: 24px;

        height: 140px;

    }

    .about-us-team-hero-image {

        position: absolute;

        width: 100%;

        height: 552px;

        left: 0px;

        top: 0px;

    }

    .about-us-team-hero-image img {

        width: 100%;

        height: 100%;

    }

    .about-us-team-hero-image {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

    }

    .about-us-team-list-items {

        top: 24px;

        left: 24px;

        position: absolute;

    }

    .about-us-team-hero-gray-box {

        display: none;

    }

    .about-us-team-shariah-board-wrapper .bar-box-top-left {

        right: -24px;

    }

    .about-us-team-hero-gray-box-list-items {

        display: none;

    }

    .main-banner-pages-links .about-us-team-hero-gray-box-list-items {

        display: block;

        margin-top: -293px;

    }

    /*///////////////////////////////////*/

    .services-hero-image {

        width: 100%;

        top: 0;

        left: 0;

    }

    .services-hero-content {

        left: 24px;

    }

    .services-hero-line-box {

        display: block;

        position: relative;

        width: 100%;

        height: 665PX;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    section.services-hero-section .container {

        padding: 0px;

    }

    .services-hero-section {

        position: relative;

        height: 614px;

        top: 0px;

        overflow: hidden;

        margin-bottom: 30px;

    }

    .services-hero-content {

        left: 24px;

        top: 32%;

    }

    .services-hero-sub-heading,

    .services-hero-short-details {

        color: #ffffff;

    }

    .services-hero-sub-heading p,

    .services-hero-short-details p {

        color: #ffffff;

    }

    .services-hero-gray-box-list-items {

        width: 94%;

        z-index: 11;

        left: 24px;

        height: 140px;

    }

    .services-hero-image {

        position: absolute;

        width: 100%;

        height: 552px;

        left: 0px;

        top: 0px;

    }

    .services-hero-image img {

        width: 100%;

        height: 100%;

    }

    .services-hero-image {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

    }

    .services-list-items {

        top: 24px;

        left: 24px;

        position: absolute;

    }

    .services-hero-gray-box {

        display: none;

    }

    .services-shariah-board-wrapper .bar-box-top-left {

        right: -24px;

    }

    .services-hero-gray-box-list-items {

        display: none;

    }

    .main-banner-pages-links .services-hero-gray-box-list-items {

        display: block;

        margin-top: -293px;

    }

    .main-service-banner-pages-links {

        display: block;

    }

    .main-service-banner-pages-links {

        margin-bottom: 214px;

    }

    .main-service-banner-pages-links .about-us-hero-gray-box-list-items {

        display: block;

        margin-top: -293px;

    }

    .main-service-banner-pages-links .about-us-hero-gray-box-list-items {

        width: 94%;

        z-index: 11;

        left: 24px;

        height: 174px;

    }

    .main-service-banner-pages-links .services-hero-gray-box-list-items {

        display: block;

        width: 94%;

        z-index: 11;

        left: 24px !important;

        height: 186px;

    }

    .after-services-hero-section {

        padding: 30px 0px 30px 0px;

    }

    h5.about-us-team-name a.active::before {

        display: none;

    }

    .brokerage-local-content-wrapper {

        width: 100%;

    }

    section.international-brokerage-section .col-md-6 img {

        width: 100%;

    }

    .international-brokerage-contant-wrapper {

        padding-left: 30px;

    }

    .inter-brokerage-list-item li {

        width: 48%;

    }

    .Nomu-parallel-brokerage-type-title {

        padding-left: 0px;

    }

    .nomu-parallel-market-content-wrapper p {

        width: 100%;

        margin-left: 0px;

    }

    .gray-box-parallel-market-feature {

        width: 100%;

        height: 425px;

        margin: 0px;

    }

    .parallel-market-feature-content {

        height: 133px;

    }

    .nomu-parallel-market-section {

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .international-brokerage-section {

        position: relative;

        padding: 30px 0px;

    }

    .phone-trading-brokerage-contant-wrapper p {

        width: 100%;

    }

    .phone-trading-brokerage-contant-wrapper {

        padding: 30px 0px;

    }

    .smart-devices-market-content-wrapper p {

        width: 100%;

    }

    .smart-devices-market-content-wrapper {

        padding-left: 137px;

    }

    .phone-trading-brokerage-section .pt-gray-box {

        height: 368px;

    }

    .phone-trading-brokerage-section .pt-gray-box {

        height: 347px;

    }

    section.margin-cedit-over-draft-section .col-md-4 img {

        width: 100%;

    }

    .murabahah-financing-feature-wrapper {

        width: 37%;

    }

    .award-col-md-4 {

        width: 30.33%;

        -ms-flex: 0 0 30%;

        flex: 0 0 30.33%;

        max-width: 30.33%;

    }

    .investment-philosophy-section .col-md-6 img {

        width: 100%;

    }

    .parallel-brokerage-type-title {

        padding-left: 0px;

    }

    .investment-philosophy-content-wrapper {

        width: auto;

        margin-left: 0px;

    }

    img.is-main-image {

        width: 100%;

    }

    .investment-strategy-list-item li {

        width: 100%;

    }

    .investment-strategy-image-wrapper img.bar-line-image {

        display: none;

    }

    .investment-strategy-content-wrapper a {

        margin-left: 0px;

    }

    .capital-markets-advisory-image-wrapper {

        margin-top: 0px;

    }

    section.about-us-hero-section .container {

        padding: 0px;

    }

    .our-company-main-image2 {

        margin-right: 0px;

        width: 100%;

    }

    .our-company-big-gray-box3 {

        width: 484px;

    }

    .gray-box-sio {

        width: 100%;

        height: 562px;

    }

    .sio-wrapper {

        width: 490px;

        height: auto;

        margin-left: 0px;

    }

    .sio-wrapper {

        width: 100%;

        height: auto;

        margin-left: 0px;

    }

    .sio-heading {

        font-size: 30px;

    }

    .sio-heading span::after {

        width: 149px;

    }

    .strategy-investment-objectives {

        margin-bottom: 30px;

    }

    section.new-client-hero-section .container {

        padding: 0px;

    }

    .new-client-hero-content {

        top: 89px;

        left: 24px;

    }

    section.contact-us-hero-section .container {

        padding: 0px;

    }

    .new-client-hero-sub-heading {

        color: #ffffff;

    }

    .new-client-hero-line-box {

        display: block;

        position: relative;

        width: 100%;


        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .new-client-hero-image {

        position: absolute;

        height: auto;

        left: 0;

        top: 0px;

    }

    .new-client-hero-section {

        height: 269px;

        top: 0px;

    }

    .new-client-hero-sub-heading {

        font-size: 28px;

    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active,

    .btn-outline-secondary:not(:disabled):not(.disabled):active,

    .show>.btn-outline-secondary.dropdown-toggle {

        color: #fff;

        background-color: transparent;

        border-color: transparent;

    }

    btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

    .show>.btn-outline-secondary.dropdown-toggle:focus {

        box-shadow: 0 0 0 0rem rgb(108 117 125 / 50%);

    }

    .megamenu h5 a {

        border: 0px;

        margin: 0px !important;

        padding: 0px !important;

    }

    .rap-category-box-wrapper .news-category-box-image {

        width: 100%;

        height: 142px;

        overflow: hidden;

    }

    section.post-detail-main-banner {

        margin-bottom: 30px;

    }

    .post-catagory-sharing-wrapper {

        margin-bottom: 30px;

    }

}



@media (max-width: 992px) {

    #mixedSlider .MS-controls button {

        font-size: 30px;

    }

}



@media (max-width: 991px) {

    #mixedSlider .MS-content .item {

        width: 50%;

    }

    #basicSlider .MS-content .item {

        width: 25%;

    }

}



/*******************************/



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

    ul.news-list-item {

        padding-left: 0px;

    }

    .section-main-content p {

        width: 100% !important;

    }

    .carousel-indicators1-container {

        width: 180px;

    }

    .section-main-content::after {

        display: none;

    }

    .section-main-content {

        padding-left: 0px;

    }

    .hero-section {

        height: 24rem;

    }

    .carousel-caption1 {

         top: 12rem;
    right: 20px !important;

    }
    .carousel-indicators1 {
        bottom: 12px;
        margin-left: 0px;
        right: -19px;
    }
	.carousel-caption1 p {

		width: 100%;

	}
    img.bg-desktop-image {
        height: auto !important;
    }
    .carousel-item1 {

        height: 24rem;

    }

    img.our-funds-image {

        width: 270px;

        height: auto;

    }

    .our-fund-row {

        align-items: center;

    }

    .section-main-content::after {

        display: none;

    }

    .bar-line-image {

        display: none;

    }

    .yellow-box-image {

        width: 120px;
        height: 120px;
        z-index: 11;

    }
    section.how-to-invest-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .carousel-indicators1-content {
        width: 100%;
    }
    span.total-no-client {

        font-size: 25px;

    }

    .number-client {

        padding-top: 12.33%;

    }

    .main-invest-col-image img {

        width: 100%;

    }

    .col-md-11.gray-box-invest .row {

        align-items: center;

    }

    .how-to-invest-section {

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .invest-content-top-gap {

        padding-top: 30px;

        margin-left: 0px;

    }

    .invest-main-content {

        margin-top: 15px;

    }

    .col-md-invest-image {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .invest-image-container {

        width: 80%;

        height: auto;

    }

    .bar-bottom-line-image {

        display: none;

    }

    .feature-heading {

        font-size: 14px;

    }

    .feature-detail {

        height: auto;

        width: 140px;

    }

    .gray-box-news-media,

    .bar-box-news-media {

        display: none;

    }

    .gray-box-invest {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .post-row {

        flex: 0 0 84.5%;

        max-width: 84.5%;

    }

    .wards-achievements-content .section-cta-btn {

        margin-left: 0px;

        margin-top: 0px;

    }

    .news-media-section {

        padding-top: 30px;

    }

    .befor-footer-cta {

        padding: 0px 0px;

        width: 193px;

        height: 45px;

    }

    .befor-footer-section {

        height: 324px;

    }

    .app-link a.appstore img,

    .app-link a.googleplay img {

        margin-bottom: 15px !important;

        height: auto;

    }

    /*.post-thumbnail-wrapper,.post-content-wrapper {		width: 357px;	}*/

    .carousel-item1-container {

        margin-right: 20px;

    }

    .content-outer-line-container {

        border: 0px solid #F6F8FA;

        margin: 0 4px;

        padding: 146px 15px 100px 15px;

    }

    .media-hero-section {

        position: relative;

        height: 558px;

    }

    .complaint-hero-section {

        height: 235px;

    }

    h3.complaint-form-heading {

        width: 100% !important;

    }

    .complaint-form-heading::before {

        display: none !important;

    }

    .complaint-hero-section {

        height: 236px;

    }

    .complaint-form-heading span.short-yellow-line::after {

        width: 273px;

    }

    .complaint-form-heading span.short-sub-yellow-line::after {

        left: 48px;

        width: 52%;

    }

    .row.vertical-tabs.careers-tabs li.nav-item {

        float: left;

        width: 100%;

    }

    .about-us-management-wrapper {

        width: 100%;

        margin-top: -195px;

    }

    .about-us-board-members-wrapper .bar-box-bottom-left {

        display: none;


    }

    .about-us-main-investment-banking-image img {

        width: 100%;

    }

    .shariah-board-member-full-info-detail p {

        width: 100%;

    }

    .our-company-main-image2 {

        margin-right: 0px;

        width: 100%;

    }

    .our-company-first-contant-wrapper-3 p {

        width: 100% !important;

    }

    .our-company-big-gray-box3 {

        display: none;

    }

    .goals-valus span.yellow-text-line::after {

        display: none;

    }

    .about-us-team-hero-sub-heading,

    .about-us-team-hero-short-details {

        color: #ffffff;

        width: 100%;

    }

    .about-us-team-hero-line-box {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .about-us-team-hero-image {

        position: absolute;

        width: 100%;

        height: auto;

        left: 0;

        top: 0px;

    }

    .our-company-bar-line-image3,

    .our-company-bar-line-image {

        display: none;

    }

    section.main-banner-pages-links .about-us-team-hero-gray-box-list-items {

        width: 90%;

    }

    .parallel-market-feature-content {

        height: 160px;

    }

    .gray-box-parallel-market-feature {

        width: 100%;

        height: auto;

        margin: 0px;

        float: left;

    }

    .phone-trading-brokerage-section .pt-gray-box {

        height: 381px;

    }

    .smart-devices-market-content-wrapper {

        padding-left: 0px;

    }

    .murabahah-financing-feature-wrapper {

        width: 100%;

    }

    .murabahah-parallel-brokerage-type-title,

    .murabahah-financing-content-wrapper p {

        padding-left: 0px;

    }

    .murabahah-financing-content-wrapper p {

        width: 100%;

    }

    .murabahah-financing-content-wrapper a {

        margin-left: 0px;

    }

    .margin-credit-gray-box {

        height: 973px;

    }

    .margin-credit-gray-box {

        width: 100%;

        height: 1785px;

    }

    .murabahah-financing {

        padding: 0px 0px;

    }

    .murabahah-financing-content-wrapper {

        margin-bottom: 30px;

    }

    .margin-credit-parallel-brokerage-type-title,

    .margin-cedit-content-wrapper p {

        padding-left: 0px;

    }

    ul.margin-cedit-list-item {

        padding-left: 0px;

    }

    .margin-cedit-content-wrapper a.learn-more-cta {

        margin-left: 0px;

    }

    .margin-credit-gray-box {

        height: 1730px;

    }

    .about-us-our-company-info-section-1 {

        padding: 30px 0px;

    }

    .about-us-our-company-info-section-2 {

        margin: 0px 0px;

    }

    a.learn-more-cta {

        margin-bottom: 30px;

    }

    .about-us-our-company-info-section-3 {

        margin-bottom: 0px;

    }

    .col-md-9.careers-category-col {

        flex: 0 0 100%;

        max-width: 100%;

        margin-left: 0px;

    }

    .row.our-team-row.first .col-md-12 {

        padding: 0px !important;

    }

    .our-company-first-contant-wrapper-3 {

        padding-left: 0;

        margin-top: 30px;

    }

    .media-hero-gray-box {

        height: 557px;

    }

    .contact-us-hero-line-box {

        height: 457PX;

    }

    .contact-us-hero-sub-heading,

    .contact-us-hero-short-details {

        padding-right: 24px;

    }

    .new-client-hero-line-box {

        height: 230px;

    }

    .new-client-hero-section {

        height: 230px;

    }

    .member-info-image {

        width: 132px;

        height: auto;

    }

    .member-info-image img {

        width: 100%;

    }

    .post-short-header-info {

        position: relative;

        width: 100%;

        height: auto;

        left: 0;

        top: auto;

        background: #FFFFFF;

        bottom: 0px;

        right: auto;

        padding: 30px 30px 30px 30px;

    }

    img.post-two-inner-banner1 {

        margin-right: 30px;

        width: 46%;

        float: left;

    }

    .socila-pages {

        float: left;

        margin: 30px;

        width: 100%;

    }

    .post-social-sharing-wrapper {

        float: left;

        width: 100%;

    }

    .post-catagory-sharing-wrapper {

        padding: 30px 30px;

        margin-bottom: 30px;

    }

    .post-name-label {

        font-size: 28px;

    }

    .post-full-detail {

        padding: 30px 0px 40px 0px;

        border-bottom: 1px solid #D6D6D6;

        width: 100%;

        margin: 0 auto;

    }

    .socila-pages {

        float: left;

        margin: 30px 0px;

        width: 100%;

    }

    .recommended-articles-wrapper {

        width: 100%;

        margin: 0 auto;

    }

    .post-publish-date {

        width: 100%;

        margin: 0 auto;

    }

	.slider-sub-heading {

		color: #00000;

	}

	.carousel-caption1 p {

		color: #00000;

	}

}



/******************megamenu End*****************/



@media (max-width: 767px) {

    #mixedSlider .MS-content .item {

        width: 100%;

    }

    #basicSlider .MS-content .item {

        width: 35%;

    }

    #mixedSlider .MS-controls .MS-right {

        right: -10px;

    }

    #mixedSlider .MS-controls .MS-left {

        left: -10px;

    }

    #mixedSlider .MS-controls button {

        font-size: 20px;

    }

	.gray-box-news-media {

		width: 100%;

		height: auto;

	}

	.news-media-image img {

		width: 100%;

		height: auto;

	}

	.news-media-main-content {

		margin-left: 0px;

	}

	ul.news-list-item {

		padding-left: 0px !important;

	}

	.news-media-main-content p {

		width: 100%;

		height: auto;

		margin-left: 0px;

		margin-bottom: 30px;

	}

	.news-media-main-content .section-cta-btn {

		padding-left: 0px;

	}

	.post-slider-container {

		width: 100%;

		height: 330px;

	}

	.post-row {

		background: #F6F8FA;

		padding: 30px 279px;

		margin-left: -217px;

		flex: 0 0 67%;

		max-width: 67%;

	}

}



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

    .member-full-info-detail p {

        padding-left: 0px;

    }

    .bar-box-bottom-right {

        display: none;

    }

    .businessmen-main-image {

        width: 100%;

        height: auto;

        padding: 0px;

        position: relative;

        margin-top: 30px;

    }

    .our-company-content {

        margin-top: 0px;

    }

    .about-us-management-wrapper .bar-box-top-right {

        display: none;

    }

    .about-us-main-asset-management-image {

        margin: 30px 0px;

        position: relative;

    }

    .about-us-management-wrapper {

        width: 100%;

        margin-top: -30px;

    }

    .about-us-main-shariah-board-wrapper .bar-box-top-left {

        display: none;

    }

    .about-us-management-wrapper {

        width: 100%;

        margin-top: -30px;

        height: auto;

    }

    .about-us-gap-row {

        margin-bottom: 30px;

    }

    a.learn-more-cta.re-padding-left {

        margin-bottom: 30px;

    }

    .about-us-main-shariah-board-wrapper {

        width: 100%;

        height: auto;

    }

    .col-md-6.desktop-only {

        display: none;

    }

    .mobile-only {

        display: block;

    }

    .awards-achievements-image-wrapper {

        width: 100%;

    }

    .awards-achievements-gap-row {

        margin-bottom: 30px;

    }

    .media-hero-gray-box {

        height: 532px;

    }

   /* ul.nav.nav-tabs li.nav-item a.nav-link {

        border: 1px solid #000000 !important;

        border-radius: 20px !important;

        padding: 0px 15px !important;

        margin: 15px 0px 15px 0px;

    }

    ul.nav.nav-tabs li.nav-item a.nav-link.active {

        background-color: #FFE300;

        border: 1px solid #FFE300 !important;

    }*/

    /*.vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after,

    .vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after,

    .vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::after,

    .vertical-tabs .nav-tabs .nav-link.active::after {

        display: none;

    }*/

    ul.nav.nav-tabs.media-category-tabs {

        width: 100%;

        float: left;

    }

    ul.nav.nav-tabs.media-category-tabs li.nav-item {

        width: fit-content;

        float: left;

        margin-right: 15px;

    }

    .contact-us-hero-line-box {

        height: 429PX;

    }

    .contact-us-hero-content {

        top: 205px;

    }

    .vertical-tabs.careers-tabs ul.nav.nav-tabs li.nav-item {

        margin-right: 15px;

    }

    .new-client-hero-line-box {

        height: 216px;

    }

    .vertical-tabs.careers-tabs ul.nav.nav-tabs li.nav-item {

        width: auto;

    }

    .threat-tabs ul.nav.nav-tabs li.nav-item {

        width: auto;

        float: left;

        margin-right: 15px;

    }

    .after-info-security-hero-section {

        margin-top: 30px;

    }

    .threat-category-col {

        flex: 0 0 100%;

        max-width: 100%;

        margin-left: 0px;

        padding: 0px 24px;

    }

	img.our-funds-image {

		width: 100%;

	}

	.main-col-image {

		padding-left: 15px;

	}

	.gray-box-invest {

		flex: 0 0 100%;

		max-width: 100%;

		padding: 22px;

		height: auto;

		max-height: fit-content;

	}

	.invest-image-container {

		width: 100%;

		height: auto;

	}

	.col-md-invest-image {

		flex: 0 0 100%;

		max-width: 100%;

	}

	.feature-row-gap {

		padding-top: 0px;

		padding-left: 0px;

	}

	.feature-detail {

		height: auto;

		width: 100%;

	}

	.post-slider-container {

		width: 100%;

		height: 385px;

	}

	.wards-achievements-content p {

		margin-left: 0px;

		width: 100%;

		height: auto;

		margin: 0;

	}

	.post-row {

		flex: 0 0 100%;

		max-width: 100%;

	}

	.post-row {

		background: #F6F8FA;

		padding: 10px 30px;

		margin-left: 0px;

		flex: 0 0 100%;

		max-width: 100%;

	}

	.invest-content-top-gap p {

		width: 100%;

		height: auto;

	}

}



@media (max-width: 500px) {

    #basicSlider .MS-content .item {

        width: 50%;

    }
    
    .main-menu-bar{
        padding-bottom:8px;
    }

}



@media screen and (max-width: 480px) {
    .hero-section {
        height: auto;
    }
    .post-row {
        margin-right: 0px;
    }
    #mixedSlider {
        right: unset;
    }
     .award-slider-box .award-slider-wrapper {
        height: 972px;
    }
    .carousel-inner {
        overflow: revert;
    }
    ol.carousel-indicators1.carousel-indicators1-award {
        display: none;
    }

    h3.after-services-title span,.after-services-title {

        font-size: 28px;

    }

    .vertical-tabs .nav-tabs .nav-link {

        height: 40px;

    }

    .services-hero-sub-heading p, .services-hero-short-details p {

        padding-right: 24px;

    }

    .navbar-toggler {

        padding: 0.25rem 0rem;

    }

    /************************/

    .mutual-funds-table-mobile-wrapper .equity-funds-title {

        font-family: 'Cairo-Bold';

        font-style: normal;

        font-weight: 700;

        font-size: 20px;

        line-height: 160%;

        color: #000000;

        padding: 15px;

        text-align: center;

        background: #e9eff5;

    }

    .mutual-funds-item-row {

        display: flex;

        align-items: center;

        background-color: rgb(246 248 250);

        margin-bottom: 6px;

    }

    .mutual-funds-item-row .asset-type {

        font-family: 'Cairo-Bold';

        font-style: normal;


        font-weight: 700;

        font-size: 16px;

        line-height: 160%;

        color: #000000;

        width: 87%;

        float: left;

        height: auto;

        padding: 6px;

    }

    .mutual-funds-item-row .mutual-funds-label-name {

        width: 40%;

        font-family: 'Cairo-SemiBold';

        font-style: normal;

        font-weight: 400;

        font-size: 16px;

        line-height: 160%;

        border: 0px !important;

        float: left;

        padding: 1px 15px;

        color: #000000;

    }

    .mutual-funds-item-row .asset-type {

        font-family: 'Cairo-Bold';

        font-style: normal;

        font-weight: 700;

        font-size: 16px;

        line-height: 160%;

        color: #000000;

        width: 100%;

        float: left;

        height: 65px !important;

    }

    .mutual-funds-item-row .detail-asset-type {

        float: left;

        height: auto;

        padding: 15px;

        width: 100%;

    }

    /************************/

    .about-us-gap-row {

        margin-bottom: 0px;

    }

    .about-us-hero-image img {

        margin-top: -30px;

    }

    .main-menu-bar {


        background: rgba(255, 255, 255);

        height: 60px;

    }

    .main-menu-bar .container a.navbar-brand.home {

        padding-left: 24px;

    }

    .main-menu-bar .container .navbar-buttons {

        padding-right: 24px;

    }

    .main-menu-bar .container .my-main-menu {

        padding: 0px 24px;

        width: 100%;

        background: #ffffff;

        height: 80vh !important;

    }

    .my-main-menu.collapsing.show {

        height: 80vh !important;

    }

    .collapse.navbar-collapse.my-main-menu {

        display: none !important;

        float: left;

        text-align: left;

        width: 100%;

        background: #ffffff;

    }

    .navbar-collapse.my-main-menu.collapse.show {

        display: block !important;

        /*height: 100%;*/

        background: #ffffff;

    }

    a.mobile-language-link {

        color: #000000;

    }

    .btn-outline-secondary:hover {

        color: #fff;

        background-color: transparent;

        border-color: transparent;

    }

    .btn-outline-secondary.focus,

    .btn-outline-secondary:focus {

        box-shadow: 0 0 0 0rem rgb(108 117 125 / 50%);

    }

    li.nav-item a {

        margin: 0px 0px 0px 0px;

        padding: 5px 5px 5px 5px !important;

        background-color: #ffffff;

        border-bottom: 1px solid rgba(214, 214, 214, 0.4);

    }

    .megamenu h5 a {

        border: 0px;

        margin: 0px !important;

        padding: 0px !important;

    }

    .container,

    .container-sm {

        max-width: 100%;

    }

    .container {

        max-width: 100%;

        padding: 0px 24px;

    }

    a.navbar-brand.home img {

        width: 140px;

    }

    .megamenu {

        padding: 0px 0px 0px 0px;

        width: 100%;

        right: 0;

        left: auto;

        border: 0px;

        border-radius: 0px;

        height: auto;

        overflow: scroll;

        scroll-behavior: auto;

        border-bottom: 1px solid rgba(214, 214, 214, 0.4);

    }
    .megamenu h5.dropdown-toggle::after {
        display:block;
        float: right;
        margin-right: 6px;
        margin-top: 6px;
    }
    .megamenu .col-md-4.col-lg-3 {

        border-right: 0px solid rgba(214, 214, 214, 0.4);

    }

    .megamenu h5 {

        padding: 0px 0px;

            border-bottom: 1px solid rgba(214, 214, 214, 0.4);

    }

    .megamenu h5 {

        margin-bottom: 0px;

    }

    .sub-menu-outter-wrapper {

        padding-left: 15px !important;

    }

    .hero-section {

        margin-top: 0px;

        height: 900px;

    }

    .carousel-inner .carousel-item1>div {

        display: block;

    }

    .slider-sub-heading {

        font-size: 20px;

        width: 100%;

        line-height: 20px;

    }

    .carousel-caption1 {

        bottom: 0px;

        z-index: 10;

        top: 178px;

        right: 0px !important;

        width: 100%;

        padding:0px 22px;

    }

    .carousel-indicators1 {

        display: block;

        left: 0px;

        width: 100%;

    }

    .carousel-item1>img {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: auto;

    }

    .carousel-indicators1 {

        display: block;

        left: 0px;

        width: 100%;

        margin-left: 0px;

        margin-right: 0px;

        top: 458px;

    }

    .carousel-indicators1-content {

        width: 100%;

        height: auto;

        margin-bottom: 24px;

        text-align: justify;

    }

    .carousel-indicators1-container {

        background: #FFFFFF;

        padding: 8px 25px;

        gap: 10px;

        width: 100%;

        height: 121px;

    }

    ol.carousel-indicators1.left-carousel-indicators1 {

        display: flex;

        bottom: 2px;

        top: auto;

        left: 0px;

        right: auto;

        justify-content: flex-start;

        padding:0px 22px;

    }

    .carousel-indicators1-heading {

        line-height: 16px;

    }


    .overlayer-block {

        display: none;

    }

    .main-slider-cta {
        padding: 8px 8px;
        height: 26px;
        width: 152px;
        margin-left: 220px;

    }

    .section-main-heading {

        font-size: 28px;

        line-height: 28px;

    }

    span.heading-bold {

        margin-left: 0px;

        margin-right: 0px;

        padding: 2px;

        font-size: 28px;

    }

    span.heading-bold::after {

        height: 14px;

    }

    .news-media-main-content::after,

    .wards-achievements-content::after {

        display: none;

    }

    span.awards-heading-bold::after {

        height: 14px;

    }

    .section-main-content::after {

        display: none;

    }

    .section-main-content {

        margin-top: 20px;

    }

    .slider-box {

        display: none !important;

    }

    .gray-box-invest {

        flex: 0 0 100%;

        max-width: 100%;

        max-height: fit-content;

        padding: 20px 24px;

    }

    .feature-box {

        margin-bottom: 20px;

        padding: 0px 0px;

    }

    .col-md-invest-image {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .awards-achievements-section {

        padding: 0px;

    }

    .invest-content-top-gap p {

        width: 100%;

        height: auto;

        padding: 0px !important;

        margin-left: 0px;

        margin-bottom: 24px;

    }

    .awards-achievements-content-top-gap {

        padding-top: 0px;

    }

    .wards-achievements-content .section-cta-btn {

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

    }

    /*.wards-achievements-content::after{		display:none;	}*/

    .post-row {

        padding: 0px;

        margin-left: 0px;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .carousel-item1-container {

        margin-right: 0px;

    }

    .post-slider-container {

        padding: 0px 36px;

    }

    /*.bar-bottom-line-image,.bar-box-news-media,.news-media-main-content::after {		display: none;	}*/

    .awards-achievements-col11-5 {

        flex: 0 0 100%;

        max-width: 100%;

        overflow: hidden;

        padding-left: 0px;

    }

    .how-to-invest-section {

        margin-bottom: 24px;

        margin-top: 24px;

    }

    .row.our-fund-row .col-md-5.padding-left-0 {

        padding: 0px;

    }

    .bar-line-image {

        display: none;

    }

    .feature-detail {

        margin-bottom: 11px;

        text-align: justify;

        font-size: 14px;

        width: 100%;

    }

    .invest-content-top-gap {

        padding-top: 20px;

    }

    img.our-funds-image {

        width: 100%;

        height: auto;

    }

    .main-invest-col-image img {

        width: 100%;

        height: auto;

    }

    .invest-content-top-gap p {

        width: 100%;

        height: auto;

        margin-bottom: 24px;

        text-align: justify;

        font-size: 14px;

    }

    .invest-main-content {

        padding-left: 0px;

        position: relative;

        z-index: 2;

        margin-top: 24px;

    }

    .invest-main-content p::after {

        display: none;

    }

    .invest-content-top-gap {

        padding: 12px 0px;

    }

    .awards-achievements-content-top-gap {

        padding-top: 24px;

        margin-left: 0px;

        padding: 0px 12px;

    }

    .post-thumbnail-wrapper {

        width: 100%;



    }

    .wards-achievements-content p {

        width: 100%;

        height: auto;

        margin-left: 0px;

        margin-bottom: 0px;

        text-align: justify;

        font-size: 14px;

    }

    .wards-achievements-content {

        padding: 0px 12px;

    }

    .inner-col.invest-content-top-gap .wards-achievements-content {

        padding-left: 24px;

        padding-right: 24px;

    }

    .awards-achievements-col11-5 h3.section-heading,

    .awards-achievements-col11-5 h2.section-main-heading {

        padding-left: 12px;

        padding-right: 12px;

    }

    .news-media-main-content .section-cta-btn {

        padding-left: 15px;

    }

    .yellow-box-image {

        bottom: -31px;

        width: 100%;

        height: auto;

        background: #FFE300;

        position: absolute;

    }

    .number-client {

        text-align: center;

        padding: 16px;

    }

    span.total-no-client {

        font-size: 20px;

        line-height: 20px;

        width: 100%;

    }

    .yellow-box-image {

        bottom: 2px;

        width: 100%;

        height: 73px;

        background: #FFE300;

        position: relative;

        padding: 0px;

        margin-bottom: 0px;

    }

    .main-col-image {

        padding-top: 0px;

        padding-left: 0px;

    }

    .feature-row-gap {

        padding-top: 0px;

        padding-left: 0px;

    }

    .feature-heading {

        font-size: 16px;

    }

    .section-main-content {

        padding-left: 0;

    }

    .our-fund-row .section-main-content p {

        width: 100%;

        margin-bottom: 5px;

        text-align: justify;

        font-size: 14px;

    }

    .invest-image-container {

        width: 100%;

        height: auto;

        float: left;

    }

    img.family-images {

        width: 100%;

        height: auto;

    }

    .news-media-col-wrapper {

        padding-left: 12px;

        padding-top: 24px;

        padding-right: 0px;

    }

    .news-media-main-content p {

        width: 100%;
        height: auto;
        padding: 9px;
        margin-bottom: 0px;
        margin-bottom: 24px;
        text-align: justify;
        font-size: 14px

    }

    span.awards-heading-bold {

        font-size: 28px;

    }

    .news-media-section {

        padding-top: 0px;

    }

    .news-media-section-container {

        padding: 0px 24px;

    }

    ul.news-list-item {

        padding-left: 10px !important;

    }

    .news-media-container {

        position: relative;

        width: 100%;

        height: fit-content;

        padding-top: 0px;

        padding: 24px;

    }

    .news-media-wrapper {

        padding: 24px;

    }

    .invest-col-image {

        padding: 12px;

    }

    .gray-box-news-media {

        display: none;

    }

    .news-media-image img {

        width: 100%;

        height: auto;

    }

    .news-media-container {

        position: relative;

        width: 100%;

        height: fit-content;

        padding-top: 0px;

        padding: 0px;

    }

    .news-media-wrapper .col-md-6.pl-0 {

        padding-right: 0px;

    }

    a.btn.cta-btn {

        font-family: Cairo-Bold;

        font-style: normal;

        font-weight: 700;

        font-size: 16px;

        line-height: 20px;

        align-items: center;

        color: #000000;

        padding: 14px 24px;

        border: 1px solid #000000;

        border-radius: 0px;

        margin-top: 20px;

        width: auto;

        margin-bottom: 24px;

    }

    .bar-bottom-line-image {

        display: none;

    }

    .row.our-fund-row .col-image-container {

        padding-left: 12px;

        padding-right: 12px;

    }

    .yellow-btn-box {

        width: auto;

        position: relative;

    }

    .yellow-btn-box a.main-slider-cta {

        margin-top: 24px;

    }

    /*span.awards-heading-bold::after{		display:none;	}*/

    .befor-footer-section {

        background-size: cover;

        height: 300px;

        background-repeat: no-repeat;

        background-image: url(./assets/images/mobile-bf-bg-footer.svg);

    }

    .befor-footer-box {

        width: 98%;

        height: 200px;

        top: 0px;

        border: 0px solid #FFFFFF;

        padding-left: 0px;

        padding-top: 80px;

    }

    .footer-about-content {

        width: 100%;

    }

    .befor-footer-cta {

        padding: 14px 42px;

        width: 262px;

        height: auto;

    }

    .widget-title {

        margin-bottom: 20px;

        margin-top: 20px;

    }

    .footer-widgets.quick-link-container {

        padding-left: 0px;

    }

    .copy-right-text {

        font-family: Cairo-SemiBold;

        font-style: normal;

        font-weight: 500;

        font-size: 12px;

        line-height: 24px;

        color: #ffffff;

        text-align: center;

        border-top: 1px solid #D6D6D6;

        padding-top: 10px;

    }

    .copy-right-text br {

        display: block;

    }

    footer.main-footer {

        background: url('./assets/images/Image.jpg') center/cover no-repeat !important;

        padding: 24px 0px 0px 0px;

    }

    .main-maga-menu {

        /* justify-content: flex-end; */

        display: block;

    }

    a.top-nav-link {

        font-family: Cairo-SemiBold;

        font-style: normal;

        font-weight: 400;

        font-size: 12px;

        line-height: 17px;

        color: #000000;

        margin: 10px 0px 0px 0px;

        padding: 5px 5px 5px 5px !important;

        background-color: #F6F8FA;

        width: 100%;

        float: left;

        height: 24px;

        text-align: left;

    }

    .top-nav-link-wrapper {

        margin-bottom: 0px;

        margin-top: 0;

        float: left;

        height: auto;

        display: none;

    }

    a.mobile-language-link {

        display: block;

    }

    
    .overlayer-block {

        /*background: rgba(0, 0, 0, 0.5);*/

        height: 100%;

        width: 100%;

        z-index: 1;

        left: auto;

        right: 0;

        position: absolute;

    }

    .slider-sub-heading,

    .slider-content {

        color: #ffffff;

        width: 94%;

        height: auto;

        padding-right: 0px;

    }

    .gray-box-invest a.main-slider-cta {

        width: 100%;

        margin: 12px 0px;

    }

    .befor-footer-main-heading {

        font-size: 20px;

        line-height: 20px;

    }

    a.googlemap img {

        width: 100%;

    }

    .after-hero-section {

        margin-top: 58px;

    }

    .news-list-item li {

        margin-bottom: 20px;

        font-size: 14px;

    }

    .only-mobile {

        display: block;

    }

    .togglesearch {

        position: relative;

        top: 17px;

        right: 0%;

        width: 100%;

    }

    .togglesearch input[type="text"] {

        width: 79%;

    }

    /*.fade-in-text {	  animation: fadeIn 15s;	}	@keyframes fadeIn {	  0% { opacity: 0; }	  100% { opacity: 1; }	}	@-moz-keyframes fadeIn {	  0% { opacity: 0; }	  100% { opacity: 1; }	}	@-webkit-keyframes fadeIn {	  0% { opacity: 0; }	  100% { opacity: 1; }	}	@-o-keyframes fadeIn {	  0% { opacity: 0; }	  100% { opacity: 1; }	}	@-ms-keyframes fadeIn {	  0% { opacity: 0; }	  100% { opacity: 1; }	}*/

    .about-us-team-hero-line-box {

        display: none;

    }

    .about-us-team-hero-image {

        position: absolute;

        width: 100%;

        height: auto;

        left: 0;

        top: 130px;

    }

    .about-us-team-hero-content {

        position: relative;

        top: 200px;

        left: 24px;

        z-index: 1;

    }

    .about-us-team-hero-gray-box {

        position: absolute;

        height: auto;

        left: 0px;

        top: 100px;

        background: #6c757d52;

        z-index: 11;

    }

    .about-us-team-hero-image img {

        width: 100%;

    }

    .about-us-team-hero-content {

        position: relative;

        top: 200px;

        left: 0px;

        z-index: 1;

        width: 100%;

        padding: 24px;

    }

    .about-us-team-list-items {

        top: 24px;

        left: 54px;

        position: absolute;

    }

    .about-us-team-list-items {

        top: 24px;

        left: 24px;

        position: absolute;

    }

    h5.about-us-team-name a.active::before {

        display: none;

    }

    .news-media-main-content {

        margin-left: 0px;

    }

    .news-media-main-content {

        margin-left: -10px;

    }

    .carousel-indicators1 {

        top: 683px;

    }

    .hero-section {

        height: auto;

    }

    .carousel-item1 {

        height: 10rem;

    }

    .top-nav-link-wrapper {

        display: block;

    }

    a.top-nav-link {

        background-color: transparent;

        width: fit-content;

        float: none;

        margin: 10px 10px 0px 0px;

        padding: 15px 0px !important;

    }

    .top-nav-link-wrapper {

        padding: 5px;

    }

    .card-body {

        padding: 1.25rem 0px;

    }

    a.snba-cta,

    a.snia-cta {

        padding: 19px 15px;

        width: 100%;

        float: left;

        text-align: center;

        margin-bottom: 15px;

    }

    .new-client-content-cta-wrapper {

        margin-top: 30px;

    }

    .vertical-tabs .nav-tabs .nav-link {

        padding-right: 6px !important;

        padding-left: 0px !important;

    }

    .vertical-tabs .nav.nav-tabs {

        margin-right: 0px;

    }

    .content-outer-line-container {

        border: none;

        margin: 0 4px;

        padding: 135px 15px 30px 15px;

    }

    .contact-us-hero-short-details {

        width: 100%;

        height: auto;

        color: #ffffff;

        text-align: justify;

    }

    .contact-us-hero-content {

        position: relative;

        top: 236px;

        left: 24px;

        z-index: 1;

    }

    .contact-us-hero-section {

        position: relative;

        height: 457px;

        top: 0px;

    }

    .contact-us-hero-content {

        top: 236px;

        width: 90%;

    }

    .contact-us-hero-sub-heading {

        font-size: 28px;

        line-height: 28px;

        align-items: center;

        color: #ffffff;

        width: 100%;

        height: auto;

    }

    .contact-us-hero-content {

        top: 143px;

        width: 90%;

    }

    .contact-us-hero-image {

        position: absolute;

        width: 100%;

        height: auto;

        left: 0px;

        top: 167px;

    }

    .contact-us-hero-image img {

        width: auto;

        height: 457px;

        position: absolute;

        left: 0px;

        top: -32%;

    }
    .contact-us-hero-short-details p {
        color:#fff;
    }

    .contact-us-hero-gray-box {

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        position: absolute;

        width: 100%;

        height: 458px;

        left: 0px;

        top: 0px;

        display: block;

    }

    .after-contact-us-hero-section {

        margin: 30px 0px;

    }

    .contact-us-hero-image {

        position: absolute;

        width: 100%;

        height: auto;

        left: 0px;

        top: 0px;

    }

    .contact-us-hero-line-box {

        /* height: 429PX; */

        display: none;

    }

    .contact-heading span::after {

        height: 12px;

    }

    .media-hero-section {

        position: relative;

        height: 457px;

        top: 0px;

        overflow: hidden;

    }

    .media-hero-sub-heading {

        font-size: 28px;

    }

    .media-hero-gray-box {

        top: 0px;

    }

    .media-hero-short-details,

    .media-hero-sub-heading {

        width: 100%;

    }

    .media-hero-short-details p,

    .media-hero-sub-heading p {

        color:#ffffff;

    }

    img.media-main-hero-banner {

        width: 100%;

        height: 100%;

    }

    .media-main-hero-image {

        top: 0;

        height: 100%;

        width: 100%;

    }

    img.media-main-hero-banner {

        width: auto;

        height: 457px;

    }

    .media-main-hero-image {

        height: 100%;

        width: 100%;

        left: -124px;

        top: 0px;

    }

    .media-hero-content {

        left: 24px;

        padding-right: 24px;

        top: 133px;

    }

    ul.nav.nav-tabs li.nav-item {

        float: left;

        margin-right: 10px;

    }

    .news-category-box-content {

        height: auto;

    }

    .careers-hero-short-details {

        width: 100%;

    }

    .careers-hero-image {

        left: -366px;

    }

    .col-md-9.careers-category-col {

        flex: 0 0 100%;

        max-width: 100%;

        margin-left: 0;

        margin-right: 0px;

    }

    form.advanced-search-careers-form {

        padding: 30px 0px;

        background: #F6F8FA;

    }

    section.after-careers-hero-section {

        background: #F6F8FA;

        margin-top: 0;

    }

    .advanced-search-careers-form select,

    .advanced-search-careers-form input[type="text"] {

        width: 100%;

    }

    .complaint-hero-section {

        height: 457px;

    }

    .complaint-hero-image {

        width: 100%;

        top: 0px;

        left: -713px;

        height: auto;

    }

    .complaint-hero-image img {

        width: auto;

        height: 457px;

    }

    .complaint-wrapper {

        position: relative;

        padding-left: 0px;

        margin-bottom: 30px;

        width: auto;

    }

    .complaint-form {

        width: 100%;

        height: auto;

        left: auto;

        top: auto;

        background: #F6F8FA;

        padding: 30px;

    }

    .after-complaint-us-hero-section {

        margin-bottom: 30px;

    }

    .complaint-form-heading span.short-yellow-line::after,

    .complaint-form-heading span.short-sub-yellow-line::after {

        display: none;

    }

    .info-security-hero-section {

        height: 457px;

    }

    .info-security-hero-image {

        top: -173px;

    }

    .threat-category-col {

        flex: 0 0 100%;

        max-width: 100%;

        margin-left: 10px;

        padding-right: 24px;

    }

    .threat-phishing-content p {

        text-align: justify;

    }

    .info-security-hero-sub-heading {

        font-size: 30px;

    }

    section.after-awareness-hero-section .vertical-tabs.careers-tabs ul.nav.nav-tabs {

        display: block;

    }

    .row.vertical-tabs.careers-tabs li.nav-item {

        float: left;

        width: auto;

    }

    .awareness-hero-section {

        height: 457px;

    }

    .awareness-hero-image {

        top: -185px;

    }

    .about-us-hero-short-details {

        width: 100%;

        height: auto;

    }

    .bar-box-bottom-right,

    .bar-box-top-right,

    .bar-box-top-left,

    .bar-box-bottom-right {

        display: none;

    }

    .businessmen-main-image {

        width: 100%;

        height: auto;

    }

    .about-us-hero-gray-box-list-items {

        width: 90%;

    }

    .businessmen-main-image {

        width: 100%;

        height: auto;

        left: 0px;

        margin-bottom: 30px;

        margin-top: 24px;

        position: relative;

    }

    .our-company-content {

        margin-top: 0px;

    }

    .col-md-6.align-self-center {

        margin-top: 0px;

    }

    .services-gap-row {

        margin-bottom: 30px;

    }

    .about-us-main-shariah-board-wrapper {

        height: auto;

    }

    .about-us-management-wrapper {

        width: 100%;

        margin-top: 0px;

    }

    .about-us-management-wrapper {

        width: 100%;

        margin-top: 0px;

        height: auto;

    }

    .left-padding-invest-banking {

        padding-top: 20px;

        padding-left: 0px;

    }

    .row.about-us-gap-row .inner-col {

        margin-bottom: 30px;

    }

    .about-us-short-details p,

    .about-us-min-short-details p {

        text-align: justify;

        padding-right: 19px;

    }

    .about-us-board-members-wrapper {

        width: 100%;

        height: auto;

    }

    .about-us-hero-sub-heading,

    .about-us-hero-short-details {

        color: #ffffff;

        width: 100%;

    }

    .about-us-team-hero-line-box {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: 0px;

        background: rgba(0, 0, 0, 0.5);

        z-index: 1;

        border: 0px;

    }

    .about-us-team-hero-image {

        position: absolute;

        width: 100%;

        height: auto;

        left: 0;

        top: 0px;

    }

    .our-company-bar-line-image3,

    .our-company-bar-line-image {

        display: none;

    }

    section.main-banner-pages-links .about-us-team-hero-gray-box-list-items {

        width: 90%;

    }

    .about-us-team-hero-sub-heading {

        font-size: 36px;

    }

    .awards-achievements-i@mage-wrapper {

        width: 100%;

        float: none;

    }

    .bar-box-bottom-left,

    .bar-box-bottom-right,

    .bar-box-top-right,

    .bar-box-top-right {

        display: none;

    }

    .services-hero-content {

        width: 93%;

    }

    h2.services-hero-heading,

    h3.services-hero-sub-heading,

    .services-hero-short-details {

        width: 100%;

    }

    .service-main-image {

        display: none;

    }

    .after-services-hero-section {

        padding: 30px 0px 30px 0px;

    }

    .main-service-banner-pages-links .about-us-hero-gray-box-list-items {

        width: 90%;

    }

    .international-brokerage-contant-wrapper {

        padding-left: 0px;

    }

    .parallel-market-feature-wrapper {

        width: 100%;

    }

    .parallel-market-feature-content {

        height: auto;

        margin-bottom: 30px;

    }

    .smart-devices-market-content-wrapper h3.smart-devices-brokerage-type-title {

        padding-left: 0px;

    }

    .smart-devices-market-content-wrapper p {

        padding-left: 0px;

    }

    ul.phone-trading-brokerage-list-item {

        padding-left: 0px;

    }

    .smart-devices-market-content-wrapper a.learn-more-cta {

        margin-left: 0px;

    }

    span.investment-strategy-text-line {

        margin-left: 0px;

    }

    span.investment-strategy-text-line::after {

        left: 0px;

    }

    .investment-strategy-content-wrapper a {

        margin-left: 0px;

        margin-bottom: 30px;

    }

    img.fra-content-wrapper-banner {

        margin-top: 30px;

        float: none;

        width: 100%;

    }

    .fra-accordion-content-wrapper {

        padding: 0px 15px 30px 15px;

        margin-bottom: 30px;

    }

    .fra-image-wrapper {

        height: auto;

        margin-bottom: 30px;

    }

    .investment-strategy-list-item li {

        width: 100%;

        padding-right: 24px;

        text-align: justify;

    }

    span.line-dpm-span {

        display: none;

    }

    .mutual-funds-td-col1.detail-term-type,

    .mutual-funds-td-col2.detail-term-type,

    .mutual-funds-td-col3.detail-term-type,

    .mutual-funds-td-col4.detail-term-type,

    .mutual-funds-td-col1.asset-type.detail-liquidity-type,

    .mutual-funds-td-col1.asset-type.detail-risk-type,

    .mutual-funds-td-col1.asset-type.detail-return-type,

    .mutual-funds-td-col1.asset-type.detail-asset-type {

        height: 135px;

    }

    .detail-liquidity-type,

    .detail-risk-type {

        height: 135px;

    }

    .financial-reports-announcements {

        margin-top: 30px;

    }

    .vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after {

        left: 0px;

        z-index: -1;

    }

    .capital-markets-advisory-content-wrapper {

        width: 100%;

    }

    .capital-markets-advisory-gray-wrapper {

        width: 100%;

        padding-left: 24px;

    }

    .col-md-4.only-desktop-ibo {

        display: none;

    }

    .col-md-4.only-mobile-ibo {

        display: block;

    }

    .ib-according-left-padding {

        padding-left: 25px;

        padding-right: 24px;

        padding-top: 30px;

        padding-bottom: 30px;

    }

    img.real-estate-after-image-left-img {

        width: 100%;

        height: auto;

    }

    img.real-estate-after-image-right-img {

        width: 100%;

        height: auto;

    }

    .real-state-bar-line {

        display: none;

    }

    .real-estate-after-image-left {

        position: relative;

        width: 100%;

        height: 382px;

        left: 0px;

    }

    .right-yellow-box {

        display: none;

    }

    img.real-estate-after-image-right-img {

        display: none;

    }

    .sio-wrapper {

        width: 100%;

        height: auto;

        margin-left: 0px;

    }

    .gray-box-sio {

        position: absolute;

        width: 100%;

        height: 768px;

        left: 0px;

        background: #F6F8FA;

    display: none;

    }

    .goals-valus {

        font-size: 28px;

    }

    h3.after-about-us-title span {

        font-size: 28px;

    }

    .strategy-investment-objectives {

        margin-bottom: 30px;

    }

    .real-estate-after-image-left {

        height: auto;

        left: 0px;

    }

    .idrl-type-title {

        margin-top: 30px;

    }

    span.reif-content-heading {

        width: auto;

        position: relative;

        top: 0px;

        left: 0px;

        display: block;

    }

    .reif-wrapper p {

        width: 100%;

        height: auto;

        margin-left: 0px;

    }

    .reif-wrapper a {

        margin-left: 0px;

        margin-bottom: 30px;

    }

    .idrl-section .col-md-6 img {

        width: 100%;

    }

    .reif-heading {

        margin-bottom: 0px;

    }

    .reif-bar-line {

        display: none;

    }

    .reif-feature-image-inner-wrapper img {

        width: 100%;

    }

    .rsdf-wrapper {

        width: 100%;

        height: auto;

    }

    .rsdf-image-right {

        position: absolute;

        left: auto;

        right: 0px;

        top: auto;

        bottom: 0px;

    }

    .rsdf-image-right {

        position: relative;

        left: auto;

        right: 0px;

        top: auto;

        bottom: 0px;

    }

    .rsdf-wrapper p {

        width: 100%;

    }

    img.rsdf-image-right-img {

        width: 100%;

        margin-top: 30px;

    }

    .member-full-info-detail ul {

        padding-left: 0px;

    }

    .member-info-image {

        width: 100%;

        height: auto;

    }

    .member-info-image img {

        width: 100%;

    }

    .member-full-info-detail p {

        padding-left: 0px;

        text-align: justify;

    }

    .member-info-image {

        margin: 0 auto 30px auto;

    }

    .about-us-team-hero-sub-heading {

        height: auto;

    }

    .about-us-team-hero-section {

        height: 484px;

    }

    .about-us-team-hero-content {

        top: 25%;

    }

    .about-us-our-company-info-section-1 {

        padding: 30px 0px;

    }

    .about-us-our-company-info-section-2 {

        margin: 30px 0px;

    }

    .about-us-team-hero-section {

        height: 484px;

    }

    section.after-careers-hero-section {

        background: #ffffff;

    }

    .our-company-main-image2 {

        padding-top: 30px;

    }

    img.overview1-img, img.overview32-img {

        width: 100%;

    }

    .annual-reports-content-wrapper {

        padding: 30px 0px;

    }

    .annual-reports-content-wrapper {

        background: #ffffff;

    }

    .services-hero-sub-heading {

        height: auto;

    }

    .mf-type-title {

        padding-left: 0px;    font-size: 28px;

    }

    span.line-mf-span {

        display: none;

    }

    span.mf-text-line::after {

            left: 94px;

    width: 84px !important;

    }

    .fra-type-title {

        padding-left: 0px;

        font-size: 28px;

    }

    span.fra-text-line::after {

        left: 0px;

        width: 121px !important;

    }

    .cma-heading {

        font-size: 28px;

    }

    .cma-heading span::after {

        width: 121px;

    }

    .sio-heading {

        font-size: 28px;

    }

    .sio-heading span::after {

        width: 139px;

        top: auto;

        bottom: 0;

    }

    span.line-fra-span {

        display: none;

    }

    .mutual-funds-td-col1.mutual-funds-account-type {

        padding-left: 0px;

    }

    .mutual-funds-table {

        display: none

    }

    .mutual-funds-table-mobile {

        display: block;

    }

    .mutual-funds-td-col2,

    .mutual-funds-td-col3,

    .mutual-funds-td-col4 {

        -ms-flex: 0 0 184px;

        flex: 0 0 23%;

        max-width: 23%;

        padding: 33px 20px;

    }

    .mutual-funds-account-type {

        width: 393px;

        height: 60px;

    }

    .mutual-funds-td-col1.asset-type.detail-asset-type,

    .mutual-funds-td-col1.asset-type.detail-return-type,

    .mutual-funds-td-col1.asset-type.detail-risk-type,

    .mutual-funds-td-col1.asset-type.detail-liquidity-type,

    .mutual-funds-td-col1.asset-type.detail-term-type {

        font-size: 12px;

    }

    .dpm-type-title {

        width: 100%;    font-size: 28px;

    }

    span.dpm-text-line::after {

        width: 179px !important;

    }

    a.nav-link.asset-managemen-products.active::after {

        width: 68px !important;

    }

    a.nav-link.asset-managemen-reports.active::after {

        width: 60px;

    }

    .imgProfile {

        width: 64px;

        margin-bottom: 8px !important;

        margin-left: -30px !important;

    }

    .award-row {

        display: block;

        position: relative;

    }

    .award-col-md-4 {

        width: 100%;

        -ms-flex: 0 0 30%;

        flex: 0 0 100%;

        max-width: 100%;

        margin: 10px 0px;

    }

    .subscribe-ICAP-Funds-gray-box {

        left: auto;

    }

    .investment-philosophy-content-wrapper {

        width: 100%;

        height: auto;

    }

    .investment-strategy-section {

        padding-top: 30px;

    }

    span.investment-strategy-text-line::after {

        bottom: 0px;

    }



    .fra-content-wrapper {

        margin-bottom: 30px;

    }

    img.is-main-image {

        position: relative;

        left: auto;

        right: 0px;

    }

    .investment-philosophy-content-wrapper {

        margin-top: 30px;

    }

    p {

        text-align: justify !important;

    }

    a.nav-link.asset-managemen-reports.active::after {

        width: 61px;

    }

    div#accordion_threat_phishing {

        padding: 30px 0px !important;

    }

    .fra-accordion-content-wrapper {

        padding: 0px 15px 0px 15px;

        margin-bottom: 0px;

    }

    .after-services-hero-section {

        padding: 0px 0px 30px 0px;

    }

    .ib-according-left-padding {

        padding-top: 0px;

        padding-bottom: 0px;

    }

    .sio-wrapper p {

        width: 100%;

    }

    .strategy-investment-objectives {

        height: auto;

    }

    ul.media-category-tabs li.nav-item {

        width: 100%;

        margin-right: 0px;

    }

    ul.media-category-tabs li.nav-item a.nav-link {

        padding: 0px !important;

        margin-bottom: 8px;

    }

    .post-slider-container {

        width: 100%;

        height: 406px;

    }

    /*#mixedSlider .MS-content .item {		width: 480px;	}*/

    .main-invest-col-image {

        padding: 0px 0px;

    }

    section.how-to-invest-section .container {

        padding-left: 15px;

        padding-right: 15px;

    }

    section.news-media-section .container {

        padding: 15px;

    }
    h2.section-main-heading span.heading-bold {
        margin-left: 0px !important;
    }
    #mixedSlider .MS-content .item {
        width: 100%;
        padding: 0px 0px 0px 0px;
        /*width: 480px;

        padding: 0px 33px 0px 7px;*/

    }
    #mixedSlider {
        overflow: hidden;
    }
    .about-us-hero-sub-heading {

        font-size: 28px;

        line-height: 28px;

        height: auto;

    }

    .services-hero-image {

        top: -30px;

    }

    .services-hero-sub-heading {

        font-size: 28px;

        line-height: 28px;

    }

    .smart-devices-brokerage-type-title span.yellow-applications-text-line::after {

        left: 0px;

    }

    .real-estate-income-funds {

        padding: 0px 0px;

    }

    span.reif-line-span {

        display: none;

    }

    h5.about-us-team-name a.active.real-estate-line::after {

        width: 92px;

    }

   /* ul.nav.nav-tabs li.nav-item a.nav-link {

        border: 1px solid #000000 !important;

        border-radius: 20px !important;

        padding: 0px 15px !important;

        margin: 15px 0px 15px 0px;

    }

    ul.nav.nav-tabs li.nav-item a.nav-link.active {

        background-color: #FFE300;

        border: 1px solid #FFE300 !important;

    }

    .vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after,

    .vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after,

    .vertical-tabs .nav-tabs a.nav-link.ib-products-services-yellow-line.active::after,

    .vertical-tabs .nav-tabs .nav-link.active::after {

        display: none;

    }*/

    a.active.Brokerage-line::after {

        width: 85px !important;

    }

    ul.nav.nav-tabs.media-category-tabs {

        width: 100%;

        float: left;

    }

    ul.nav.nav-tabs.media-category-tabs li.nav-item {

        width: fit-content;

        float: left;

        margin-right: 15px;

    }

    .contact-heading {

        padding-left: 0px;

    }

    .contact-heading::before,

    .contact-form-heading::before {

        display: none;

    }

    .contact-wrapper {

        padding-left: 0px;

        margin-bottom: 30px;

    }

    .contact-form {

        padding: 30px 30px 0 30px;

        margin-bottom: 30px;

    }

    button.btn.btn-contact-form-btn {

        margin-top: 30px;

    }

    .contact-form {

        height: 683px;

    }

    .new-client-hero-content {

        top: 43px;

        left: 24px;

    }

    .new-client-hero-line-box,

    .new-client-hero-section {

        height: 143px;

    }

    .new-client-hero-sub-heading {

        width: 100%;

    }

    img.post-two-inner-banner1 {

        margin-right: 30px;

        width: 100%;

        float: left;

        margin-bottom: 30px;

    }

    img.post-two-inner-banner2 {

        width: 100%;

    }

    span.post-catagory-name {

        margin-bottom: 15px;

    }

    .KYC-Update-wrapper {

        width: 100%;

        height: auto;

        background: #F6F8FA;

        padding: 30px 30px 90px 30px;

    }

    .section-main-content p {

        width: 100% !important;

    }

}



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

    .carousel-item1>img {

        width: 100%;

        height: auto;

    }

    .slider-content {

        font-size: 16px !important;

    }

    .carousel-indicators1 {

        top: 591px;

    }

    .togglesearch input[type="text"] {

        width: 75%;

    }

     .carousel-item1 {

        height: 50rem;

    }

    .hero-section {

        height: 34rem;

    }
}



@media screen and (max-width: 391px) {
    ol.carousel-indicators1.left-carousel-indicators1 {
       bottom: -43px !important;
        margin-left: 200px;
        justify-content: flex-end !important;
        padding: 0px 27px !important;
    }
    .carousel-indicators1 {
        top: 557px;
    }
    .after-hero-section {
        margin-top: 30px;
    }
    #mixedSlider .MS-content .item {

        width: 100%;

    }

    .about-us-hero-line-box,

    .services-hero-line-box {

        height: 533PX;

        top: -44px;

    }

    .main-banner-pages-links .about-us-hero-gray-box-list-items,

    .main-banner-pages-links .about-us-team-hero-gray-box-list-items {

        margin-top: -416px;

    }

    .services-hero-section {

        height: 490px;

    }

    .main-service-banner-pages-links .about-us-hero-gray-box-list-items {

        margin-top: -313px;

    }

    .contact-us-hero-image {

        height: 546px;

    }

    .contact-us-hero-image img {

        width: 100%;

        height: 234px;

        position: absolute;

        left: 0;

        top: 0;

    }

    .contact-us-hero-gray-box {

        height: 233px;

    }

    .contact-us-hero-content {

        top: 30px;

    }

    .contact-us-hero-section {

        position: relative;

        height: 233px;

        top: 0px;

    }

    .new-client-hero-line-box,

    .new-client-hero-section {

        height: 117px;

    }

    .new-client-hero-content {

        top: 30px;

    }
    .hero-section {
        height: 32rem;
    }
    .carousel-item1 {
        height: 36rem;
    }
    .hero-section {
        height: auto;
    }
    .carousel-item1 {
        height: 10rem;
    }
    .bg-mobile-image {
    height: auto !important;
}

}

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

/*    .carousel-item1 {

        height: 37rem;

    }

    .carousel-indicators1 {

        top: 591px;

    }
*/
    .carousel-item1>img {

        width: 100%;

        height: auto;

    }

    .slider-sub-heading,

    .slider-content {

        color: #ffffff;

        width: 90%;

    }

    a.navbar-brand.home img {

        width: 104px;

    }

    .togglesearch input[type="text"] {

        width: 72%;

    }

    .new-client-hero-content {

        top: 157px;

        left: 24px;

    }

    .after-icap-fund-hero-section {

        margin-top: 30px;

    }

    .KYC-Update-wrapper {

        padding: 30px 30px 30px 30px;

    }

    .contact-us-hero-image img {

        top: -38%;

    }

    .about-us-hero-section {

        height: 484px;

    }

    .gray-box-sio {

        height: 827px;

    }

    .about-us-hero-image img {

        margin-top: -90px;

    }

    .about-us-hero-content {

        top: 20%;

    }

    .sio-heading span::after {

        top: 110px;

    }

    .services-hero-section {

        height: 484px;

    }

    .services-hero-content {

        left: 24px;

        top: 20%;

    }

    .new-client-hero-content {

        top: 26px;

    }

    .new-client-hero-line-box,

    .new-client-hero-section {

        height: 117px;

    }
    .carousel-caption1 {
        bottom: 14px;
        top: 175px;
        left: 0px;
        padding: 0px 16px;
    }
.main-slider-cta {
    margin-top: -143px !important;
    margin-right: 7px !important;
}

}
@media (max-width: 375px){
ol.carousel-indicators1.left-carousel-indicators1 {
    bottom: -43px !important;
    margin-left: 200px;
    justify-content: flex-end !important;
    padding: 0px 12px !important;
}

}

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

    .carousel-item1>img {

        width: 100%;

        height: auto;

    }

    .togglesearch input[type="text"] {

        width: 65%;

    }

    /* .carousel-item1 {

        height: 28rem;

    }*/


    .carousel-indicators1 {

        top: 448px;

    }

    ol.carousel-indicators1.left-carousel-indicators1 {
        /*display:none;*/

        display: flex;

        bottom: 0px;

        top: auto;

        left: -65px;

        right: 0px;

    }

    .main-slider-cta {
        margin-top: -100px;
        margin-left: auto;
        float: right;
    }

    .after-hero-section {

        margin-top: 0px;

    }

   /*
    .hero-section {

        height: 59rem;

    }*/
.carousel {
     margin-bottom: 0rem; 
}
    
    .about-us-hero-image {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0px;

        top: -36px;

    }

    .about-us-hero-section {

        height: 412px;

    }

    .about-us-hero-content {

        top: 12%;

    }

    .about-us-hero-sub-heading {

        font-size: 24px;

    }

}
/********************ARABIC STYLES*******************/

@media (max-width: 768px) {
    .our-company-first-contant-wrapper-3 {
        padding-right: 0;
    }
    .about-us-hero-line-box, .services-hero-line-box {
        left: auto;
        right: 0;
    }
    .about-us-hero-content {
        left: auto;
        right: 24px;
    }
    section.main-banner-pages-links .about-us-team-hero-gray-box-list-items {
        right: 17px;
        left: auto;
    }
    .our-company-first-contant-wrapper{
        margin-right:0px;
    }
    .our-company-first-contant-wrapper {
        margin: 20px 0 0 0;
    }
    .our-company-first-list-item li{
        text-align:right;
    }
    .about-us-team-list-items {
        left: auto;
        right: 24px;
    }

    .row.vertical-tabs.careers-tabs li.nav-item ,span.post-catagory-name{
        float: right;
    }
    .section-main-content,ul.news-list-item,.invest-main-content,.feature-row-gap,.awards-achievements-col11-5,ul.investment-strategy-list-item,.parallel-brokerage-type-title,.left-padding-invest-banking,.international-brokerage-contant-wrapper,.Nomu-parallel-brokerage-type-title,.fra-type-title,.smart-devices-market-content-wrapper,.margin-cedit-content-wrapper p,h3.margin-credit-parallel-brokerage-type-title,.murabahah-financing-content-wrapper p,h3.murabahah-parallel-brokerage-type-title,.smart-devices-brokerage-type-title{
        padding-right:0;
    }
    .news-media-main-content p,.invest-content-top-gap,.awards-achievements-content-top-gap,.re-padding-left, .am-padding-left,.investment-philosophy-content-wrapper,.investment-strategy-list-item li,.sio-wrapper,.nomu-parallel-market-content-wrapper p{
        margin-right:0;
    }
    .befor-footer-box {
        padding-right: 35px;
    }
    .carousel-caption1,.contact-us-hero-image,.about-us-team-hero-content,.about-us-team-hero-line-box,.contact-us-hero-content,.about-us-hero-image,.media-hero-content,.vertical-tabs .nav-tabs a.nav-link.ib-overview-yellow-line.active::after,span.fra-text-line::after {
        left:auto  ;
        right:0;
    }
    .news-media-col-wrapper {
        padding-left: 12px;
        padding-top: 24px;
        padding-right: 10px;
    }
    .about-us-short-details.am-padding-left ul.news-list-item ,.awards-achievements-gap-row ul.news-list-item{
        padding-right: 40px;
    }
    .about-us-team-hero-gray-box-list-items,.news-category-label,.main-service-banner-pages-links .about-us-hero-gray-box-list-items,.services-hero-content{
        left: auto;
        right:24px;

    }
    li.nav-item ,.top-nav-link-wrapper{
        text-align: right;
    }
    /*.dropdown-toggle::after{
        position:absolute;
        left:30px;
        margin-top:8px;
    }*/
	.main-menu-bar .container a.navbar-brand.home,.footer-widgets.quick-link-container {
		/* padding-left: 0; */
		margin-right: 0;
	}
	a.mobile-language-link {
		margin-left: 30px;
		margin-right: auto;
	}
    .main-menu-bar .container .navbar-buttons {
		padding-right: 0;
	}
	.services-hero-sub-heading p, .services-hero-short-details p {
		padding-right: 0;
		padding: 0px 0px 24px 24px;
	}
	ul.nav.nav-tabs li.nav-item{
		float: right;
	}
	.phone-trading-brokerage-contant-wrapper p{
		width: auto !important;
	}
	.brokerage-local-content-wrapper h3.brokerage-type-title,.media-hero-content{
		width: 100%;

	}
	.real-estate-after-image-left{
		left:auto;
		right:0;
	}
	.about-us-team-hero-section{
		height: auto;
	}
	.megamenu h5.dropdown-toggle::after{
		float: left;
	}
	.media-hero-content{
		padding-left: 24px;
		padding-right: 24px;
	}
	.profile_div{
		left: 50px;
	}
	.info-security-hero-content,.awareness-hero-content,.new-client-hero-content,.new-client-hero-content,.complaint-hero-content{
		top:265px;
		right: 24px;
		left: auto;
	}
	.new-client-hero-line-box{
		left: auto;
		right:0;
	}
	
	.careers-hero-gray-box {
		right: 0px;
		left: auto;

	}
	.careers-hero-content {
		right: 24px;
		left: auto;
		top:265px;
	}
	.careers-hero-image {
		right: -366px;
		left: auto;
	}
	.about-us-hero-gray-box-list-items{
		left: auto;
		right: 24px;
	}
.after-info-security-hero-section span.yellow-behind-line::after {
    left: auto;
    right: 0;
    width:100%;
}
.post-detail-main-banner-inner {
    height: auto;
}
.carousel-indicators1 {
    bottom: 12px;
    margin-left: 0px;
    right: 42px;
}
}
@media screen and (max-width: 480px){
ol.carousel-indicators1.left-carousel-indicators1 {
    display: flex;
    bottom: -47px;
    top: auto;
    left: 0px;
    right: auto;
    justify-content: flex-start;
    padding: 0px 22px;
}
}

.about-us-hero-image img, .services-hero-image img, .awareness-hero-image img, .contact-us-hero-image img, .new-client-hero-image img, .careers-hero-image img, .complaint-hero-image img, .info-security-hero-image img {
  transform: scaleX(-1);
}

.speculation-investing-saving .td-row {
    font-size: 14px !important;
}
.rap-category-box-wrapper img{min-height:215px;}
.news-category-box-image img {
    min-height: 215px;
    width: 100%;
}
section.after-info-security-hero-section li {
    direction: rtl;
    text-align: right;
}
.after-info-security-hero-section span.yellow-behind-line::after,.after-info-security-hero-section span.short-yellow-behind-line::after ,.threat-spam-content h3 span.short-yellow-behind-line::after,.threat-spam-content h3 span.yellow-behind-line::after,.threat-spam-content h3 span.short-yellow-behind-line::after,
.threat-typo-squatting-content h3 span.yellow-behind-line::after,.threat-key-logger-content h3 span.yellow-behind-line::after{
    left: auto;
    right: 0;
}
@media screen and (min-width: 1080px)
{
    .main-slider-cta {
        font-size:16px !important;
    }
}

/********************ARABIC STYLES*******************/
/****************New Home pahe Slider 19-06-2023******************/
/*section.hero-page-section {*/
/*    margin-top: -102px;*/
/*}*/
.new-home-hero-banner {
    width: 100%;
}
.left-carousel-indicators {
    justify-content: flex-start;
    margin-right: 7.5%;
}
a.home-slider-cta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    vertical-align: middle;
    padding: 19px 42px;
    width: max-content;
    height: auto;
    background: #FFE300;
        font-family: Cairo-SemiBold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    float: right;
}
a.home-slider-cta img {
    width: 38px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-top: 0px;
    transform: rotate(180deg);
}
.home-slider-carousel-caption {
    right: 6.2%;
    bottom: 85px;
}
.hero-page-section .carousel-indicators li {
    background-color: #000000!important;
}
a.home-slider-cta:hover {
    color: #000000;
    text-decoration: none;
    border: 2px solid #FFE300;
    background: transparent;
}
.carousel-item {
    float: left;
    margin-right: -100%;
    margin-left: 0%;
}
/****************Home Page Slider Query ******************/

@media (min-width: 449px) and (max-width: 779px) {
 
 
 
}
@media (max-width: 879px) {


}
@media only screen and (max-width: 900px) {
     .slick-slide img {
        max-height: 250px; 
     }
    
    section.hero-page-section {
        margin-top: 0px;
        height:250px;
    }
    #my-slider{
        height:250px;
    }
    
     .slick-track{
        height:250px!important;
    }
    .slick-list{
        height:250px;
    }
     .home-slider-carousel-caption {
        bottom: 20px;    
        right: 5.2%;
    }
    .wards-achievements-content p {
        margin-right:0px !important;
    }
    .services-hero-line-box, .services-hero-image {
        right:0px !important;
    }
 
}
@media screen and (max-width:880px) {
    .awards-achievements-section .post-row {
    background: #F6F8FA;
    padding: 75px 275px 75px 0px!important;
}
}

@media only screen and (max-width: 480px) {
    
    .slider-caption img{
        margin-right:-5px!important;
        padding:0px 5px;
    }
    .slick-slide img {
        max-height: 200px; /* Adjust this value as needed */
        width: auto !important; /* Maintain aspect ratio */
        margin-right:-5px!important;
    }
 .home-slider-carousel-caption {
    bottom: 0px;
}
 a.home-slider-cta {
    padding: 4px 9px;
    font-size: 15px;
}
.left-carousel-indicators {
    bottom: -20px!important;
}
    .slider-caption{
        margin-top:-84px!important;
        margin-right:24px!important;
        padding:8px 22px!important;
    }
}


@media screen and (max-width:768px) {
       .slider-caption{
        margin-top:-120px!important;
        margin-right:24px!important;
        padding:12px 30px!important;
    }
    .awards-achievements-col11-5 .inner-col.awards-achievements-content-top-gap {
        padding: 0px 15px;
    }
    .section-cta-btn {
    margin: 0px !important;
}
    .awards-achievements-section .post-row {
        background: #F6F8FA;
        padding: 40px 0px !important;
        right: 0;
        left: 0;
        max-width: 100%;
        margin-top:30px;
        margin-right: 0px !important;
        flex: 100%;
    }
    #mixedSlider {
        right: 0% !important;
    }
    .wards-achievements-content p {
        margin-right: 0px !important;
        margin-bottom: 0px;
    }
    .awards-achievements-section {
        padding-top: 40px !important;
    }
    img.our-funds-image {
        width: 100%;
    }
    img.our-funds-image {
        width: 100%;
    }
    .after-hero-section {
    margin-top: 0px;
    }
    .main-menu-bar {
        height: auto !important;
    }
    .after-hero-service-section .col-md-3.mb-3 {
        height: auto !important;
    }
    .services-hero-image {
    	right: 0px !important;
    	left: auto;
    }
    .vertical-tabs .nav.nav-tabs {
        margin: 55px 0px;
    }

}
.about-us-hero-gray-box-list-items {
	right: 0;
	left: 0;
	float: left;
}
  .our-fund-row .section-main-content p,.wards-achievements-content p {
	width: 100% !important;
  }
@media screen and (max-width:500px) {
       .slider-caption{
        margin-top:-68px!important;
        margin-right:24px!important;
        padding:8px 9px!important;
    }
    a.mobile-language-link {
        margin-left: 15px;
        margin-right: auto !important;
    }
    .investment-strategy-list-item li span {
        left: auto;
        right: -10px;
        top: -3px;
    }
    .main-menu-bar {
        height: auto !important;
    }
    .main-menu-bar .container a.navbar-brand.home, .main-menu-bar .container .navbar-buttons {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
     .row.services-gap-row {
        padding-left: 0px;
        padding-right: 0px !important;
      }
       a.learn-more-cta, a.learn-more-cta.re-padding-left {
    margin-bottom: 0px;
  }
  .main-service-banner-pages-links .about-us-hero-gray-box-list-items {
    	margin-top: -299px !important;
    }
    .services-list-items {
    
    right: 25px;
  }
  .vertical-tabs .nav.nav-tabs {
	float: inherit !important;
	margin: 55px 0px;
}
}



/*******   About Us    ********/
.about-us-main-brokerage-image img {
	width: 100% !important;
}

@media(max-width: 1200px){
.about-us-board-members-wrapper {
	width: 100% !important;
  }
 .main-about-us--section img {
	width: 100% !important;
 }
 .bar-box-bottom-right img {
	width: auto !important;
 }
}
@media(max-width: 900px){
  .about-us-hero-image,.about-us-hero-line-box {
	right: 0px !important;
  }
  .about-us-hero-content {
	right: 50px !important;
  }
  .main-about-us--section .row.about-us-gap-row {
	margin: 0px !important;
  }
  .about-us-management-wrapper {
	width: 100% !important;
	height: auto !important;
	margin: 0px !important;
 }
 .row.services-gap-row {
	margin-bottom: 20px !important;
	margin: auto !important;
 }
 .about-us-main-shariah-board-wrapper {
	height: auto !important;
 }
}
@media(max-width: 767px){
  .about-us-hero-content {
	right: 30px;
 }
 .main-about-us--section {
	padding-bottom: 40px !important;
  }
  .about-us-hero-content {
	right: 50px !important;
	padding-right: 0px !important;
  }
}



/* Our Compeny */
/*.our-company-first-contant-wrapper{*/
/*    margin-right: 0px !impoertant;*/
/*}*/

@media(max-width: 1300px){
  .about-us-team-after-hero-section{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .nomu-parallel-market-section .col-md-12:nth-child(2) {
	margin: 20px 0px !important;
  }
}
@media(max-width: 1167px){
.about-us-our-company-info-section-3 {
	margin-bottom: 100px;
 }
 .about-us-our-company-info-section-3 .our-company-first-contant-wrapper-3 {
	padding-left: 0px !important;
  }
  .about-us-our-company-info-section-3 .our-company-big-gray-box3 {
	height: 100% !important;
  }
}

@media(max-width: 1024px){
.our-company-first-contant-wrapper-3 {
	padding: 0px !important;
	padding-right: 20px !important;
  }
  #overview{
      margin-bottom: 0px !important;
  }
  .about-us-our-company-info-section-3 {
	margin-bottom: 0px !important;
	padding: 30px 0px;
	background: #F6F8FA !important;
 }
}
@media(max-width: 989px){
  #overview {
	margin-bottom: 0px !important;
	padding-bottom: 50px !important;
  }
}

@media(max-width: 900px){
  .about-us-team-list-items {
	width: 100% !important;
	left: auto !important;
	right: 50px !important;
  }
    .awareness-hero-image img {
    width: 100%;
    height: 650px;
  }
  .awareness-hero-content {
	left: 24px;
	top: 160px !important;
}
  li.nav-item a {
	margin: 0px 23px 0px 0px;
	padding: 0 23px 0 0 !important;
}
.top-nav-link-wrapper {
	border-bottom: 0px solid;
	padding-bottom: 10px;
	padding-top: 0px;
}
  .info-security-hero-image img, .info-security-hero-image, .info-security-hero-section {
    	width: auto;
    	height: 400px !important;
    }
    .info-security-hero-content {
    	top: 140px !important;
    }
    .threat-category-col {
    	flex: 0 0 100% !important;
    	max-width: 100% !important;
    	margin-left: 10px;
    }
    .info-security-hero-image {
        left: 0px !important;
    }
    .careers-hero-image {
        right:0px;
    }
    .careers-hero-content {
    	left: 0px !important;
    	top: 167px;
    	right: 30px !important;
    }
    .careers-hero-sub-heading, .careers-hero-short-details {
    	color: #323232;
    }
    .new-client-hero-line-box {
        right:0px;
    }
    .new-client-hero-content {
        right:40px;
    }
}
@media(max-width: 767px){
  .about-us-our-company-info-section-1 {
	padding: 40px 0px !important;
  } 
  .main-service-banner-pages-links {
	margin-bottom: 0px !important;
}
  .about-us-our-company-info-section-1 img{
      margin-bottom: 0px !important;
  }
 .main-service-banner-pages-links {
	margin-bottom: 0px !important;
}
.row.services-gap-row .col-md-6.desktop-only {
      margin-bottom: 30px;
    }
    .services-hero-section, .services-hero-line-box {
  height: 500px;
}
.media-hero-short-details p {
	color: #fff;
}
.contact-us-hero-content {
	right: 26px;
}
.contact-us-hero-short-details p {
	color: #fff !important;
}
.carousel-control-next, .carousel-control-prev {
	bottom: -54px !important;
}
.carousel-indicators.carousel-indicators-award {
	bottom: -75px !important;
}
.awareness-hero-section {
	height: 400px;
}
}

@media screen and (max-width:480px) {
    .media-hero-section {
        height:300px !important;
    }
    .after-media-hero-section {
    	padding-top: 20px !important;
    }
    .contact-us-hero-section, .contact-us-hero-image, .contact-us-hero-image img, .contact-us-hero-section .contact-us-hero-gray-box, .contact-us-hero-section, .contact-us-hero-image img {
        height: 300px !important;
        }
        .contact-us-hero-content {
    	right: 26px;
    	margin: 0px;
    	top: 65px !important;
    }
    .contact-form {
    margin-bottom: 70px !important;
    }
    .socila-pages {
    	margin: 13px 0px;
    }
    .contact-heading {
    	padding-right: 20px;
    	padding-left: 20px;
    }
    .contact-us-hero-section {
    	margin-bottom: 30px;
    }
    .mutual-funds-item-row .asset-type {
        font-size:14px;
    }
    ul.investment-strategy-list-item li {
    	margin: 0px 0px 20px 0px !important;
    }
    .mutual-funds-item-row .asset-type {
        padding:0px;
    }
    span.mf-text-line::after {
    	left: 62px;
    	width: 84px !important;
    }
    .rsdf-heading span::after {
	
	top: 109px;
}
.info-security-hero-section {
  height: 300px !important;
}
.info-security-hero-section {
  height: 300px !important;
}
.info-security-hero-content {
    top: 80px !important;
  }

.new-client-hero-section .new-client-hero-content {
	display: block !important;
	top: 38%;
}
.info-security-hero-section {
	height: 300px !important;
	margin-bottom: -100px !important;
}
.complaint-hero-image {
	
	right: -502px;
}
.careers-hero-image {
	right: 0px;
	left: auto;
}
.careers-hero-content {
	right: 24px;
	left: auto;
	top: 65px;
}
.careers-hero-sub-heading, .careers-hero-short-details {
	width: 94% !important;
}
}
.copy-right-text {
	margin-top: 20px;
}

/* Awarness  */


  .awareness-content-wrapper {
	width: 100% !important;
	height: auto;
  }

@media(max-width: 1200px){
   .after-awareness-hero-section {
	margin-top: 0px !important;
	margin-bottom: 0px;
	padding: 100px 0px !important;
  }
  .awareness-hero-image {
	height: auto !important;
  }
  .new-client-main-hero-banner {
	height: 100% !important;
 }
}
@media(max-width: 1024px){
.new-client-hero-image {
	height: 430px;
	top: 0;
}
.new-client-hero-line-box {
	top: 100px;
}
.new-client-hero-content {
	top: 170px;
	left: 80px;
}
  .new-client-hero-section {
	position: relative;
	height: 430px;
	top: 0;
  }
  .after-careers-hero-section {
	margin-top: 100px !important;
  }
}
@media(max-width: 989px){
.awareness-hero-image {
	height: 322p900important;
  }
  .new-client-hero-image {
	height: 450px !import
    
 }
 .new-client-hero-section {
	top: 0px !important;
  }
  
}

@media(max-width: 900px){
.new-client-hero-line-box {
	top: 0;
	height: ;
	height: 430px; 
 }
 .new-client-hero-line-box {
	top: 0 !important;
 }
 .post-full-detail {
	padding-top: 0px !important;
  }
 .awareness-hero-section {
	height: 400px !important;
 }
 .faic-main-hero-banner {
	height: 400px;
 }
 .new-client-hero-section {
    position: relative;
    height: 400px;
    top: 0;
 }
 .new-client-hero-image {
    top: 0 !important;
 }
 .new-client-hero-line-box {
    top: 100px;
 }
 .new-client-hero-content {
    top: 165px;
 }
 .awareness-hero-image {
	height: auto !important;
	top: 0 !important;
	height: 400px !important;
 }
}
@media(max-width: 767px){
    .after-awareness-hero-section {
	margin-top: 0px !important;
	margin-bottom: 60px;
  }
.after-awareness-hero-section {
	margin-top: 0px !important;
	margin-bottom: 0px;
	padding: 30px 0px !important;
}
 .awareness-hero-section {
	margin-bottom: 0px !important;
 }
 .nav.nav-tabs {
	margin: 0px !important;
 }
 .after-awareness-hero-section {
	padding: 70px 0px !important;
 }
 .new-client-main-hero-banner {
	height: 300px !important;
 }
 .new-client-main-hero-banner {
	height: 100% !important;
  }
}


@media(max-width: 480px){
.new-client-hero-image {
	height: 100% !important;
	top: 0;
  }
  .after-careers-hero-section {
	margin-top: 30px !important;
 }
}
/* Application Investment Account  */

.faic-main-hero-banner {
	height: 100% !important;
}


/* Contact */
@media(max-width: 900px){

  .contact-us-hero-image {
	left: auto !important;
	right: 0;
	float: right !important;
  }
}


/* Client */
@media(max-width: 1024px){
   .services-hero-gray-box-list-items {
	left: auto !important;
	right: 150px !important;
	top: 300px;
  }
}

@media(max-width: 767px){
    .reif-feature-image-wrapper {
	margin-bottom: 50px !important;
 }
}

@media(max-width: 480px){
    .reif-feature-image-wrapper {
	margin-bottom: 0px !important;
 }
 .row.vertical-tabs.brokerage-tabs {
	width: 100% !important;
	margin: 0px !important;
	padding-top: 60px !important;
 }
}


/*Responsive*/

  .member-info-image,.member-info-image img {
	width: 100% !important;
	height: 100% !important;
 }
.about-us-team-hero-gray-box-list-items {
	left: 0;
	right: auto !important;
	float: left !important;
}
.re-padding-left, .am-padding-left {
	padding-right: 100px !important;
    margin-right: 0px !important;
 }
/*.info-security-main-hero-banner {*/
/*	height: 100% !important;*/
/*	width: 100% !important;*/
/*}*/
@media(max-width: 1300px){
.new-client-main-hero-banner {
	height: 100% !important;
  }
}


@media(max-width: 1200px){
    .subscribe-ICAP-Funds-gray-box {
	height: 100% !important;
  }
  #Local_Brokerage .carousel-indicators {
	justify-content: center !important;
	top: auto !important;
	margin-bottom: -88px;
 }
 button.carousel-control-prev.award-slider-control-prev, button.carousel-control-next.award-slider-control-next {
	bottom: -85px !impotant;
	top: auto !important;
 }
.after-services-hero-section {
	padding: 120px 0px 100px 0px;
  }
  .award-slider-box .award-slider-wrapper {
	height: 435px;
	padding: 0px 30px 0px 20px;
  }
  .about-us-management-wrapper {
	margin: 0px !important;
  }
  .services-hero-gray-box-list-items {
	left: 50px !important;
	width: 300px !important;
 }
 section.margin-cedit-over-draft-section {
	padding-bottom: 50px !important;
 }
}
.media-hero-section .about-us-hero-image {
	width: auto !important;
	right: auto !important;
	left: 0 !important;
}


@media(max-width: 1024px){
    .investment-philosophy-content-wrapper {
	margin: 0px !important;
	height: 100% !important;
  }
  .reif-wrapper p {
	width: 100% !important;
  }
 .media-hero-section .about-us-hero-image {
	width: auto !important;
	right: auto !important;
	left: 0 !important;
}
  .idrl-section {
	padding-bottom: 60px !important;
	padding-top: 60px !important;
 }
  .investment-philosophy-gray-box {
	height: 100% !important;
	top: 0;
  }
  .investment-philosophy-section {
	padding: 100px 0px !important;
  }
  .international-brokerage-contant-wrapper {
	padding-right: 20px !important;
 }
 .post-catagory-sharing-wrapper {
	margin-bottom: 0px !important;
 }
 .left-padding-invest-banking {
	padding: 0px !important;
 }
  .about-us-main-shariah-board-wrapper {
	width: 609px;
	height: auto !important;
	position: relative;
  }
  .row.services-gap-row {
	padding-bottom: 0px !important;
 }
 .about-us-our-company-info-section-2 {
	margin-bottom: 60px !important;
 }
 .about-us-our-company-info-section-3 {
	padding: 100px 0px 50px 0px;
  }
}
@media(max-width: 900px){
    .about-us-our-company-info-section-3 {
	padding-bottom: 40px !important;
  }
    .investment-strategy-section {
	padding-top: 100px;
  }
  .careers-hero-image img {
	width: auto;
	height: auto !important;
  }
  .careers-hero-image {
	height: auto !important;
 }
 .careers-hero-section {
	height: 500px !important;
 }
 .after-careers-hero-section {
	margin-top: 30px !important;
 }
  .row.services-gap-row {
	padding-bottom: 70px !important;
 }
  .subscribe-ICAP-Funds-gray-box {
	height: 100%;
  }
  .media-hero-content {
	left: auto !important;
	right: 50px !important;
  }
  .media-hero-gray-box {
	top: 0 !important;
  }
.main-service-banner-pages-links {
	margin-bottom: 150px;
}
.main-service-banner-pages-links {
	margin-bottom: 120px !important;
 }
 .services-hero-content {
	left: auto !important;
	right: 50px !important;
 }
 .after-services-hero-section {
	padding: 120px 0px 50px 0px !important;
 }
 .fra-type-title {
	padding-right: 0px !important;
 }
 .financial-reports-announcements img.fra-content-wrapper-banner {
	margin-top: 0px !important;
	margin-bottom: 70px !important;
 }
 .after-services-hero-section {
	padding: 50px 0px 50px 0px !important;
 }
 .re-padding-left, .am-padding-left {
	padding-right: 0px !important;
 }
 .main-banner-pages-links .about-us-team-hero-gray-box-list-items {
	height: 160px !important;
  }
}
.rsdf-wrapper {
	width: 100% !important;
}
.rsdf-wrapper p {
	width: 100% !important;
}
@media(max-width: 767px){
 .services-hero-content {
	right: 30px !important;
 }
 .row.services-gap-row {
	padding-bottom: 30px !important;
 }
 .after-services-hero-section {
	padding: 30px 0px 0px 0px !important;
 }
 section.margin-cedit-over-draft-section {
	padding-bottom: 0px !important;
 }
 button.carousel-control-prev.award-slider-control-prev, button.carousel-control-next.award-slider-control-next {
	margin-bottom: -17px;
 }
 .investment-philosophy-section img {
	margin-bottom: 30px !important;
 }
 .investment-philosophy-section {
	margin-top: 40px !important;
	padding: 50px 0px !important;
 }
 .financial-reports-announcements img.fra-content-wrapper-banner {
	margin-top: 0px !important;
	margin-bottom: 50px !important;
 }
 .financial-reports-announcements {
	margin-top: 0px !important;
 }
 .after-info-security-hero-section {
	padding-bottom: 0px !important;
	padding-top: 30px !important;
 }
}

@media(max-width: 480px){
  .main-service-banner-pages-links {
	margin-bottom: 120px !important;
 }
 .about-us-hero-content, .about-us-team-list-items {
	right: 0 !important;
	padding-right: 30px !important;
  }
  .threat-tabs ul.nav.nav-tabs li.nav-item {
	float: right !important;
 }
.main-service-banner-pages-links .about-us-hero-gray-box-list-items {
	margin-top: -220px !important;
  }
   .financial-reports-announcements img.fra-content-wrapper-banner {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
 }
 #brokerage {
	padding-top: 30px !important;
 }
 .careers-hero-section {
	height: 360px !important;
  }
  .careers-hero-content {
	right: 0 !important;
  }
  .after-awareness-hero-section {
	padding-bottom: 0px !important;
 }
}


.footer-widgets i {
    color: #fff !important;
}
/*.footer-widgets  a i:hover {*/
/*    color: #FFE300 !important !important;*/
/*}*/
.contact-wrapper i {
    width: 50px;
    background: #F6F8FA;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
}
.icon a i:hover {
	color: #FFE300 !important;
}
.footer-widgets .phone:hover i, .footer-widgets .phone:hover a span,  .footer-widgets .mail:hover i,  .footer-widgets .mail:hover a span,  .footer-widgets .Address:hover i {
	color: #FFE300  !important;
}
.contact-wrapper  i:hover {
    background: #FFE300 !important;
}
/* Socket Pages */
 .contact-inner-value a {
	color: #000 !important;
 }
 .contact-inner-value a:hover {
	color: #FFE300 !important;
  }

  .contact-us-hero-image {
	width: 100% !important;
 }
 .contact-us-hero-image {
	padding-right: 416px !important;
	right: 0px !important;
	padding-left: 30px !important;
 }
  .contact-main-hero-banner {
	width: 1000px !important;
	height: 536px !important;
	width: 100% !important;
	max-width: 1000px !important;
 }
  .after-contact-us-hero-section {
	padding-bottom: 100px !important;
  }
  .after-term-condition-hero-section,.privacy-after-hero-section {
	padding-top: 100px;
  }
.customer-care {
	width: 606px;
	height: 510px;
	width: 100% !important;
	height: 100% !important;
 }
@media(max-width: 900px){
    .contact-us-hero-image {
	padding: 0px !important;
  }
}
@media(max-width: 767px){
    section.after-term-condition-hero-section,.privacy-after-hero-section {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	padding-top: 0px !important;
  }
  .after-contact-us-hero-section {
	padding-bottom: 40px !important;
 }
}
.post-slider-container {
	width: 100% !important;
  }
  #mixedSlider {
	right: 0 !important;
 }
 
 
 .about-us-our-company-info-section-2 {
    margin-top: 50px !important;
}



 @media(max-width: 900px){
 .awards-achievements-section .post-row {
	padding-right: 200px !important;
  }
  .wards-achievements-content p {
	margin-right: 0px !important;
	padding-right: 108px;
	height: auto !important;
 }
}
.post-slider-container {
	margin-left: -260px !important;
	width: auto !important;
}
 @media(max-width: 767px){
 .awards-achievements-section .post-row {
	padding-right: 0px !important;
  }
  .wards-achievements-content p {
	padding-right: 0px;
 }
 .post-slider-container {
	margin-left: 0px !important;
	width: 100% !important;
 }
}
/* @media(max-width: 880px){*/
/* .awards-achievements-section .post-row {*/
/*	padding-right: 200px !important;*/
/*  }*/
/*}*/


.main-footer,.mutual-funds-td-col1.equity-funds-title, .mutual-funds-td-col2.equity-funds-title,.mutual-funds-td-col1.asset-type.detail-term-type,.main-service-heading,.footer-pages-link{

    text-align:right;
}

.footer-widgets.quick-link-container{
    padding-right:15px!important;
}


.socila-pages svg{
    fill:white;
}

.socila-pages a svg:hover{
    fill:#FFE300;
}