@font-face {
    font-family: "Mulish";
    src: url(Fonts/Mulish-Regular.ttf) format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Mulish";
    src: url(Fonts/Mulish-SemiBold.ttf) format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Mulish";
    src: url(Fonts/Mulish-Bold.ttf) format("truetype");
    font-weight: 600;
}

 :root {
    --darkgray-color: #666666;
    --linksGrey-color: #485d73;
    --darkRed-color: #c30014;
    --red-color: #bb010f;
    --darkBlue-color: #05213b;
    --footer-color: #041b2f;
    --txtWhite-color: #f7fafc;
    --transition: all 0.3s ease-in-out;
    --section-padding: 5rem 0;
}

body {
    font-style: normal;
    font-weight: normal;
    font-size: 1.3rem;
    line-height: 1.8;
    font-family: "Mulish";
    color: var(--darkgray-color);
    /* height: 500vh; */
}

a {
    text-decoration: none;
}

ul {
    padding: 0;
    list-style: none;
}

.site-container {
    /* padding-inline: 24px; */
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.butn {
    background: var(--darkRed-color);
    border: 1px solid var(--darkRed-color);
    color: #fff;
    display: flex;
    gap: 0.5em;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    padding: 0.4em 1em;
    text-align: center;
    text-shadow: none;
    transition: var(--transition);
    z-index: 1;
    border-radius: 0;
}

.butn i {
    font-size: 14px;
}

.butn:hover {
    border: 1px solid var(--darkRed-color);
    color: var(--darkRed-color);
}

.butn.black:hover {
    border-color: #000;
    color: #000;
}

.whatsApp-icon {
    font-size: 22px;
    color: #ffffff;
    padding: 12px;
    background-color: #25d366;
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 99999999999;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsApp-icon a {
    color: #fff;
    text-decoration: none;
}

.section-heading {
    text-align: left;
}

.section-heading .section-name {
    padding: 0px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: bold;
    color: var(--darkRed-color);
}

.section-heading h1 {
    padding: 0px;
    margin: 0 0 0.5em;
    max-width: 860px;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 400;
    color: #000;
}

.section-heading .section-desc {
    padding: 0px;
    margin-top: 0px;
    font-size: 19px;
    line-height: 34px;
}


/* Start Header */

header {
    position: absolute;
    width: 100%;
    z-index: 1111;
}

header.Header {
    position: fixed;
    width: 100%;
    background-color: var(--darkBlue-color);
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .nav-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

header i {
    color: var(--txtWhite-color);
    cursor: pointer;
}

header .navbar-toggler {
    border: none;
    outline: none;
}

header .navbar-toggler:focus {
    box-shadow: none;
}

.nav-container .nav-search {
    width: fit-content;
}

header .offcanvas-body .navbar-nav {
    align-items: center;
    gap: 15px;
}

header .offcanvas-body .nav-item a {
    color: var(--txtWhite-color) !important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    /* transition: var(--transition); */
}

header .offcanvas-body .nav-item .my-btn {
    border: 1px solid #cf2e2e;
    background: #cf2e2e;
    color: #fff;
    padding: 6px 15px;
    font-size: 16px;
    font-weight: normal;
    display: block;
    cursor: pointer;
    transition: var(--transition);
}

header .offcanvas-body .nav-item .my-btn:hover {
    background: var(--txtWhite-color);
    border-color: var(--txtWhite-color);
    color: #000 !important;
}

header .offcanvas-body .dropdown-menu {
    background-color: #000;
    width: 300px;
    border-radius: 0;
    padding: 0;
    transition: var(--transition);
}

header .offcanvas-body .dropdown-menu li:hover a {
    background-color: var(--darkBlue-color);
}

header .offcanvas-body .dropdown-menu a {
    padding: 15px;
    font-size: 12px;
    font-weight: normal;
    transition: var(--transition);
}

header .offcanvas-body .dropdown-menu a.active {
    background-color: var(--darkBlue-color);
}

.offcanvas-header {
    justify-content: flex-end;
}

.offcanvas-header i {
    color: #fff !important;
    font-size: 20px;
    cursor: pointer;
}

.offcanvas.offcanvas-end {
    width: 90% !important;
    background-color: #090c10;
    padding-inline: 0px;
}


/* Form Modal  */

.modal-backdrop {
    z-index: 1 !important;
}

#formModal.show {
    z-index: 99999;
}

#formModal.show .modal-dialog {
    margin: 0;
    width: 100%;
    --bs-modal-width: 100%;
}

#formModal.show .modal-header {
    border: none;
    padding: 24px 24px 16px;
}

#formModal.show .modal-header i {
    color: #a4b5cf;
    font-size: 50px;
    cursor: pointer;
}

#formModal.show .modal-content {
    border-radius: 0;
    padding: 30px;
    border: none;
}

#formModal.show .modal-body {
    padding: 32px 24px 64px;
}

#formModal.show .form-row {
    justify-content: space-between;
}

#formModal.show .form-row .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

#formModal.show .form-row .text h1 {
    font-size: 48px;
    color: #000;
    font-weight: normal;
    padding-bottom: 24px;
}

#formModal.show .form-row .text p {
    font-size: 20px;
    color: #000;
    margin: 80px 0 20px;
}

#formModal.show .form-row .text a {
    color: var(--red-color);
    text-decoration: underline;
}

#formModal form .form-input {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 16px;
    padding: 0 5px;
    text-align: left;
    width: 100%;
}

#formModal form .form-input label {
    color: #000;
    font-weight: 400;
}

#formModal form .form-input label span {
    color: var(--red-color);
}

#formModal form .form-input input {
    color: #05213b;
    border-radius: 0px;
    border-width: 0px 0px 1px 0px;
    background: #ffffff;
    border-color: #c0c2c3;
    flex-basis: 100%;
    flex-grow: 1;
    max-width: 100%;
    min-height: 40px;
    padding: 10px 12px;
    vertical-align: middle;
}

#formModal form .form-input input:focus {
    outline: none;
    box-shadow: none;
}

#formModal .modal-body .btm {
    font-size: 12px;
    color: #666;
}

#formModal .modal-body .btm a {
    color: var(--red-color);
    text-decoration: underline;
}

.modalError {
    margin: 30px 0px 0;
    padding: 8px;
    text-align: left;
    width: 100%;
    background: #fff5f5;
    border: 1px solid #fc8181;
    border-radius: 2px;
    color: #c53030;
    font-weight: 700;
}

.modalError.last {
    margin-inline: 5px;
}


/* Search Modal */

#searchModal {
    z-index: 99999;
    --bs-modal-width: 100%;
}

#searchModal.show .modal-dialog {
    margin: 0;
    height: 100%;
}

#searchModal.show .modal-content {
    height: 100%;
    border-radius: 0;
    background-color: var(--darkRed-color);
    border: 1px solid var(--darkRed-color);
}

#searchModal.show .modal-header {
    justify-content: flex-end;
    color: var(--txtWhite-color);
    border: 0;
    padding-inline: 1.5em;
}

#searchModal.show .modal-header i {
    cursor: pointer;
}

#searchModal.show .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2em;
}

#searchModal.show .modal-body form {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
}

#searchModal.show .modal-body form .search-field {
    width: 100%;
    background: transparent;
    color: var(--txtWhite-color);
    padding: 0.8em 80px 0.8em 0.8em;
    font-size: 20px;
    border: 1px solid currentColor;
    border-radius: 3px;
}

#searchModal.show .modal-body form .search-field::placeholder {
    color: #e17f89;
    font-weight: bold;
}

#searchModal.show .modal-body form .search-field:focus {
    box-shadow: 5px 5px 0px 0px currentColor;
    outline: none;
}

#searchModal.show .modal-body form .submit {
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 70px;
    padding: 0;
    text-align: center;
    background: 0 0;
    z-index: 3;
    cursor: pointer;
    pointer-events: none;
    color: var(--txtWhite-color);
    text-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#searchModal.show .modal-body form input.hidden {
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    color: transparent;
    background: transparent;
    z-index: 2;
    width: 50px;
    border: 0;
    padding: 8px 12px 7px;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}


/* End Header */


/* Start Hero */

.hero {
    position: relative;
}

.hero .video-container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.hero .site-container {
    margin-inline: auto;
    position: relative;
}

.hero .hero-video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-position: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.hero .layout-overlay {
    opacity: 0.2;
    background-color: #000205;
    mix-blend-mode: normal;
    filter: opacity(100%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.hero .hero-container {
    display: grid;
    gap: 2rem;
    grid-auto-rows: minmax(250px, 1fr);
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    z-index: 1;
    padding: 160px 0 104px;
}

.hero .hero-container .h1-heading {
    padding: 1.5rem 0 2rem;
    text-align: left;
    font-size: 5rem;
    line-height: 1.2em;
    font-weight: 400;
    color: var(--txtWhite-color);
    margin: 0 0 0.5em;
    width: fit-content;
}

.hero .hero-container .content {
    display: flex;
    flex-direction: column;
}

.hero .hero-container .content .hero-row {
    justify-content: space-between;
    align-items: center;
}

.hero .hero-container .hero-row .p-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 32px;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--txtWhite-color);
}

.hero .hero-container .hero-row .hero-button {
    color: var(--txtWhite-color);
    border-radius: 0;
    margin-top: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    background: var(--darkRed-color);
    cursor: pointer;
    font-size: 1.125rem;
    padding: 0.4em 1em;
}

.hero .hero-container .hero-row .middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    z-index: 1;
}

.hero .hero-container .hero-row .middle .p-heading {
    text-align: right;
    font-size: 1.3rem;
    margin: 0;
}

.hero .hero-container .hero-row .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    z-index: 1;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.hero .hero-container .hero-row .right .img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 56.25%;
}

.hero .hero-container .hero-row .right img {
    flex: 1;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero .hero-container .hero-row .video-overlay {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: var(--transition);
}

.hero .hero-container .hero-row .right:hover .video-overlay {
    opacity: 0.5;
}

.hero .hero-container .hero-row .right .icon {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.hero .hero-container .hero-row .right .icon i {
    color: var(--txtWhite-color);
    font-size: 12px;
}


/* Video Modal  */

.hero .modal {
    z-index: 9999;
}

.hero .modal-dialog {
    max-width: 100%;
    width: 95%;
    margin: 0 auto;
}

.hero .modal-header {
    border: none;
    justify-content: flex-end;
    padding-bottom: 0;
    position: relative;
}

.hero .modal-header .icon-close {
    padding: 7px 10px;
    font-size: 28px;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    cursor: pointer;
    border-radius: 7px;
}

.hero .modal-content {
    background-color: transparent;
    border: none;
}

.bs-example {
    margin: 20px;
}

.modal-dialog iframe {
    max-width: 100%;
    /* height: 100%; */
    margin: 0 auto;
    display: block;
    outline: 0 !important;
    border: none;
    min-height: 300px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto;
}


/* End Hero */


/* Start group */

.group .site-container {
    margin-inline: auto !important;
}

.group .contanet {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #e7eaec;
}

.group .contanet .left {
    width: 25%;
}

.group .contanet .left strong {
    font-size: 14px;
}

.group .contanet .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
}

.group .contanet .right img {
    border: 0 solid;
    box-sizing: border-box;
    width: 100px;
    max-width: 100px;
}


/* End group */


/* Start Funds */

.funds .site-container {
    width: fit-content;
}

.funds .section-heading {
    padding-top: 64px;
    padding-bottom: 48px;
}

.funds .boxs {
    display: grid;
    column-gap: 40px;
    padding: 0;
    padding-bottom: 5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.funds .box .image {
    margin-bottom: 20px;
    width: 100%;
}

.funds .box .image img {
    /* max-width: 100%;
    height: 100%; */
    width: 330px;
    height: 235px;
    padding-right: 15px;
}

.funds .box .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.funds .box .text p {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
}

.funds .box .text a {
    font-size: 18px;
    font-weight: normal;
    line-height: 29px;
    color: #7d7d7d;
    display: flex;
    align-items: baseline;
    gap: 10px;
    transition: var(--transition);
}

.funds .box .text a:hover {
    color: var(--red-color);
}

.funds .box .text i {
    font-size: 16px;
}


/* End Funds */


/* Start Investment */

.investment {
    position: relative;
}

.investment .box-red {
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--darkRed-color);
}

.investment .site-container {
    width: fit-content;
}

.investment .content {
    display: grid;
    column-gap: var(--global-kb-gap-lg, 4rem);
    max-width: var(--global-content-width, 1290px);
    padding: var(--section-padding);
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
}

.investment .content .image img {
    max-width: 100%;
    filter: contrast(1.1) saturate(1.1);
}

.investment .content .right .section-heading h1 {
    font-size: 42px;
    line-height: 51px;
}

.investment .content .right .section-heading .section-desc {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 32px;
}

.investment .content .right ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    padding: 0;
    margin-bottom: 32px;
}

.investment .content .right li {
    width: 50%;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
}

.investment .content .right li i {
    margin-right: 10px;
}

.investment .content .btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.investment .content .btns .butn {
    border-radius: 4px;
    font-size: 19px;
    line-height: 31px;
    font-weight: normal;
    letter-spacing: 0.6px;
    gap: 0.5em;
}

.investment .content .btns i {
    font-size: 14px;
}


/* End Investment */


/* Start About */

.about .image img {
    max-width: 100%;
    filter: contrast(1.1) saturate(1.1);
}

.about .site-container {
    width: fit-content;
}

.about .about-content {
    display: grid;
    column-gap: 4rem;
    padding: var(--section-padding);
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
}

.about .section-heading h1 {
    font-size: 42px;
    line-height: 51px;
    font-weight: normal;
}

.about .section-heading .section-desc {
    margin-bottom: 32px;
}

.about .section-heading span {
    color: var(--red-color);
}

.about .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 22;
}

.about .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 0;
}

.about .left .btm li {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    display: flex;
    gap: 0.25em;
    align-items: center;
    margin-bottom: 10px;
}

.about .left .btm li p {
    margin: 0;
}

.about .left .btm li span {
    color: var(--red-color);
}

.about .left .btm li i {
    margin-right: 0.5rem;
}

.about .left .btm {
    margin-right: -120px;
}

.about .left .imgs {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    z-index: 10 !important;
}

.about .left .imgs img {
    display: block;
    max-width: 78%;
}

.about .left .btm .btns {
    margin-top: 1.5rem;
    display: flex;
}

.about .left .btm .btns .butn {
    border-radius: 4px;
    font-size: 19px;
    line-height: 31px;
    font-weight: normal;
    letter-spacing: 0.6px;
    gap: 0.5em;
}


/* End About */


/* Start Report */

.report {
    margin-bottom: 10rem;
    background-color: var(--red-color);
}

.report .content {
    display: grid;
    gap: 2rem;
    position: relative;
    z-index: 1;
    align-content: center;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
}

.report .content .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.report .content .image img {
    max-width: 100%;
    height: auto;
}

.report .content .parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    margin-top: 0px;
    margin-bottom: -170px;
}

.report .content .parent .text {
    padding: 3rem;
    color: var(--txtWhite-color);
    background-color: var(--darkBlue-color);
}

.report .content .parent .text h1 {
    font-size: 28px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 14px;
}

.report .content .parent .text p {
    font-size: 20px;
    line-height: 36px;
    font-weight: normal;
    margin-bottom: 2rem;
}

.report .content .text .btns {
    display: flex;
}

.report .content .text .btns .butn-darkBlue {
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    display: inline-flex;
    gap: 0.5em;
    padding: 6px 18px;
    align-items: center;
}


/* End Report */


/* Start News */

.news {
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.news .content {
    row-gap: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
}

.news .content .head {
    margin-bottom: 1.5rem;
    color: #000;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 80%) minmax(0, 20%);
}

.news .content .head h1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
}

.news .content .head .a-left {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
}

.news .content .head .a-left a {
    display: inline-flex;
    gap: 0.5em;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.4em 1em 0.4em 0;
    color: #000;
    align-items: center;
    transition: var(--transition);
}

.news .content .head .a-left a:hover {
    color: #666;
}

.news .content .item {
    border: 1px solid #e7edf1;
}

.news .content .box img {
    flex: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.news .content .box .text {
    padding: 5px 17px 15px;
}

.news .content .box h1 {
    color: #000;
    padding: 15px 0;
    margin: 0px;
    font-size: 24px;
    line-height: 35px;
    font-weight: 400;
}

.news .content .box p {
    color: var(--red-color);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.owl-carousel {
    position: relative;
    transition: var(--transition);
}

.owl-carousel:hover .owl-nav button {
    opacity: 0.65;
}

.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-inline: 20px;
}

.owl-carousel .owl-nav button {
    align-items: center;
    background: #000 !important;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 2rem;
    justify-content: center;
    opacity: 0.25;
    color: #fff !important;
    z-index: 1;
    transition: var(--transition);
    position: relative;
}

.owl-carousel .owl-nav button:hover {
    opacity: 0.9;
}

.owl-carousel .owl-nav button span {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
}

.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.owl-carousel .owl-dots button {
    width: 10px;
    height: 10px;
    background-color: #000;
    opacity: 0.25;
    border-radius: 50%;
    transition: var(--transition);
}

.owl-carousel .owl-dots button:hover {
    opacity: 1;
}

.owl-carousel .owl-dots button.active {
    opacity: 0.75;
}

.owl-carousel .owl-item img {
    object-fit: cover;
}


/* End News */


/* Start Falg */

.flag {
    margin-bottom: -120px;
}

.flag .content {
    background-color: var(--red-color);
    background-image: url(../img/flag-turkey-compressed-scaled.webp);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    position: relative;
    display: grid;
    align-items: center;
    gap: 2rem;
    position: relative;
    z-index: 1;
    padding: 3rem 5rem;
    grid-template-columns: minmax(0, 65%) minmax(0, 35%);
}

.flag .content .overlay {
    opacity: 0.9;
    background-color: var(--red-color);
    filter: opacity(100%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.flag .content .left {
    position: relative;
}

.flag .content .left h1 {
    text-align: left;
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.flag .content .right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    /* flex-direction: column; */
}

.warning {
    font-size: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    padding: 0;
    margin: 2rem 5px 0 5px !important;
    background: #fff5f5;
    border: 1px solid #fc8181;
    border-radius: 2px;
    color: #c53030;
    font-weight: 700;
    text-align: right;
    width: 100%;
}

.flag .content .right .butn-red {
    color: var(--txtWhite-color);
    border-radius: 0px;
    border: 2px solid var(--txtWhite-color);
    font-size: 1.35rem;
    background: var(--red-color);
    padding: 0.4em 1em;
    transition: var(--transition);
}

.flag .content .right .butn-red:hover {
    color: var(--red-color);
    background: var(--txtWhite-color);
}


/* End Falg */


/* Start Footer */

footer {
    background-color: var(--footer-color);
}

footer .content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 30px;
    padding-top: 160px;
    padding-bottom: 0px;
}

footer .content .left {
    padding: 0.5rem 3rem 1.5rem 0;
}

footer .content .left .logo {
    max-width: 240px;
    margin: 0.5em 0 1em;
}

footer .content h1 {
    padding-top: 1.5rem;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 36px;
    color: var(--txtWhite-color);
    margin: 20px 0;
    /* font-weight: normal; */
}

footer .content .left p {
    color: #a4b5cf;
    margin-top: 0px;
    margin-bottom: 0.5rem;
    font-size: 1.099rem;
}

footer .content .left p.pading {
    margin-right: 64px;
}

footer .content .right ul {
    margin-bottom: 0;
}

footer .content .right h1 {
    padding: 1.5rem 0 0;
    margin: 0 0 30px;
    font-weight: 700;
    font-size: 22px;
}

footer .content .right a {
    display: flex;
    gap: 0.25em;
    align-items: baseline;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: #a4b5cf;
    transition: var(--transition);
}

footer .content .right a:hover {
    color: var(--txtWhite-color);
}

footer .content .right a i {
    margin-right: 5px;
}

footer .links {
    padding-top: 12px;
    padding-bottom: 8px;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

footer .links li a {
    font-style: normal;
    font-size: 12px;
    padding: calc(0.6em / 2) calc(2em / 2);
    color: #a4b5cf;
    transition: var(--transition);
}

footer .links li a:hover {
    color: var(--darkRed-color);
}

footer .footer-border {
    border-bottom: 1px solid rgba(247, 250, 252, 0.02);
}

footer .footer-btm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    grid-column-gap: 30px;
}

footer .footer-btm .left p {
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #a4b5cf;
    margin: 1em 0;
}

footer .footer-btm .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.3em;
    font-size: 1em;
}

footer .footer-btm .right a {
    width: 2em;
    height: 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

footer .footer-btm .right a:last-of-type {
    margin-right: 20px;
}

footer .footer-btm .right i {
    /* margin-right: 15px; */
    color: var(--txtWhite-color);
}


/* End Footer */


/* Start Who Page */

#who {
    background-image: url(../img/we.webp);
    background-size: cover;
    background-position: 94% 0%;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

#who .overlay {
    opacity: 0.18;
    background-color: #000;
    mix-blend-mode: normal;
    filter: opacity(100%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

#who .content {
    row-gap: 0;
    padding: 220px 0 138px;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
    display: grid;
    gap: 2rem;
    position: relative;
    z-index: 1;
}

#who .content .text {
    color: #fff;
}

#who .content .text h1 {
    padding-top: 60px;
    text-align: left;
    font-size: 4.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 8px 0 36px;
}

#who .content .text p {
    padding-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 36px;
}


/* Start Group */

.groupStory {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
    padding: 6.5rem 0 0;
}

.groupStory .section-heading h1 {
    padding-right: 2rem;
}

.groupStory .content {
    display: grid;
    gap: 2rem;
    position: relative;
    z-index: 1;
    column-gap: 4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.5rem 0;
}

.groupStory .content .text p {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.7em;
}

.groupStory .content .text p.top {
    margin-bottom: 2rem;
}

.groupStory .btm {
    display: grid;
    align-items: center;
    gap: 2rem;
    grid-template-columns: minmax(0, 20%) minmax(0, 80%);
    position: relative;
    z-index: 1;
    padding: 1.5rem 0;
}

.groupStory .btm .boxs {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1.5rem 0;
}

.groupStory .btm .boxs .box {
    text-align: center;
}

.groupStory .btm .boxs .box p {
    color: var(--red-color);
    font-size: 50px;
    margin: 0;
}

.groupStory .btm .boxs .box span {
    font-size: 1.1rem;
    padding-bottom: 1.5rem;
    margin: 0;
}


/* End Group */


/* Start VideoSec */

.videoSec {
    height: 310px;
    position: relative;
}

.videoSec .video-container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.videoSec .video-container video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* End VideoSec */


/* Start Reason */

.reason {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 3rem 0 1.5rem;
}

.reason .section-heading {
    padding: 24px 0;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
}

.reason .section-heading h1 {
    padding-right: 2rem;
    font-size: 42px;
    line-height: 51px;
    margin: 0;
}

.reason .contnet {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
}

.reason .content .boxs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    column-gap: 4rem;
    padding: 1.5rem 0;
}

.reason .content .boxs .box .title {
    display: grid;
    gap: 2rem;
    padding: 1rem 0;
    grid-template-columns: minmax(0, 15%) minmax(0, 85%);
}

.reason .content .boxs .box .title h1 {
    font-size: 1.4rem;
    color: #000;
    line-height: 1.5;
    font-weight: 700;
}

.reason .content .boxs .box p {
    padding-top: 1rem;
    font-size: 1.2rem;
    line-height: 2rem;
}


/* End Reason */


/* Start solutions */

.solutions .content {
    display: grid;
    gap: 2rem;
    column-gap: var(--global-kb-gap-lg, 4rem);
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
    padding: 6.5rem 0;
}

.solutions .content .left h1.title {
    margin-top: -20px;
    padding: 0 2rem 0 0;
    max-width: 860px;
    text-align: left;
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.solutions .content .left .btm {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 25%) minmax(0, 75%);
    padding: 1.5rem 0;
}

.solutions .content .left .btm .years {
    padding: 1rem;
    background-color: var(--darkRed-color);
    color: var(--txtWhite-color);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-break: break-word;
}

.solutions .content .left .btm .years h1 {
    font-size: 50px;
    margin: 0;
    font-weight: 400;
    line-height: 1.8;
}

.solutions .content .left .btm .years p,
.solutions .content .left .btm .desc {
    margin: 0;
}

.solutions .content .right .bar {
    margin-bottom: 2rem;
}

.solutions .content .right .bar .text {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3em 0.5em;
    justify-content: space-between;
    width: 100%;
}

.solutions .content .right .bar .progress {
    height: 11.5px;
    border-radius: 0;
    background-color: var(--darkBlue-color);
    --bs-progress-bar-bg: #e82427;
}

.solutions .content .right .bar .progress .progress-bar {
    transition: var(--transition);
}

.solutions .content .right .bar .progress .progress-bar {
    width: 0;
}


/* End solutions */


/* Start Leadrship */

.leadership .content {
    display: grid;
    gap: 2rem;
    row-gap: 1rem;
    padding: 2rem 0 3rem;
    grid-template-columns: minmax(0, 1fr);
}

.leadership .section-heading h1 {
    font-size: 42px;
    line-height: 51px;
}

.leadership .boxs {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0 0 3rem;
}

.leadership .boxs .box .image img {
    max-width: 100%;
    border-bottom: 5px solid var(--red-color);
}

.leadership .boxs .box .image {
    position: relative;
}

.leadership .boxs .box .image a {
    position: absolute;
    right: 0;
    bottom: 0;
}

.leadership .boxs .box .image a i {
    color: #ffffff;
    font-size: 20px;
    background: var(--darkRed-color);
    border-width: 0px;
    border: 2px solid var(--darkRed-color);
    padding: 10px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.leadership .boxs .box .image a:hover i {
    background-color: var(--darkBlue-color);
    border-color: var(--darkBlue-color);
}

.leadership .boxs .box p {
    padding-top: 1rem;
    margin: 0.5rem 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    color: #000;
}

.leadership .boxs .box span {
    font-size: 1rem;
    line-height: 29px;
    display: block;
}


/* End Leadrship */


/* End Who Page */


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


/* Start Company Page */


/* Start Hero */

#company {
    background-image: url(../img/company.webp);
    background-size: cover;
    background-position: 100% 49%;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

#company .overlay {
    opacity: 0.29;
    background-color: #000;
    mix-blend-mode: normal;
    filter: opacity(100%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

#company .content {
    row-gap: 0;
    padding: 239px 0 131px;
    display: grid;
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
    gap: 2rem;
    position: relative;
    z-index: 1;
}

#company .content .text {
    color: #fff;
}

#company .content .text h1 {
    /* padding-top: 60px; */
    text-align: left;
    font-size: 4.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 8px 0 36px;
}

#company .content .text p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 43px;
    margin: 0;
}


/* End Hero */


/* Start Announcements */

.announcements {
    background-color: var(--darkRed-color);
}

.announcements .content {
    color: var(--txtWhite-color);
    display: grid;
    gap: 2rem;
    align-items: center;
    grid-template-columns: minmax(0, 20%) minmax(0, 80%);
    padding: 0.5rem 0;
}

.announcements .content .left strong {
    word-break: break-word;
    font-size: 19px;
    display: flex;
    gap: 0.5em;
    align-items: center;
}

.announcements .content marquee {
    cursor: pointer;
}

.announcements .content marquee span {
    font-size: 1.25rem;
    line-height: 30px;
    font-weight: 700;
}

.announcements .content marquee span.first {
    margin-right: 30px;
}


/* End Announcements */


/* Start Story */

.story {
    position: relative;
}

.story .content {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    padding: 3rem 0 4rem;
}

.story .content .left {
    position: sticky;
    top: 0;
    padding: 1.5rem;
    height: fit-content;
    margin-bottom: 0;
}

.story .content .left li {
    margin-bottom: 15px;
}

.story .content .left li a {
    color: #666;
    transition: var(--transition);
}

.story .content .left li a:hover {
    color: var(--red-color);
}

.story .content .body {
    padding: 1.5rem;
}

.story .content .body .title {
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 0.5em;
    line-height: 38px;
}

.story .content .body p {
    margin-bottom: 2rem;
}

.story .content .body p:last-of-type {
    margin-bottom: 0rem;
}

.story .content .body .bordr {
    width: 100%;
    height: 2.2px;
    background-color: #e89fa6;
    margin-bottom: 1.5em;
}

.story .content .body .image {
    text-align: center;
    background-color: var(--darkRed-color);
    padding: 2rem;
    margin: 3.5rem 0 1.5rem;
}

.story .content .body .image img {
    max-width: 100%;
    height: auto;
}

.story .content .body .philosophy-content {
    padding: 1.5rem 0 3rem;
    display: grid;
    gap: 2rem;
    column-gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.story .content .body .box {
    padding: 1.5rem;
}

.story .content .body .box h2 {
    color: #000;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: bold;
}

.story .content .body .btns {
    display: flex;
    justify-content: flex-start;
    margin: 1.5rem 0 2rem;
}

.story .content .body .btns button {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: normal;
    display: inline-flex;
    gap: 0.5em;
    border-radius: 3px;
}

.story .content .body .btns button:hover {
    border-color: transparent;
}

.story .content .body .partners {
    padding: 2rem 0 3rem;
    margin: -18px;
    display: flex;
    flex-wrap: wrap;
}

.story .content .body .partners li {
    padding: 18px;
    width: 33.3333%;
    text-align: center;
}

.story .content .body .table-container {
    overflow-x: auto;
    margin-bottom: 2rem;
}

.story .content .body table {
    font-size: 16px;
    width: 100%;
}

.story .content .body table thead {
    border-bottom: 3px solid #a4b5cf;
}

.story .content .body table thead th {
    padding: 0.5em;
    border: 1px solid #a4b5cf;
    text-align: left;
}

.story .content .body table tbody td {
    padding: 0.5em;
    border: 1px solid #a4b5cf;
    text-align: left;
}

.story .content .body .btm {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.5rem 0;
}

.story .content .body h2 {
    font-size: 1.4rem;
    margin-bottom: 0.5em;
    font-weight: 700;
    line-height: 1.5;
    color: #000;
}

.story .content .body h2 span {
    font-size: 1.2rem;
    color: var(--darkRed-color);
}


/* End Story */


/* End Company Page */


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


/* Start RealEstate Page */


/* Start Hero */

#realEstate {
    background-image: url(../img/RealEstateFund.webp);
    background-size: cover;
    background-position: 8% 38%;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

#realEstate .overlay {
    opacity: 0.21;
    background-color: #000;
    mix-blend-mode: normal;
    filter: opacity(100%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

#realEstate .content {
    row-gap: 0;
    padding: 187px 0 149px;
    display: grid;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
    gap: 2rem;
    position: relative;
    z-index: 1;
}

#realEstate .content .text {
    color: #fff;
}

#realEstate .content .text h1 {
    padding-top: 40px;
    margin: 0.5rem 0 0.5em;
    text-align: left;
    font-size: 4.5rem;
    line-height: 1.2;
    font-weight: 400;
}

#realEstate .content .text p {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0;
}


/* End Hero */

.textSection h1 {
    color: #000;
    padding: 4rem 200px calc(60px + 1.5rem) 200px;
    margin-top: 3rem;
    margin-bottom: 0px;
    text-align: left;
    font-size: 3rem;
    line-height: 1.4;
    font-weight: 400;
}


/* Start Investment Fund */

.investment-fund .content {
    display: grid;
    gap: 2rem;
    column-gap: 4rem;
    padding: 2rem 0 5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.investment-fund .content .image img {
    object-fit: cover;
    height: auto;
}

.investment-fund .content .right p {
    margin-bottom: 2rem;
    font-size: 20px;
    line-height: 36px;
}

.investment-fund .content .right button {
    font-weight: normal;
    padding: 0.4em 1em;
    gap: 0.5em;
    border-radius: 3px;
}


/* End Investment Fund */


/* Start Where We Invest */

.whereInvest .content {
    display: grid;
    gap: 2rem;
    column-gap: 4rem;
    padding: 3rem 0 4rem;
    grid-template-columns: 0, minmax(0, 1fr);
}

.whereInvest .section-heading h1 {
    margin-top: 1.5em;
    font-size: 2.6rem;
    line-height: 3.2rem;
}

.whereInvest .section-heading .section-desc {
    font-size: 20px;
    line-height: 36px;
}

.whereInvest .body ul.nav-pills {
    flex-wrap: wrap;
    gap: 30px;
}

.whereInvest .body .nav-pills .nav-link {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4em;
    color: #000;
    border-radius: 0;
    padding-bottom: 20px;
    border-color: transparent;
    padding-inline: 0;
    /* margin-inline: 16px; */
}

.whereInvest .body .nav-pills .nav-link.active {
    background-color: white;
    border-bottom: 1px solid var(--darkRed-color);
}

.whereInvest .body .boxs {
    display: grid;
    gap: 2rem;
    padding: 1.5rem 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.whereInvest .body .box {
    position: relative;
    margin-bottom: 1em;
}

.whereInvest .body .box .image {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.whereInvest .body .box img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.whereInvest .body .box .btns {
    position: absolute;
    right: 0;
    margin-top: -25px;
}

.whereInvest .body .box .btn {
    font-size: 1.2rem;
    padding: 0.4em 1em;
    font-weight: normal;
    cursor: default;
}

.whereInvest .body .box .btn:hover {
    background-color: #c30014;
    border-color: #c30014;
    color: #fff;
}


/* End Where We Invest */


/* Start Options */

.options {
    background-color: #f7fafc;
}

.options .section-heading h1 {
    padding: 5rem 0 0;
    margin: 0;
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 400;
}

.options .content {
    display: grid;
    gap: 2rem;
    padding: 2rem 0 5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.options .content .box {
    padding: 2rem;
    border: 1px solid #e2e9ee;
}

.options .content .box .log {
    max-width: 150px;
}

.options .content .box .image {
    margin: 1rem 0 1em;
    position: relative;
    padding-bottom: 75%;
}

.options .content .box .image img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.options .content .box p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    min-height: 55px;
    max-height: 95px;
    text-align: center;
}

.options .content .box.last p {
    color: #666;
}

.options .content .box p span {
    color: var(--darkRed-color);
}

.options .content .box .btns {
    display: flex;
    margin-top: 2rem;
}

.options .content .box .btns a {
    font-weight: normal;
    border-radius: 3px;
}

.options .content .box .btns a:hover {
    border-color: transparent;
}


/* End Options */


/* Start Partnering */

.partnering .content {
    padding: 5rem 0 1.5rem;
    display: grid;
    gap: 2rem 4rem;
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
}

.partnering .image {
    padding-bottom: 60%;
    position: relative;
}

.partnering .image img {
    filter: contrast(1.1) saturate(1.1);
    height: 95%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 20px;
}

.partnering .right {
    position: relative;
}

.partnering .right .section-heading h1 {
    font-size: 30px;
    line-height: 51px;
}

.partnering .right .section-name {
    margin-bottom: 0.5rem;
}

.partnering .right .section-desc {
    font-size: 20px;
    margin-bottom: 2rem;
}

.partnering .right .accordion .accordion-item {
    margin-top: 5px;
}

.partnering .right .accordion .accordion-button {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 14px 16px;
    border-radius: 10px;
}

.partnering .right .accordion-header:hover .accordion-button.collapsed {
    border: 1px solid var(--darkRed-color);
    border-left: 2px solid var(--darkRed-color);
    color: #666;
}

.partnering .right .accordion-header:not(.collapsed) .accordion-button {
    border: 1px solid #eeeeee;
    border-left: 2px solid var(--darkRed-color);
    transition: var(--transition);
}

.partnering .right .accordion .accordion-button:not(.collapsed) {
    border-left: 2px solid #000;
    background-color: #fff;
    color: #666;
}

.partnering .right .accordion .accordion-button:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.partnering .right .accordion .accordion-body {
    color: #666;
}

.partnering .right .btns {
    display: flex;
}

.partnering .right .btns a {
    margin-top: 2rem;
    font-weight: normal;
    border-radius: 3px;
}


/* End Partnering */


/* START STRATEGIES */

.strategies .content {
    display: grid;
    gap: 2rem 4rem;
    padding: 5rem 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.strategies .slider-parent {
    display: flex;
    align-self: flex-start;
}

.strategies #owl-one .item {
    position: relative;
    width: 100%;
}

.strategies #owl-one .item .text {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(195, 0, 20, 0.87);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    opacity: 0;
    transition: var(--transition);
}

.strategies #owl-one .item:hover .text {
    opacity: 1;
}

.strategies #owl-one .item .text p {
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 20px;
    transition: var(--transition);
}

.strategies #owl-one .item .image {
    position: relative;
    padding-bottom: 150%;
    height: 0;
}

.strategies #owl-one .item .image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    outline-offset: -4px;
    position: absolute;
    top: 0;
    width: 100%;
}

.strategies .section-heading .section-name {
    margin-bottom: 2rem;
}

.strategies .section-heading h1 {
    font-size: 42px;
    line-height: 51px;
}

.strategies .section-heading .section-desc {
    font-size: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    line-height: 36px;
}


/* 

.strategies .image .text {

}
.strategies .image .text p {
  text-align: center;
  margin: 0;
  color: #fff;
  font-size: 20px;
}
.strategies .image:hover .text {
  opacity: 1;
} */


/* END STRATEGIES */


/* End RealEstate Page */


/* Start Venture Capital Page */

.hero.venture {
    background-image: url(../img/drone.webp) !important;
    background-size: cover !important;
    background-position: 0% 49% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}

.hero.venture .content .text p {
    font-size: 1.5rem !important;
    font-weight: 400 !important;
}

.options.venture .box {
    text-align: center;
}

.options.venture .box .image {
    max-width: 120px !important;
    margin: 0 auto;
    height: 130px;
    padding-bottom: 140px;
}

.options.venture .box .image img {
    max-width: 120px !important;
    height: auto !important;
}

.options.venture .box strong {
    font-size: 18px;
    font-weight: 27px;
    color: #000;
}

.options.venture .box p {
    font-weight: normal;
}

.strategies .box .text {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(195, 0, 20, 0.87);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    opacity: 0;
    transition: var(--transition);
}

.strategies .box .text p {
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 20px;
}

.strategies .box:hover .text {
    opacity: 1;
}


/* End Venture Capital Page */


/* Start Private Investment Page */

.hero.private {
    background-image: url(../img/Private-Investment-Fund.webp) !important;
    background-size: cover !important;
    background-position: 63% 52% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}

.hero.private .content {
    padding: 180px 0 119px 0 !important;
    grid-template-columns: minmax(0, 75%) minmax(0, 25%) !important;
}

.benefits .box .text {
    margin-top: 1em;
    display: grid;
    gap: 2rem;
    padding: 0.5rem 0 1.5rem;
    grid-template-columns: minmax(0, 10%) minmax(0, 90%);
}

.benefits .box .text p {
    padding: 0 0 10px;
    margin-top: 0px;
    margin: 0 0 0.5em;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
}

#case.strategies .boxs {
    display: flex;
    margin: -5px;
    flex-wrap: wrap !important;
    height: fit-content;
}

#case.strategies .boxs .box {
    width: 33.333% !important;
    padding: 5px;
    position: relative;
    overflow: hidden !important;
    /* height: 100%; */
}

#case.strategies .boxs .imag {
    position: relative;
    height: 0;
    padding-bottom: 66.67%;
    width: 100%;
}

#case.strategies .boxs .box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#case.strategies .boxs .txt {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(2, 22, 40, 0.59);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    opacity: 0;
    font-size: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    color: #fff;
    text-align: center;
    z-index: 100;
    transition: var(--transition);
}

#case.strategies .boxs .box:hover .txt {
    opacity: 1;
}


/* End Private Investment Page */


/* Start Investing Turkey Page*/

.hero.investing {
    background-image: url(../img/bridge.webp) !important;
    background-size: cover !important;
    background-position: 1% 28.999999999999996% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}

.hero.investing .content .text p {
    font-size: 24px !important;
    line-height: 36px !important;
}

#investing-turkey {
    padding: 4rem 0 0rem !important;
}

#investing-turkey .content {
    padding-bottom: 0 !important;
}

#investing-turkey .btm .title p {
    padding: 4rem 0 0;
    margin-top: 0px;
    text-align: left;
    font-size: 32px;
    line-height: 1.7em;
    font-weight: 400;
    color: var(--darkRed-color);
}

#investing-turkey .btm .boxs {
    display: grid;
    gap: 2rem 4rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1.5rem 0;
}

#investing-turkey .btm .boxs .box strong {
    font-size: 1.3rem;
    margin-bottom: 0.5em;
    display: block;
    color: #000;
}

#investing-turkey .btm .boxs .box p {
    font-size: 1.2rem;
    line-height: 2rem;
}

.car-img {
    background-image: url(../img/Turning4.webp);
    background-size: cover;
    background-position: 40% 36%;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

.car-img .image {
    padding: 1.5rem 0;
    height: 310px;
}

#opportunities .section-heading {
    display: block !important;
}

#opportunities .section-heading p:last-of-type {
    margin-bottom: 0;
    padding: 1.5rem 0;
}

.investment-opport {
    background-color: var(--darkBlue-color);
}

.investment-opport .content {
    color: var(--txtWhite-color);
    display: grid;
    grid-template-columns: minmax(0, 75%) minmax(0, 25%);
    gap: 2rem;
    padding: 3rem 0;
}

.investment-opport .content h1 {
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 400;
    margin: 0;
}

.investment-opport .content .btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.investment-opport .content button {
    padding: 0.4em 1em;
    font-weight: normal;
    font-size: 1.35rem;
    border-radius: 3px;
}

.investment-opport .content button:hover {
    background-color: #fff;
    border-color: #fff;
}

#invest-funds .section-heading .section-name {
    margin-bottom: 0.5rem;
}

#invest-funds .section-heading h1 {
    font-size: 42px;
    line-height: 51px;
    padding-right: 2rem;
    padding-bottom: 1.5rem;
}

#invest-funds {
    padding: 4rem 0 3rem !important;
}

#invest-funds .item {
    border: none;
}

#invest-funds .image {
    padding-bottom: 75%;
    position: relative;
    margin-bottom: 0;
}

#invest-funds .image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    outline-offset: -4px;
    position: absolute;
    top: 0;
    width: 100%;
}

#invest-funds .box span {
    padding: 10px;
    color: var(--darkBlue-color);
    font-size: 1.3rem;
    font-weight: 400;
    text-align: center;
    width: 100%;
    display: block;
}


/* End Investing Turkey Page*/


/* Start Citizenship by Investment Page */

.hero.citizenship {
    background-image: url(../img/cib-lg.webp) !important;
    background-size: cover !important;
    background-position: 6% 93% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}

.hero.citizenship .overlay {
    opacity: 0.3 !important;
}

.hero.citizenship .content {
    padding: 213px 0 84px !important;
    grid-template-columns: minmax(0, 70%) minmax(0, 30%) !important;
}

.hero.citizenship h1 {
    padding: 0.5rem 6.5rem 0 0 !important;
    margin: 0 !important;
    margin-bottom: 30px !important;
}

.hero.citizenship p {
    padding-right: 0px;
    margin: 0 0 2rem !important;
    font-size: 1.5rem !important;
}

.hero.citizenship .btns {
    display: flex;
    justify-content: flex-start;
}

.hero.citizenship .btns a {
    margin-top: 0px;
    display: inline-flex;
    gap: 0.5em;
    align-items: center;
    background: var(--darkRed-color);
    border-color: var(--darkRed-color);
    color: var(--txtWhite-color);
    border-radius: 3px;
    font-size: 1.125rem;
    padding: 0.4em 1em;
    transition: var(--transition);
}

.hero.citizenship .btns a:hover {
    background: #000;
    border-color: #000;
}


/* Start Program */

.program {
    padding-top: 64px;
    padding-bottom: 44px;
}

.program .content {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
    padding: 1.5rem 0 0.5rem;
}

.program .content .right .box {
    padding: 1rem;
    display: flex;
    transition: var(--transition);
}

.program .content .right .box:hover {
    background-color: var(--darkRed-color);
}

.program .content .right .box:hover :where(.text p, .text span, i) {
    color: var(--txtWhite-color) !important;
}

.program .content .right .box .icon {
    margin-right: 30px;
    color: var(--darkRed-color);
    font-size: 30px;
    display: flex;
}

.program .content .right .box .icon i {
    transition: var(--transition);
}

.program .content .right .box .text p {
    color: #000;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0;
    margin: -7px 0 5px 0;
    line-height: 31px;
    transition: var(--transition);
}

.program .content .right .box .text span {
    font-size: 1.15rem;
    color: #444;
    transition: var(--transition);
}


/* End Program */


/* Start Routes */

.routes .content {
    display: grid;
    gap: 2rem 80px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    padding: 1.5rem 0 4rem;
}

.routes .left h1 {
    background-color: var(--darkRed-color);
    padding: 1.5rem;
    margin: 0px;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.5;
    color: var(--txtWhite-color);
}

.routes .right {
    margin: 0 0 10px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.routes li {
    display: flex;
    align-items: flex-start;
}

.routes li i {
    margin-right: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--darkRed-color);
}

.routes li p {
    margin: 0;
}


/* End Routes */


/* Start Why Turkey */

.why-turkey .section-container {
    display: grid;
    gap: 2rem;
    padding: 4rem 0;
    grid-template-columns: minmax(0, 1fr);
}

.why-turkey .content {
    display: grid;
    gap: 2rem 84px;
    grid-template-columns: minmax(0, 45%) minmax(0, 55%);
    padding: 1.5rem 0;
}

.why-turkey .section-heading .section-name {
    margin-bottom: 0.5rem;
}

.why-turkey .section-heading h1 {
    font-size: 2.6rem;
    line-height: 3.2rem;
}

.why-turkey .section-heading .section-desc {
    font-size: 21px;
}

.why-turkey .btm {
    display: grid;
    gap: 2rem;
    padding: 0 0 1.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.why-turkey .btm .box strong {
    font-size: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    margin: 0 0 0.5em;
    color: #000;
    line-height: 1.5;
}

.why-turkey .box p {
    font-size: 1.1rem;
    margin: 0;
}

.why-turkey .btns {
    display: flex;
}

.why-turkey .btns a {
    border-radius: 3px;
    font-weight: normal;
}


/* End Why Turkey */


/* Strat video-section */

.video-section .content {
    display: grid;
    gap: 2rem 4rem;
    padding: 5rem 0 6.5rem;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
}

.video-section .content .image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: fit-content;
}

.video-section .content .image .overlay {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: var(--transition);
}

.video-section .content .image:hover .overlay {
    opacity: 0.3;
}

.video-section .content .image img {
    object-fit: cover;
}

.video-section .content .image .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 45px;
}

.video-section .content .parent {
    display: flex;
    align-items: center;
}

.video-section .content .text em {
    font-size: 22px;
    line-height: 36px;
    font-weight: 400;
    font-family: "Abhaya Libre";
    margin-bottom: 2rem;
    display: block;
}

.video-section .content .text strong {
    font-size: 20px;
    color: var(--darkRed-color);
    margin: 1.5em 0 0.5em;
    line-height: 1.5;
}

.video-section .content .text p {
    margin: 0;
    font-size: 14px;
}

#videoModal.show {
    --bs-modal-bg: transparent;
    background-color: rgba(0, 0, 0, 0.6);
}

#videoModal.show .modal-dialog {
    height: 100%;
    width: 100%;
    margin: 0;
    max-width: 100%;
}

#videoModal.show .modal-content {
    border-radius: 0;
    height: 100%;
    border: none;
}

#videoModal.show .modal-content .modal-body {
    position: relative;
    padding: 0 !important;
}

#videoModal.show .modal-content i {
    position: absolute;
    right: 10px;
    width: 35px;
    height: 35px;
    top: 15px;
    border-radius: 4px;
    z-index: 99999;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    transition: var(--transition);
}

#videoModal.show .video-conta {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#videoModal.show .modal-content .modal-body .responsive {
    display: flex;
    justify-content: center;
    width: 100%;
}

#videoModal.show .responsive .video-holder {
    max-width: 900px;
    display: flex;
    position: relative;
    width: 100% !important;
    background-color: #000;
}

#videoModal.show .responsive .ifram-holder {
    padding-bottom: 56.25%;
}

#videoModal.show .responsive iframe {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    min-height: 165px;
    position: absolute;
    width: 100%;
    height: 100%;
}


/* End video-section */


/* Start Explor */

.explor .content {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 0 0 3rem;
    padding-top: 0px;
}

.explor .content .top {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 80%) minmax(0, 20%);
    color: #000;
}

.explor .content .top h1 {
    padding: 0px;
    margin: 0px;
    text-align: left;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
}

.explor .content .top .right {
    display: flex;
    justify-content: flex-end;
}

.explor .content .top a {
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: 1.125rem;
    padding: 0.4em 1em;
}

.explor .content .boxs {
    display: grid;
    gap: 30px 50px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.explor .content .image {
    position: relative;
    padding-bottom: 56.25%;
}

.explor .content .image img {
    height: 100%;
    position: absolute;
    object-fit: cover;
    width: 100%;
}

.explor .content .text {
    padding: 15px 0 35px;
}

.explor .content .links {
    font-size: 13px;
}

.explor .content .links a {
    color: var(--darkRed-color);
    text-decoration: underline;
    transition: var(--transition);
}

.explor .content .links a:hover {
    color: #000;
}

.explor .content .btm-link {
    display: block;
    color: #000;
    padding: 15px 0;
    margin: 0;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: 400;
}


/* End Explor */


/* End Citizenship by Investment Page */


/* Start Insights Page */

.hero.insights {
    background-image: url(../img/hourgls.webp) !important;
    background-size: cover !important;
    background-position: 100% 90% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}

.hero.insights .overlay {
    opacity: 0.38 !important;
}

.hero.insights .content {
    padding: 160px 0 79px !important;
    grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;
}

.hero.insights .text h1 {
    font-size: 5rem !important;
}

.hero.insights .text p {
    padding-top: 1.5rem;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
    margin-bottom: 2rem !important;
}

.hero.insights form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    margin-inline: -3px;
}

.hero.insights form .input {
    margin-inline: -3px;
    width: 66.66%;
    padding: 0 3px;
}

.hero.insights form .input input {
    padding: 7px 12px;
    color: #010101;
    font-size: 17px;
    line-height: 1.8em;
    border-width: 1px;
    background: #fefefe;
    border-color: #a4b5cf;
    width: 100%;
    border-radius: 3px;
    outline: none;
}

.hero.insights form .btns {
    width: 33.33%;
    padding: 0 3px;
    display: flex;
}

.hero.insights form button {
    width: 100% !important;
    padding: 8px 12px !important;
    font-size: 17px !important;
    line-height: 1.8em !important;
    border-radius: 3px;
}

.hero.insights form button:hover {
    background-color: #fefefe;
    border-color: #fefefe;
}


/* Start economy */

.economy .content {
    display: grid;
    gap: 2rem 4rem;
    padding: 4rem 0;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
}

.economy .youtube-video {
    position: relative;
    display: flex;
    align-items: center;
}

.economy .youtube-video .holder {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    height: fit-content;
}

.economy .youtube-video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
}

.economy .section-heading .section-name {
    font-size: 17px;
    font-weight: 400;
    padding: 0;
    bottom: 0;
}

.economy .section-heading h1 {
    padding: 0px;
    margin-top: 0.5rem 0 0.5em;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.5;
}

.economy .section-heading span {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 400;
    color: #a8a7a7;
    display: block;
}

.economy .section-heading .section-desc {
    padding: 0.5rem 0 0;
    margin: 0px 0 2rem;
    font-size: 1.25rem;
    line-height: 1.6;
}

.economy .btns button {
    font-weight: normal;
    border-radius: 3px;
}

.economy .btns button:hover {
    border-color: #fff;
}


/* End economy */


/* Start filter-section */

#filter-section .content {
    padding: 3rem 0;
    gap: 0 !important;
}

#filter-section .content .btns-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

#filter-section .content .btns-filter button {
    color: #000;
    border-radius: 5px;
    background: #fff;
    border: 0px;
    padding: 4px 12px;
    margin: 0 10px 10px 0;
    font-size: 0.9rem;
    font-weight: 400;
    transition: var(--transition);
}

#filter-section .content .btns-filter button.active {
    color: #fff;
    background: var(--darkRed-color);
}

#filter-section .content .boxs {
    gap: 0;
    margin-inline: -15px;
}

#filter-section .content .box {
    padding: 0 19.5px 30px;
}

#filter-section .content .box .image {
    border-radius: 3px;
    overflow: hidden;
}

#filter-section .content .box .text {
    padding: 10px 0;
}

#filter-section .content .box .btm-link {
    padding: 10px 0;
    font-size: 1.3rem;
    line-height: 1.8rem;
}

#filter-section .content .box span {
    font-size: 14px;
    line-height: 20px;
}


/* End filter-section */

#insights-flag .content {
    gap: 2rem 4rem;
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
    padding: 3rem 5rem;
}

#insights-flag .content .left h1 {
    font-size: 2rem;
    line-height: 3rem;
}

#insights-flag .content form {
    width: 100%;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-inline: -3px;
}

.error {
    margin: 0;
    padding: 0;
    font-size: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    text-align: left;
    width: 100%;
    background: #fff5f5;
    border: 1px solid #fc8181;
    border-radius: 2px;
    color: #c53030;
    font-weight: 700;
}

#insights-flag .content form .input {
    width: 66.66%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 5px;
}

#insights-flag .content form input {
    outline: none;
    width: 100%;
    color: #010101;
    font-size: 17px;
    line-height: 1.8em;
    border-width: 1px;
    background: #fefefe;
    border-color: #a4b5cf;
    padding: 7px 12px;
}

#insights-flag .content form .btns {
    width: 33.33%;
    align-items: center;
    display: flex;
    padding: 0 5px;
    padding-inline: 3px;
}

#insights-flag .content form .btns button {
    font-size: 17px;
    line-height: 1.8em;
    padding: 8px 12px;
    background-color: var(--darkBlue-color);
    border-radius: 3px;
    border: 0;
    width: 100%;
    word-break: break-word;
}


/* End Insights Page */


/* Start Appointments */


/* End Appointments */

.appointment {
    display: grid;
    padding: 5rem 0;
    grid-template-columns: minmax(0, 1fr);
    background-color: var(--darkBlue-color);
}

.appointment .box-container {
    margin-top: 66px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.appointment .content {
    max-width: 800px;
    min-height: 550px;
    background-color: #fff;
    width: 95%;
    border: 1px solid rgba(26, 26, 26, 0.1);
    border-radius: 8px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0/8%);
    padding: 0px 30px;
    display: flex;
    padding-bottom: 25px;
}

.appointment .content .left {
    width: 50%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.appointment .content .left::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
}

.appointment .left .top {
    padding-top: 25px;
}

.appointment .left .top .name {
    margin-bottom: 24px;
}

.appointment .left .top p {
    color: rgba(26, 26, 26, 0.61);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: bold;
}

.appointment .left .top h1 {
    margin: 0;
    padding-right: 10px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #000;
}

.appointment .left .top .icons {
    padding: 0 30px 0 0;
    margin-bottom: 20px;
}

.appointment .left .top .icons p {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 8px;
}

.appointment .left .top .icons p i {
    font-size: 20px;
}

.appointment .left .top .icons p:first-of-type {
    margin-bottom: 12px;
}

.appointment .left .top span {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
}

.appointment .left a {
    font-size: 14px;
    line-height: 19px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.appointment .left a:hover {
    text-decoration: underline;
}

.appointment .content .right {
    position: relative;
    flex: 1 1 50%;
    width: 50%;
    padding-top: 28px;
}

.appointment .content .right>h1 {
    width: 100%;
    padding-inline: 32px 120px;
    text-align: left;
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

.appointmnt .box .image {
    position: relative;
    padding-bottom: 66.67%;
}

.appointmnt .box .image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.appointmnt .item .text {
    padding: 15px 25px 0;
    margin-bottom: 0;
}

.appointmnt .item .text h1 {
    display: block;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #000;
}

.appointmnt .item p {
    padding-inline: 25px;
    font-size: 14px;
    word-break: break-word;
}

.appointmnt .item a.btm {
    text-decoration: underline;
    color: #666 !important;
}


/* Start subpages  */

.page-top .content {
    padding: 3rem 0;
    margin-bottom: 1rem;
    display: grid;
    gap: 2rem 4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-top .content .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-bottom: 66.67%;
    margin: 0.5em 0;
}

.page-top .content .image img {
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    border-radius: 3px;
}

.page-top .content .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem 0;
}

.page-top .content .right h1 {
    color: #000;
    padding-top: 0px;
    margin: 0.5rem 0 0;
    font-size: 3rem;
    font-weight: normal;
    line-height: 4rem;
}

.page-top .content .right p {
    margin: 1.5rem 0 0;
    font-size: 1rem;
}

.page-content {
    max-width: 842px;
    margin: 0 auto;
    padding: 0 1.5rem 1.5rem;
}

.page-content .text>* {
    margin-bottom: 2rem;
}

.page-content .text span {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: var(--darkRed-color);
}

.page-content .text h1 {
    color: #000;
    font-weight: 700;
    font-size: 21px;
    line-height: 37px;
}

.page-content .text h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 37px;
}

.page-content .text figure {
    overflow-x: auto;
}

.page-content .text table {
    width: 100%;
}

.page-content .text thead {
    border-bottom: 3px solid #a4b5cf;
    text-align: center;
}

.page-content .text th {
    padding: 0.5em;
    border: 1px solid #a4b5cf;
    word-break: normal;
}

.page-content .text td {
    padding: 0.5em;
    border: 1px solid #a4b5cf;
    word-break: normal;
}

.page-content #Navigation {
    margin: 2.5em 0;
}

.page-content #Navigation .nav-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.page-content #Navigation .nav-links :where(.nav-previous, .nav-next) {
    height: 100%;
    display: flex;
}

.page-content #Navigation .nav-previous {
    position: relative;
}

.page-content #Navigation .nav-previous::after {
    position: absolute;
    content: "";
    top: 25%;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #a0aec0;
}

.page-content #Navigation .nav-next {
    text-align: right;
    justify-content: flex-end;
}

.page-content #Navigation .nav-next a div {
    justify-content: flex-end;
}

.page-content #Navigation a {
    color: rgb(102, 102, 102);
    transition: var(--transition);
}

.page-content #Navigation a.previous {
    padding-right: 1em;
}

.page-content #Navigation a.next {
    padding-left: 1em;
}

.page-content #Navigation a:hover {
    color: var(--darkRed-color);
}

.page-content #Navigation a div {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
}

.page-content #Navigation a div p {
    margin: 0;
}

.page-content .similar {
    margin-top: 2.5em;
    padding: 3.5em 0rem 6.5em;
}

.page-content .similar .content {
    gap: 0 !important;
}

.page-content .similar .content .item {
    border: none;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow: hidden;
}

.page-content .similar .head h1 {
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 42px !important;
    font-weight: 700 !important;
}

.page-content .similar .box .image {
    padding-bottom: 66.67%;
    overflow: hidden;
    position: relative;
}

.page-content .similar .box .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.page-content .similar .box .text {
    display: block;
    padding: 2rem;
}

.page-content .similar .box .text h1 {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    line-height: 1.5;
    transition: var(--transition);
}

.page-content .similar .box .text h1:hover {
    color: var(--darkRed-color);
}

#pages-flag {
    margin-bottom: -80px !important;
    max-width: calc(1290px - 1.5rem - 1.5rem);
    margin-inline: auto !important;
}

#pages-flag .overlay {
    opacity: 0.91;
}

#pages-flag .content {
    display: block;
    padding: 0;
}

#pages-flag .cont {
    max-width: 900px;
    margin-inline: auto;
    padding: 3rem 1.5rem;
    display: grid;
    align-items: center;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

#pages-flag .left h1 {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 700;
}

#pages-flag form {
    width: 100%;
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    position: relative;
    text-align: left;
}

#pages-flag form .input {
    width: 66.66%;
    padding: 0 5px;
}

#pages-flag form .input input {
    outline: none;
    padding: 7px 12px;
    color: #010101;
    font-size: 17px;
    line-height: 1.8em;
    border-width: 1px;
    background: #fefefe;
    border-color: #a4b5cf;
    width: 100%;
    border-radius: 3px;
}

#pages-flag form .btns {
    width: 33.33%;
    padding: 0 5px;
}

#pages-flag form .btns button {
    font-size: 17px;
    line-height: 1.8em;
    padding: 8px 12px;
    background-color: var(--darkBlue-color);
    width: 100%;
    border-radius: 3px;
    border: 0;
}

#pages-flag form .btns button:hover {
    color: #fff;
}

.page-content .text h1.without-marg {
    margin: 1.5em 0 0.5em;
    font-size: 22px;
    line-height: 1.5;
    color: var(--darkBlue-color);
}

.page-content .text ol {
    margin: 0 0 2rem;
    padding-left: 2em;
}

.hero.cif {
    background-image: url(../img/cif.webp);
    background-size: cover;
    background-position: 6% 53%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.hero.cif .overlay {
    filter: opacity(100%);
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color: #000;
}

.hero.cif .content {
    display: grid;
    gap: 2rem 0;
    padding: 132px 0 61px;
    grid-template-columns: minmax(0, 65%) minmax(0, 35%);
}

.hero.cif .content .text h1 {
    position: relative;
    padding-top: 40px;
    margin-top: 0.5rem;
    margin-bottom: 0;
    text-align: left;
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
}

section.tabels .tble {
    display: grid;
    padding: 3rem 0 1.5rem;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
}

section.tabels .tble:last-child {
    padding: 1.5rem 0 5rem;
}

section.tabels .tble h1 {
    margin: 0;
    font-size: 28px;
    line-height: 1.5;
    color: #000;
}

section.tabels .tble figure {
    overflow-x: auto;
    margin: 0;
}

section.tabels .tble table {
    width: 100%;
    font-size: 18px;
}

section.tabels .tble table thead {
    border-bottom: 3px solid #a4b5cf;
}

section.tabels .tble table th {
    padding: 0.5em;
    border: 1px solid #a4b5cf;
    word-break: normal;
    text-align: left;
}

section.tabels .tble table td {
    padding: 0.5em;
    border: 1px solid #a4b5cf;
    word-break: normal;
    text-align: left;
}

#cif-footer .links li a.active {
    color: var(--txtWhite-color);
}

#Information .content .text h1 {
    font-size: 5rem;
}

.tabs .content {
    display: grid;
    gap: 1.5rem;
    padding: 64px 0 73px;
    grid-template-columns: minmax(0, 1fr);
}

.tabs li button {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4em;
    border: 0;
    margin: 0 32px 0 0;
    border-radius: 0 !important;
    padding: 0 0 20px;
    color: #000000;
    background-color: #fff;
}

.tabs li button:hover {
    color: #666;
}

.tabs li button.active {
    background: #fff !important;
    color: #000000 !important;
    border-bottom: 1px solid var(--darkRed-color);
}

.tabs .tab-pane .tab-body {
    padding: 0.5rem 0;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.tabs .tab-body p {
    margin: 0;
}

.tabs .tab-body .btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
}

.tabs .tab-body .btns a {
    color: var(--txtWhite-color);
    background: var(--darkRed-color);
    border-radius: 3px;
    font-size: 1.125rem;
    line-height: 1.6;
    padding: 0.4em 1em;
    border: 0;
    transition: var(--transition);
}

.tabs .tab-body .btns a:hover {
    background-color: var(--darkBlue-color);
}

.tabs .empty {
    display: grid;
    padding: 1.5rem 0;
    grid-template-columns: minmax(0, 1fr);
    height: 225px;
}

.tabs .hidden-div {
    display: none;
}

#Challenges .list {
    padding: 1.5rem;
    border: 1px solid #e0e0e0;
}

#Challenges .list ul {
    padding: 0;
    margin: 0;
}

#Challenges .list li ul {
    padding-left: 1em;
    margin: 0;
}

#Challenges .list a {
    color: #000;
    font-size: 1.2rem;
    font-weight: 400;
    transition: var(--transition);
}

#Challenges .list a:hover {
    color: var(--darkRed-color);
}

#Challenges .full-image {
    position: relative;
    margin: 0 0 1rem 0;
    padding-bottom: 33%;
}

#Challenges .full-image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

#Challenges .with-bord {
    font-size: 28px;
    line-height: 1.5;
    color: #000;
    margin: 1.5em 0 0.5em;
    padding-left: 1rem;
    border-left: 3px solid var(--darkRed-color);
}

#Challenges .page-content h1 {
    font-size: 24px;
    line-height: 1.5;
    margin: 1.5em 0 0.5em;
}

#Challenges .challenges {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.5rem 0;
}

#Challenges .challenge {
    padding: 1.5rem;
    border-left: 1px solid #f7efed;
    background-color: #f7efed;
    transition: var(--transition);
}

#Challenges .challenge:hover {
    background-color: var(--darkRed-color);
}

#Challenges .challenge:hover :where(strong, p) {
    color: #fff;
}

#Challenges .challenge strong {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    color: var(--darkBlue-color);
    margin: 0 0 0.5em;
    display: block;
}

#Challenges .challenge p {
    font-size: 1.2rem;
    margin: 0;
}

ul.disc {
    margin: 0 0 2rem;
    padding-left: 2em;
    list-style: disc;
}

#Challenges .blue-heading {
    margin: 1.5em 0 0.5em;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    color: var(--darkBlue-color);
}

#Challenges .btns {
    margin-top: 1em;
    display: flex;
    align-items: center;
}

#Challenges .btns a {
    padding: 0.4em 0.6em;
    margin-top: 0.5em;
    font-size: 80%;
    border: 1px solid #a0aec0;
    border-radius: 0.25rem;
    color: #666;
    transition: var(--transition);
}

#Challenges .btns a:hover {
    color: #fff;
    background-color: var(--red-color);
    border-color: var(--darkRed-color);
}

.similar .box .text h1 {
    font-size: 20px !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
}

.page-content .text .btm-line {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-content .text .btm-line hr {
    width: 160px;
    color: #666 !important;
    border: 1px solid #666 !important;
    opacity: 1 !important;
    margin: 0;
}

.page-content h1.with-marg {
    margin-bottom: 2rem !important;
    font-size: 21px !important;
    line-height: 37px !important;
}

.page-content h1.bigger {
    font-size: 26px !important;
    line-height: 38px !important;
}

.page-content h1.without-mb {
    margin: 1.5em 0 0.5em;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    color: var(--darkBlue-color);
}

.page-content h1.s-marg {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 1.5em 0 0.5em;
}

.page-content .biggest-heading {
    font-weight: 700;
    font-size: 28px !important;
    line-height: 42px !important;
}

#Challenges .head-text p {
    margin-bottom: 0;
}

#Challenges .investment-fund .imag {
    position: relative;
    padding-bottom: 75%;
}

#Challenges .investment-fund .imag img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

#Challenges .investment-fund .imag {
    margin-bottom: 1em;
}

#Challenges .investment-fund .imagd .text {
    display: inline-block;
}

#Challenges .investment-fund .image .text p {
    width: fit-content;
    display: block;
}

#Challenges .investment-fund .image .text span {
    color: var(--darkRed-color);
}

#Challenges .investment-fund .image .text span.yellow {
    color: #ddd;
    background-color: yellow;
}

#Challenges .accordion-item {
    /* padding: 10px 12px;
  background-color: #f1f2f6 !important; */
    margin-bottom: 0.4em;
    border: 0;
}

#Challenges .accordion-header {
    padding: 10px 12px;
    background-color: #f1f2f6 !important;
}

#Challenges .accordion-body {
    padding: 10px;
}

#Challenges .accordion-item .accordion-header {
    justify-content: flex-start;
}

.accordion-button:not(.collapsed) {
    background-color: #f1f2f6 !important;
}

#Challenges .accordion-item h2 button {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    box-shadow: none;
    outline: none;
    background-color: #f1f2f6 !important;
    padding: 0;
    width: fit-content;
    font-size: 18px;
    line-height: 32px;
    color: #666;
}

#Challenges .accordion-item h2 button span {
    order: 2;
    width: fit-content;
}

#Challenges .accordion-item .btns {
    margin-bottom: 1.5em;
    margin-top: 0;
}

#Challenges .accordion-item .btns a {
    margin: 0;
    border-radius: 3px;
    background: var(--darkRed-color);
    color: var(--txtWhite-color);
    padding: 0.4em 1em;
    border: 0;
    line-height: 1.6;
    display: inline-block;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.8em;
    transition: var(--transition);
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.investment-fund .content .right>h1 {
    margin: 0em 0 0.5em;
    color: #000;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
}

.investment-fund .content .right .btm {
    margin: 1.5em 0 0.5em;
}

.investment-fund .content .right form {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 3px 5px;
}

.investment-fund .content .right input {
    color: #666;
    border: 1px solid #cbd5e0;
    border-radius: 3px;
    padding: 0.4em 0.5em;
    max-width: 100%;
    background: #fff;
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
}

.investment-fund .content .right object {
    margin-bottom: 1em;
    width: 100%;
    height: 600px;
}

.investment-fund .accordion-body .links a:first-child {
    color: var(--darkRed-color);
    text-decoration: underline;
    font-size: 17px;
    line-height: 30px;
}

.investment-fund .accordion-body .links a:last-child {
    margin: 0;
    border-radius: 3px;
    background: var(--darkRed-color);
    color: var(--txtWhite-color);
    padding: 0.4em 1em;
    margin-left: 0.75em;
    border: 0;
    line-height: 1.6;
    display: inline-block;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.8em;
    transition: var(--transition);
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

#Challenges .btnss {
    display: flex;
}

#Challenges .btnss a:hover {
    border-color: #fff;
}

#Challenges .btnss a {
    font-weight: 400;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}


/* End Subpages */

@media (min-width: 1102px) {
    .page-content .similar {
        margin-left: -130px !important;
        margin-right: -130px !important;
        width: unset !important;
        max-width: unset !important;
    }
}

@media (min-width: 1024px) {
    .page-content .similar {
        margin-left: -80px;
        margin-right: -80px;
        width: auto;
    }
}

@media (max-width: 1024px) {
    .hero.citizenship {
        background-image: url(../img/cib-md.webp) !important;
        background-size: cover !important;
        background-position: 19% 52% !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
    }
    .hero.citizenship .content {
        padding: 100px 0 84px !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .hero.citizenship h1 {
        font-size: 4rem !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }
    .hero.citizenship p {
        padding-right: 0px !important;
        padding-left: 0px !important;
        text-align: center !important;
    }
    .page-top .content .right h1 {
        font-size: 2.2rem;
        line-height: 3rem;
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) {
    header .dropdown .dropdown-menu {
        transition: var(--transition);
    }
    header .dropdown:hover .dropdown-menu {
        display: block;
    }
    .investment-fund .content .image img {
        height: 100%;
    }
    #invest-funds .owl-carousel {
        display: flex !important;
    }
    #invest-funds .item {
        margin-right: 40px;
        display: block;
        width: calc(33.3333% - 26.6667px);
    }
    #videoModal.show .modal-content i {
        opacity: 0.7;
        right: 20px;
    }
    #videoModal.show .modal-content i:hover {
        opacity: 1;
    }
    #Pages {
        display: none;
    }
    .page-content #Navigation .nav-next.last {
        grid-column-start: 2;
        /* text-align: right; */
    }
    .strategies #owl-one {
        display: flex;
        gap: 10px;
    }
}

@media (max-width: 991px) {
    .offcanvas.offcanvas-end {
        padding-inline: 20px;
    }
    header .offcanvas-body .nav-item .my-btn {
        display: none !important;
    }
    header .offcanvas-body .navbar-nav {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
    }
    header .offcanvas-body .navbar-nav li {
        width: 100%;
    }
    header .offcanvas-body .navbar-nav li:not(.menu-item-has-children) a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    header .offcanvas-body .nav-item a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 7px;
        font-weight: normal;
        font-size: 12px;
        /* transition: var(--transition); */
    }
    header .offcanvas-body .nav-item a.active {
        color: var(--darkRed-color) !important;
        background-color: #090c10 !important;
    }
    header .offcanvas-body .dropdown-menu {
        width: 100%;
        background-color: transparent;
        padding-left: 10px;
    }
    header .offcanvas-body .dropdown-menu li:hover a {
        background-color: transparent;
    }
    header .offcanvas-body .dropdown-toggle.show::after {
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid white;
        border-left: 0.3em solid transparent;
    }
    .group .contanet .right {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .group .contanet .right .img {
        width: 48%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .story .content .body .partners li {
        width: 50%;
    }
    /* .strategies .imgs .image {
    width: 100%;
  }
  .strategies .imgs .image img {
    height: revert-layer;
  } */
    #case.strategies .boxs .box {
        width: 50% !important;
    }
    .explor .content .boxs {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    #Pages {
        position: relative;
        background-color: var(--darkBlue-color);
    }
    #Challenges .subpages {
        background-color: transparent !important;
    }
    #Challenges .subpages .navbar {
        padding: 0;
    }
    #Pages nav {
        padding: 15px 0;
    }
    #Pages .nav-containe {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .hero .hero-container .h1-heading {
        font-size: 40px;
    }
    .hero .hero-container .content .hero-row {
        gap: 25px;
    }
    .hero .hero-container .hero-row .middle .p-heading {
        text-align: left;
    }
    .hero .hero-container .hero-row .right .icon i {
        font-size: 42px;
    }
    .group .contanet {
        flex-direction: column;
        gap: 25px;
    }
    .group .contanet .right {
        width: 100%;
        row-gap: 30px;
    }
    .group .contanet .right .img {
        width: 45%;
    }
    .group .contanet .left {
        width: 100%;
        text-align: center;
    }
    .hero .modal-dialog {
        margin: 0px;
        width: 100%;
    }
    .hero .modal-header {
        padding: 10px;
    }
    .hero .modal-body {
        padding: 0;
    }
    .hero .hero-container {
        padding-inline: 0;
    }
    header .modal.show .form-row .text {
        display: none;
    }
    .section-heading h1 {
        font-size: 35px;
        line-height: 48px;
    }
    .funds .boxs {
        row-gap: 4rem;
        padding: 1.5rem 0 3rem;
    }
    .investment .box-red {
        display: none;
    }
    .investment .content {
        padding-top: 3rem;
        padding-inline: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
    .investment .section-name {
        margin-bottom: 8px;
    }
    .investment .content .right .section-heading h1 {
        font-size: 35px;
        line-height: 48px;
    }
    .investment .content .right .section-heading .section-desc {
        font-size: 18px;
        line-height: 31px;
    }
    .about .about-content {
        padding-top: 3rem;
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }
    .about .left .imgs {
        grid-template-columns: minmax(0, 1fr);
    }
    .about .left .btm {
        margin-right: 0;
        font-size: 18px;
    }
    .report .content {
        row-gap: 0;
        padding-bottom: 5rem;
        grid-template-columns: minmax(0, 1fr);
    }
    .flag .content {
        padding: 2rem;
        grid-template-columns: minmax(0, 1fr);
    }
    .flag .content .left h1 {
        text-align: center;
    }
    .flag .content .right {
        justify-content: center;
        /* flex-direction: column; */
    }
    footer .footer-btm {
        grid-template-columns: minmax(0, 1fr);
    }
    footer .footer-btm .left {
        text-align: center;
    }
    footer .footer-btm .right {
        justify-content: center;
    }
    footer .footer-btm .right a:last-of-type {
        margin-right: 0px;
    }
    .news .content .head .a-left {
        display: none;
    }
    #who {
        background-image: url(../img/who-we-are-mobile-bg.webp) !important;
        background-size: cover;
        background-position: 53% 50%;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }
    #who .content {
        padding-bottom: 3rem;
        grid-template-columns: minmax(0, 1fr);
    }
    #who .content .text h1 {
        font-size: 59px;
        margin-bottom: 29.5px;
    }
    .groupStory .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .groupStory .content .text p {
        font-size: 18px;
        line-height: 31px;
    }
    .groupStory .btm {
        grid-template-columns: minmax(0, 1fr);
    }
    .groupStory .btm .boxs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .groupStory .btm .boxs .box p {
        font-size: 39px;
        line-height: 69px;
    }
    .groupStory .btm .boxs .box span {
        font-size: 13px;
        line-height: 24px;
    }
    .reason .section-heading {
        grid-template-columns: minmax(0, 1fr);
    }
    .reason .content .boxs {
        grid-template-columns: minmax(0, 1fr);
    }
    .reason .content .boxs .box .title {
        grid-template-columns: minmax(0, 1fr);
    }
    .solutions .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .leadership .boxs {
        grid-template-columns: minmax(0, 1fr);
    }
    .solutions .content .left .btm {
        grid-template-columns: minmax(0, 1fr);
    }
    #company {
        background-image: url(../img/company-sm.webp) !important;
        background-size: cover;
        background-position: center center;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }
    #company .overlay {
        opacity: 0.48;
    }
    #company .content {
        grid-template-columns: minmax(0, 1fr);
    }
    #company .content .text h1 {
        font-size: 54px;
        line-height: 64px;
        margin-bottom: 0.5em;
        padding-top: 0;
    }
    #company .content .text p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .story .content .left {
        position: relative;
    }
    .announcements .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .story .content .body .philosophy-content {
        grid-template-columns: minmax(0, 1fr);
    }
    .story .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .story .content .body .partners li {
        width: 100%;
    }
    #realEstate {
        background-image: url(../img/RealEstateFundSm.webp);
        background-size: cover;
        background-position: 0% 0%;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }
    #realEstate .content {
        grid-template-columns: minmax(0, 1fr);
    }
    #realEstate .overlay {
        opacity: 0.3;
    }
    #realEstate .content .text h1 {
        font-size: 44px;
        line-height: 53px;
    }
    #realEstate .content .text p {
        font-size: 18px;
    }
    .textSection h1 {
        padding: 4rem 0 1.5rem;
        font-size: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
    }
    .investment-fund .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .investmenSt-fund .content .right p {
        font-size: 20px;
        line-height: 36px;
    }
    .whereInvest .section-heading .section-desc {
        font-size: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    }
    .whereInvest .body .boxs {
        grid-template-columns: minmax(0, 1fr);
    }
    .options .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .partnering .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .strategies .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .hero.venture {
        background-image: url(../img/drone-sm.webp) !important;
        background-size: cover !important;
        background-position: 23% 89% !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
    }
    .hero.private {
        background-image: url(../img/private-investmentSm.webp) !important;
        background-size: cover !important;
        background-position: center center !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
    }
    .hero.private .content {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    #case.strategies .boxs .box {
        width: 100% !important;
    }
    #investing-turkey .btm .boxs {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .investment-opport .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .hero.citizenship {
        background-image: url(../img/cib-sm.webp) !important;
        background-position: 8% 99% !important;
    }
    .hero.citizenship .content {
        padding-top: 180px !important;
    }
    .hero.citizenship h1 {
        font-size: 3rem !important;
        padding-right: 0 !important;
    }
    .hero.citizenship p {
        text-align: left !important;
    }
    .program .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .why-turkey .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .why-turkey .btm {
        grid-template-columns: minmax(0, 1fr);
    }
    .routes .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .video-section .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .explor .content .boxs {
        grid-template-columns: minmax(0, 1fr);
    }
    .explor .content .top {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
    .hero.insights .content {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .hero.insights form {
        justify-content: flex-start;
    }
    .hero.insights form .input {
        margin-bottom: 10px;
    }
    .hero.insights form .btns {
        width: 100%;
        padding: 0;
    }
    .economy .content {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    #insights-flag .content {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    #insights-flag .content form .input,
    #insights-flag .content form .btns {
        width: 100%;
        padding-inline: 0;
    }
    #insights-flag .content form {
        gap: 10px;
    }
    .page-top .content {
        padding-top: 1rem;
        padding-bottom: 0px;
        grid-template-columns: minmax(0, 1fr);
    }
    .page-top .content .image {
        order: 2;
    }
    #pages-flag .cont {
        padding: 3rem 1rem;
        grid-template-columns: minmax(0, 1fr);
    }
    #pages-flag form {
        gap: 10px;
    }
    #pages-flag form .input {
        width: 100%;
    }
    #pages-flag form .btns {
        width: 100%;
    }
    .page-top .content .right p {
        margin-top: 1rem;
        font-size: 13px;
        line-height: 24px;
    }
    .hero.cif .overlay {
        opacity: 0.45;
    }
    .hero.cif .content {
        grid-template-columns: minmax(0, 1fr);
    }
    .hero.cif .content .text h1 {
        padding-top: 0.5rem;
        font-size: 3.2rem;
        word-break: break-all;
    }
    #Information .content .text h1 {
        font-size: 3.2rem;
        word-break: normal;
    }
    .tabs .content {
        display: none;
    }
    .tabs .hidden-div {
        display: block;
        padding: 1.5rem 0;
        display: grid;
        gap: 0;
        grid-template-columns: minmax(0, 1fr);
    }
    .tabs .hidden-div .tab-body {
        display: grid;
        gap: 2rem;
        grid-template-columns: minmax(0, 1fr);
        padding: 1.5rem 0;
    }
    .tabs .hidden-div .tab-body .btns {
        justify-content: flex-start;
    }
}

@media (max-width: 576px) {
    .navbar-brand {
        margin-right: 0;
    }
    .navbar-brand img {
        width: 200px;
    }
    .hero .modal-dialog iframe {
        height: 100%;
    }
    .investment .content .right li {
        font-size: 14px;
    }
    .investment .content .right li i {
        margin-right: 8px;
    }
}

.description img {
    max-width: 100%;
    padding: 35px;
}

.accordion-button {
    background-color: #811819;
    color: #fff;
    text-align: center;
}

input,
button,
select {
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
}

input,
select {
    border: none !important;
    border-bottom: 1px solid #999 !important;
}

.DocLink {
    display: none !important;
}

.EmbedDoc {
    display: block !important;
    width: 100%;
    height: 500px;
}

.navbar.scrolled {
    background-color: #05213B;
}

.fund_project h1 {
    font-weight: 800;
    color: #343a40 !important;
}

.fund_project .section-desc {
    padding: 20px;
}

.fund_project h2 {
    font-weight: 800;
    font-size: 2.2rem;
    margin-top: 15px;
}

.incomes {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
    margin-top: 30px;
}

.incomes h5 {
    font-size: 1.18rem;
}

.now-time {}

.currency-selector {
    position: absolute;
    top: -15px;
    right: 17.5%;
    width: 300px;
    display: flex;
    gap: 25px;
    justify-content: center;
    align-content: center;
}

.currency-selector h5 {
    align-self: center;
    font-weight: 700;
}

.currency-selector select {
    width: 100px;
    background-color: #811819;
    color: #fff;
    font-weight: 700;
}

.income-item {
    width: 100%;
    position: relative;
    margin: 10px 0 10px 0;
    text-align: center;
    position: relative;
}

.line {
    background-color: #868e96;
    width: 2px;
    height: 60px;
    position: absolute;
    bottom: -5px;
    right: 0;
    height: 80px;
}

.income-item h4 {
    font-size: 1.1rem;
}

.income-item span {
    color: #811819;
    font-size: 1.5rem;
    font-weight: 700;
}

.chart-date-picker {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
    margin-bottom: 10px;
}

.date-picker {
    text-align: center;
}

.date-picker label {
    font-weight: 700;
    font-size: 1.35rem;
}

.chart-date-picker select {
    width: 250px;
}

.date-picker input,
.chart-date-picker select {
    background-color: #811819;
    color: #fff;
    border-radius: 25px;
    font-size: 1.2rem;
}

.chart-date-picker select option {
    text-align: center;
    color: #000;
    background-color: #fff;
}

.chart {
    height: 500px;
    border: 2px solid #868e96;
    border-radius: 25px;
    width: 95%;
    margin: auto;
}

#myChart {
    /* width: 100% !important; */
    height: 100% !important;
    margin: auto !important;
}

.fund-periods {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 25px;
}

.fund-periods label {
    font-size: 1.1rem;
    font-weight: 600;
}

.period-select {
    display: none;
}

.mb-80 {
    margin-bottom: 80px;
}

.lang-code {
    font-size: 14px;
}

@media (max-width: 768px) {
    #result_table {
        font-size: 14px;
    }
    .partnering .right .section-heading h1 {
        font-size: 30px;
    }
    .EmbedDoc {
        display: none !important;
    }
    .DocLink {
        display: block !important;
    }
    .funds .boxs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .incomes,
    .chart-date-picker {
        flex-direction: column;
        gap: 10px;
    }
    .fund-periods {
        display: none;
    }
    .chart {
        height: 300px;
    }
    .period-select {
        display: block;
    }
    .currency-selector {
        right: 1% !important;
        width: 200px;
    }
    .currency-selector h5 {
        display: none;
    }
    .line {
        width: 200px;
        bottom: -15px;
        left: 70px;
        height: 2px;
    }
    .lang-code {
        display: none;
    }
    #myChart {
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    #result_table {
        font-size: 14px;
    }
    .partnering .right .section-heading h1 {
        font-size: 30px;
    }
    .EmbedDoc {
        display: none !important;
    }
    .DocLink {
        display: block !important;
    }
    .period-select {
        display: block;
    }
}