@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.eot');
    src: url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
    url('../fonts/CenturyGothic-Italic.woff') format('woff'),
    url('../fonts/CenturyGothic-Italic.ttf') format('truetype'),
    url('../fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic.woff2') format('woff2'),
    url('../fonts/CenturyGothic.woff') format('woff'),
    url('../fonts/CenturyGothic.ttf') format('truetype'),
    url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
    url('../fonts/CenturyGothic-Bold.woff') format('woff'),
    url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
    url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.eot');
    src: url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
    url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'),
    url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype'),
    url('../fonts/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

:root{
    --primary: #4d4ddb;
    --success: #2da08a;
    --danger: #d82e2a;
    --warning: #eab51f;
    --theme-color: #ffffff;
    --input-bg: #ffffff;
    --gray-color: #a39f9c;
    --gray-color2: #F8F8F8;
}



/* Let's get this party started */

::-webkit-scrollbar {
    width: 6px;
    background: #f6f6f6;
}

/* Track */

::-webkit-scrollbar-track {
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #666;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #666;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

body {
    font-family: 'Century Gothic', sans-serif;
    background-color: #F8F8F8;
    /*background-color: var(--theme-color;*/
    font-weight: normal;
    font-style: normal;
    overflow-x: hidden;
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Century Gothic', sans-serif;
    font-weight: bold;
    font-style: normal;
    margin: 0;
}

p {
    margin: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


a, button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

p {
    margin: 0;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit;
}

a:hover, a:active, a:focus {
    text-decoration: none !important;
    color: inherit;

}

input, textarea, a, button {
    outline: none !important;
    text-decoration: none;
}

.margin-auto {
    margin: 0 auto;
    float: none !important;
}

/* img hover */
.img-hover {
    overflow: hidden;
    display: block;
}

.img-hover > img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

img {
    max-width: 100%;
}

/* end img hover */
.main-wrapper {
    position: relative;
    min-height: 100%;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

/****/
header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 13;
    width: 100%;
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

header.fixed-header {
    background: #000;
}

.navbar-brand {
    margin-right: 60px;
    margin-left: 20px;
    margin-top: 0;
}

.navbar {
    padding: 1rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
}

.navbar-nav {
    padding-top: 10px;
}

#home {
    min-height: 100vh;
    background: #000000 url(../images/bg.png) bottom center no-repeat fixed;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    position: relative;
}

#home .container-fluid {
    position: relative;
    z-index: 2;
}

.space {
    background: rgba(0, 0, 0, 0.1) center / 200px 200px round;
    /*   border: 1px dashed purple; */
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.stars1 {
    animation: space 90s ease-in-out infinite;
    background-image: radial-gradient(1px 1px at 25px 5px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 50px 25px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 125px 20px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 50px 75px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2px 2px at 15px 125px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 110px 80px, white, rgba(255, 255, 255, 0));
}

.stars2 {
    animation: space 240s ease-in-out infinite;
    background-image: radial-gradient(1px 1px at 75px 125px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 100px 75px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 199px 100px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2px 2px at 20px 50px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 100px 5px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 5px 5px, white, rgba(255, 255, 255, 0));
}

.stars3 {
    animation: space 300s ease-in-out infinite;
    background-image: radial-gradient(1px 1px at 10px 10px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 150px 150px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 60px 170px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 175px 180px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2px 2px at 195px 95px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 95px 145px, white, rgba(255, 255, 255, 0));
}

@keyframes space {
    40% {
        opacity: 0.50;
    }
    50% {
        opacity: 0.25;
    }
    60% {
        opacity: 0.50;
    }
    100% {
        transform: rotate(360deg);
    }
}

#text1, #text2, #text3, #text4 {
    cursor: pointer;
}

#l1-hover, #l2-hover, #l3-hover, #l4-hover {
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

#text1:hover + #l1-hover, #l1-hover:hover,
#text2:hover + #l2-hover, #l2-hover:hover,
#text3:hover + #l3-hover, #l3-hover:hover,
#text4:hover + #l4-hover, #l4-hover:hover {
    opacity: 1;
}

#line-1, #line-2, #line-3, #line-4, #line-5 {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

#business.active #line-1 {
    animation: opacity-line1 1.4s ease-in-out;
    visibility: visible;
    opacity: 1;
}

#business.active #line-2 {
    animation: opacity-line2 2s ease-in-out;
    visibility: visible;
    opacity: 1;
}

#business.active #line-3 {
    animation: opacity-line3 2.5s ease-in-out;
    visibility: visible;
    opacity: 1;
}

#business.active #line-4 {
    animation: opacity-line4 3s ease-in-out;
    visibility: visible;
    opacity: 0.5;;
}

#business.active #line-5 {
    animation: opacity-line5 3.5s ease-in-out;
    visibility: visible;
    opacity: 0.14;;
}

#business.active #text1, #e-1 {
    animation: opacity-line1 1.6s ease-in-out;
}

#business.active #text2, #e-2 {
    animation: opacity-line2 2.2s ease-in-out;
}

#business.active #text3, #e-3 {
    animation: opacity-line3 2.7s ease-in-out;
}

#business.active #text4, #e-4 {
    animation: opacity-line4 3.2s ease-in-out;
}

#business.active #text5, #e-5 {
    animation: opacity-line5 3.7s ease-in-out;
}

@keyframes opacity-line1 {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-line2 {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-line3 {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-line4 {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes opacity-line5 {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 0.14;
    }
}


#rocket1 {
    animation: rocket-path 3s linear;
}

#planet_1, #Accelerator_, #planet_m_1 {
    animation: opacity-planet 1.4s linear;
}

#planet_2, #Coworking_Space, #planet_m_3 {
    animation: opacity-planet2 2.5s linear;
}

#planet_3, #Venture_Capital, #planet_m_2 {
    animation: opacity-planet3 3s linear;
}

@keyframes rocket-path {
    0% {
        transform: translate(101.109px, -1034.415px) rotate(79deg);

    }
    15% {
        transform: translate(5.113px, -892.061px) rotate(66deg);
    }
    30% {
        transform: translate(-83.824px, -743.341px) rotate(53deg)
    }
    45% {
        transform: translate(-135.368px, -615.934px) rotate(43deg)
    }
    60% {
        transform: translate(-79.436px, -559.244px) rotate(39deg)
    }
    100% {
        transform: translate(0, 0px) rotate(0deg)
    }
}

@keyframes opacity-planet {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-planet2 {
    0% {
        opacity: 0;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-planet3 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#m-rocket {
    animation: rocket-path-mobile 3s linear;
}

@keyframes rocket-path-mobile {
    0% {
        transform: translate(-747.541px, -699.965px) rotate(41deg);

    }
    25% {
        transform: translate(-642.541px, -699.965px) rotate(41deg);
    }
    50% {
        transform: translate(-536.541px, -699.965px) rotate(41deg);
    }
    75% {
        transform: translate(-429.541px, -699.965px) rotate(41deg);
    }
    100% {
        transform: translate(-334.541px, -699.965px) rotate(41deg);
    }
}

.logo-home {
    text-align: center;
}

.logo-home img {
    display: block;
    margin: auto;
}

.path-rocket {
    position: relative;
    margin-top: -100px;
    direction: ltr;
    text-align: left;
}

.slide-info {
    margin-top: 30px;
}

.slide-info h2 {
    max-width: 470px;
    font-size: 45px;
    font-weight: bold;
    color: #fff;
}

.video-btn {
    display: flex;
    width: 64px;
    height: 64px;
    border: 1px dashed #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
}

#programs {
    /*min-height: 100vh;*/
    position: relative;;
    z-index: 3;
    background: var(--theme-color);
    padding: 90px 0;
}

#services {
    /*min-height: 100vh;*/
    position: relative;;
    z-index: 3;
    background-color: var(--theme-color);
    padding: 90px 0;
    background-image: url("../images/our_services_bg.svg");
    background-position: top left;
    background-repeat: no-repeat;
}

h2.section-title {
    font-size: 45px;
}

#programs h2.section-title, #services h2.section-title {
    color: #000000;
    text-align: center;
    font-size: 35px;
}

#programs h2.sub-title {
    font-size: 45px;
}

.pich-bg {
    background-image: url(../images/pich-right-bg.svg);
    background-position: right center;
    background-repeat: no-repeat;
}

.portfolio-list {
    position: relative;
}

.our-services-list {
    margin-top: 50px;
}

.our-services-list.row > div {

}

.our-services-list .item {
    box-shadow: 0 0 4px rgba(0, 0, 0, .23);
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--theme-color);
    height: 100%;

}

.our-services-list > div {
    margin-bottom: 15px;
}

.our-services-list .item .item-head {
    background: #E1B324;
    color: var(--theme-color);
    font-size: 30px;
    font-weight: 700;
    /*line-height: 40px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.our-services-list .col-sm-4:nth-child(2) .item .item-head {
    background: var(--primary);
}

.our-services-list .col-sm-4:nth-child(3) .item .item-head {
    background: #704AA0;
}


.our-services-list .col-sm-4:nth-child(1) .item .item-footer .btn {
    background: #E1B324;
    color: #000000;
}

.our-services-list .col-sm-4:nth-child(2) .item .item-footer .btn {
    background: var(--primary);
    color: var(--theme-color);
}

.our-services-list .col-sm-4:nth-child(3) .item .item-footer .btn {
    background: #704AA0;
    color: var(--theme-color);
}


.our-services-list .item ul, .our-services-list .item p {
    padding: 20px;
}

.our-services-list .item p {
    line-height: 40px;
    color: #000000;
    font-size: 20px;
    text-align: center;
}

.our-services-list .item ul li {
    margin-bottom: 20px;
    color: #000000;
    font-size: 20px;
    text-align: center;
}


.our-services-list .item .btn {
    display: inline-block;
    margin: 10px auto;
}

.our-services-list .item .item-footer {
    text-align: center;
    font-size: 15px;
}

.our-services-list .item .item-footer a {
    font-size: 15px;
}

.programs-list {
    margin-top: 50px;
    position: relative;
}

.programs-list .item {
    /*border: 1px dashed #000000;*/
    transition: all 0.3s ease;
    background: var(--theme-color);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
    overflow: hidden;
    padding-top: 20px;
}

.programs-list .item h3 {
    font-size: 25px;
    font-weight: normal;
    color: #E1B324;
    text-align: center;
    padding: 0 20px;
    line-height: 30px;
    height: 60px;
}

.programs-list .item ul {
    font-size: 15px;
    /*font-weight: bold;*/
    font-style: italic;
    color: #000000;
    padding: 0 20px;
    margin-top: 20px;
}

.programs-list .item ul li {
    margin-bottom: 20px;
}

.programs-list > div .item .item-actions {
    background: #E1B324;
    color: #FFFFFF;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.programs-list > div .item .item-actions a.btn {
    color: #FFFFFF;
    display: block;
    width: 100%;
    font-size: 20px;
}

.programs-list > div:nth-child(2) .item .item-actions {
    background: var(--primary);
}

.programs-list > div:nth-child(2) .item h3 {
    color: var(--primary);
}

.programs-list > div:nth-child(3) .item .item-actions {
    background: #704AA0;
}

.programs-list > div:nth-child(3) .item h3 {
    color: #704AA0;
}

.upcoming-programs {
    margin-top: 40px;
}

.upcoming-programs .item {
    border: 1px solid #707070;
    border-radius: 10px;
}

.upcoming-programs .item .img {
    position: relative;
    overflow: hidden;
    height: 190px;
    border-radius: 10px 10px 0 0
}

.upcoming-programs .item span {
    position: absolute;
    top: 15px;
    left: 0;
    padding: 10px;
    background: var(--primary);
    color: #FFFFFF;
}

.upcoming-programs .item img {
    min-height: 190px;
    min-width: 100%;
}

.upcoming-programs .item .item-details {
    padding: 20px 20px 0 20px;
}

.upcoming-programs .item .item-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.upcoming-programs .item .item-actions a {
    min-width: 150px;
}

.upcoming-programs .item h3 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.upcoming-programs .item p {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
}


.Workshops-slider .owl-nav {
    margin: 0;
}

.Workshops-slider.owl-theme .owl-nav button {
    position: absolute;
    color: #000 !important;
    top: 50%;
    padding: 0;
    margin: 0 !important;
    font-size: 40px !important;
    transform: translateY(-50%);

}

.Workshops-slider.owl-carousel .owl-nav button.owl-next {
    padding: 0 !important;
    right: -40px;
    line-height: 1;
    width: 40px;
}

.Workshops-slider.owl-carousel .owl-nav button.owl-prev {
    padding: 0 !important;
    left: -40px;
    line-height: 1;
    width: 40px;
}

.Workshops-slider.owl-theme .owl-nav button:hover {
    background: #000 !important;
    color: #fff !important;
}

.item-data {
    padding: 20px 30px;
    text-align: center;
}

.item-data h2 {
    font-weight: bold;
    font-style: italic;
    font-size: 26px;
}

.yellow .item-data h2 {
    color: #E1B324;
}

.item-data .statics {
    border-radius: 10px;
    border: 1px solid #E1B324;
    padding: 5px;
    margin-top: 15px;
}

.item-data .statics h3 {
    font-size: 13px;
    text-align: center;
}

.item-data .statics h3 span {
    display: block;
}

.item-data .img-chart {
    margin-top: 15px;
}

.item-data .btn {
    margin-top: 15px;
    font-size: 15px;
    border-radius: 10px;
    font-weight: bold;
    min-width: 190px;
}

.yellow .btn-primary, .btn-yellow, .btn-warning {
    background: #E1B324;
    color: #000 !important;
    border-color: #E1B324;
}


.blue .item-data h2 {
    color: var(--primary);
}

.btn-primary, .btn-blue {
    background: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover, .btn-blue:hover {
    color: #ffffff;
    background: #4242d4;
    border-color: #4242d4;

}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: #ffffff;
    background: var(--primary);
    border-color: var(--primary);

}

.btn-success, .btn-green {
    background: var(--success);
    border-color: var(--success);
}

.item-data ul {
    margin-top: 30px;
    color: #E1B324;
    text-align: left;
    min-height: 119px;
}

.item-data ul li {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 5px;
}

.item-data ul li i {
    color: #E1B324;
    font-size: 12px;
}

.programs-list .item.yellow:hover {
    border: 1px solid #E1B324;
    background: #ffffff;
}

.programs-list .item.blue:hover {
    border: 1px solid var(--primary);
    background: #ffffff;
}

#business {
    min-height: 100vh;
    background: #000000 url(../images/bg.png) bottom center no-repeat fixed;
    padding: 90px 0;
}

#business .section-title {
    text-align: center;
    color: #ffffff;
}

.business-img {
    margin-top: 30px;
    text-align: center;
}

#Private_Offices_:hover {
    fill: #1c7430;
    border: 2px solid #ffff;
}

#Achievements {
    /*min-height: 100vh;*/
    position: relative;;
    z-index: 3;
    background: var(--theme-color);
    padding: 90px 0;
}

.achievements-items {
    background: url('../images/line-white.svg') center 35px no-repeat;
    margin-top: 70px;
}

.achievements-items h2 {
    font-size: 35px;
}

.about-our-mission .achievements-items {
    background: url('../images/line2.svg') center 100px no-repeat
}

#business .achievements-items {
    background: url(../images/line-white.svg) center 115px no-repeat;
}

.achievements-items .item {
    width: 165px;
    height: 165px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color);
    transition: all 0.3s ease-in-out;
}

.achievements-items .item h4 {
    font-size: 25px;
    color: var(--primary);
}

.achievements-items .item h4 sub {
    font-size: 14px;
}

.achievements-items .item h3 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
}

.achievements-items .item p {
    font-size: 13px;
    font-weight: normal;
}

.achievements-items .owl-item.center .item,
.achievements-items .item:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    /*transform: scale(1.5);*/
}

.achievements-items .owl-item.firstActiveItem .item {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    transform: scale(1.5);
}

.achievements-items .owl-item.firstActiveItem .item h4 {
    color: #fff;
}

.achievements-items .owl-item.center .item h4,
.achievements-items .item:hover h4 {
    color: #fff;
}

.achievements-slider-home .owl-stage-outer {
    padding: 90px 44px !important;
}


/**Mohanad start Code */

.achievements-items-main-page .item {
    width: 165px;
    height: 165px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: var(--theme-color;*/
    transition: all 0.3s ease-in-out;
}


.achievements-items-main-page .item h4 {
    font-size: 25px;
    color: var(--primary);
}

.achievements-items-main-page .item h4 sub {
    font-size: 14px;
}

.achievements-items-main-page .item h3 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
}

.achievements-items-main-page .item p {
    font-size: 13px;
    font-weight: normal;
    color: white;
}

.achievements-items-main-page .owl-item.center .item,
.achievements-items-main-page .item:hover {
    /*background: var(--primary);*/
    /*color: #fff;*/
    /*border-color: var(--primary);*/
    /*transform: scale(1.5);*/
}

.achievements-items-main-page .owl-item.firstActiveItem .item {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    transform: scale(1.5);
}

.achievements-items-main-page .owl-item.firstActiveItem .item h4 {
    color: #fff;
}

.achievements-items-main-page .owl-item.center .item h4,
.achievements-items-main-page .item:hover h4 {
    /*color: #fff;*/
}

/**Mohanad end Code */


blockquote {
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    padding-left: 20px;
    position: relative;
    border-left: 3px solid var(--primary);
    color: #fff
}


#portfolio {
    min-height: 100vh;
    background: #000000 url(../images/bg.png) bottom center no-repeat fixed;
    padding: 50px 0;
}

#portfolio .section-title {
    text-align: center;
    color: #ffffff;
    font-size: 27px;
}

#portfolio .section-title span {
    display: inline-block;
    border-bottom: 2px dashed #FFFFFF;
    padding-bottom: 5px;
}

.portfolio-slider {
    text-align: center;
    /*margin-top: 30px;*/
}

.portfolio-slider .item {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    border: 1px dashed #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color);
    margin: auto;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.portfolio-slider .item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.portfolio-slider .item img {
    max-width: 100%;
    max-height: 155px;
    width: auto;
}

.portfolio-slider h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}

.portfolio-slider h4 {
    font-size: 15px;
    font-weight: normal;
}

.portfolio-slider.owl-carousel .owl-stage-outer {
    padding: 60px 0;
}

.portfolio-slider .item:hover {
    border: 1px solid #000000;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.portfolio-list {
    position: relative;
}

.portfolio-list:before {
    width: 100%;
    height: 1px;
    background: #000000;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
}

.portfolio-list2 {
    position: relative;
}

.portfolio-list2:before {
    width: 100%;
    height: 1px;
    background: #000000;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
}

.portfolio-slider .owl-nav {
    margin: 0;
}

.portfolio-slider.owl-theme .owl-nav button {
    position: absolute;
    color: #000000 !important;
    top: 50%;
    padding: 0;
    margin: 0 !important;
    font-size: 40px !important;
    transform: translateY(-50%);

}

.portfolio-slider.owl-carousel .owl-nav button.owl-next {
    padding: 0 !important;
    right: -30px;
    line-height: 1;
}

.portfolio-slider.owl-carousel .owl-nav button.owl-prev {
    padding: 0 !important;
    left: -30px;
    line-height: 1;
}

.portfolio-slider.owl-theme .owl-nav button:hover {
    background: transparent !important;
    color: #B5B5B5 !important;
}

.comunity {
    margin-top: 30px;
}

.comunity h2 {
    font-size: 35px;
    color: #ffffff;
}

.comunity .item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 20px;
}

.comunity .item .img {
    height: 260px;
    overflow: hidden;
}

.comunity .item .item-caption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out;
}

.comunity .item:hover .item-caption {
    height: 100%;
    padding: 25px 15px;
}

.comunity .item .item-caption h3 {
    color: #ffffff;
    font-size: 20px;
}

.comunity .item .item-caption.purple-color {
    background: rgba(112, 74, 160, 0.89);
}

.comunity .item .item-caption.green-color {
    background: rgba(18, 117, 89, 0.89);
}

.comunity .item .item-caption.yellow-color {
    background: rgba(225, 179, 36, 0.89);
}

.comunity .item .item-caption.yellow-color h3 {
    color: #000;
}

#why {
    padding-top: 50px;
    background: var(--theme-color);
}

.about-falak h3 {
    font-size: 25px;
}

.about-falak p {
    font-size: 20px;
    margin-top: 5px;
}

.more a {
    color: var(--primary);
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px dashed transparent;
}

.more a span {
    border-bottom: 2px solid var(--primary);
}

.more a:hover span {
    border-bottom: 2px dashed var(--primary);
}

.more2 {
    margin-top: 10px;
}

.more2 a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px dashed transparent;
}

.more2 a:hover {
    border-bottom-color: #fff;
}

.more2 a img, .more a img {
    transition: all 0.3s ease-in-out;
}

.more2 a:hover img, .more a:hover img {
    margin-left: 5px;
}

.more3 a {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}

.more3 a.blue {
    color: var(--primary);
    font-size: 15px;
    font-weight: bold;
    border-bottom: none !important;
}

.more3 a:hover {
    border-bottom: 1px dashed #000000;
}

.more3 a img, .more a img {
    transition: all 0.3s ease-in-out;
    max-height: 15px;
}

.more3 a:hover img, .more a:hover img {
    margin-left: 5px;
}

.prev-programs {
    padding-bottom: 90px;
}

.programs-info {
    color: #fff;
    padding-left: 20px;
    margin-top: 20px;
}

.programs-info li {
    font-size: 29px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
}

.programs-info li img {
    margin-right: 10px;
}

.mail-list {
    max-width: 400px;
    margin: 30px auto 0 auto;
}

.mail-list .btn-outline-secondary {
    color: #ffffff;
    background: var(--primary);
    border-color: var(--primary);
    border-radius: 15px;
}

.mail-list .form-control {
    border: 1px solid var(--primary);
    background: transparent;
    border-radius: 15px;

}

.mail-list h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center;
}

.container {
    position: relative;
}

.sp {
    border-left: 2px dashed var(--success);
    width: 1px;
    height: 110px;
    position: absolute;
    top: -145px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 11;
}

.sp:before {
    content: '';
    background: var(--theme-color);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -6px;
    margin: auto;
}

.sp:after {
    content: '';
    background: #000;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -6px;
    margin: auto;
}

#business .sp {
    top: -145px;
}

#business .sp:before {

    background: #000;

}

#business .sp:after {
    background: var(--theme-color);
}

#why .sp {
    top: -105px;
}

#portfolio.community-home .sp {
    top: -355px;
    right: 15px;
    left: auto;
}

#portfolio .sp:before {
    background: #000;
}

#portfolio .sp:after {
    background: var(--theme-color);
}

#portfolio.community-home {
    position: relative;
    padding-top: 300px;
    z-index: 4;
}

#portfolio.community-home .container {
    z-index: 2;
    position: relative;
}

.community-home:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/blog-home.svg) center top no-repeat;
    content: '';
}

footer {
    background: #000000;
    padding: 20px 0;
}

footer .address p {
    color: #fff;
    margin: 15px 0 0 0;
    font-size: 11px;
}

.f-col h2 {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
}

.f-col p {
    margin-bottom: 10px;
    font-size: 12px;
}

.f-col a {
    color: rgba(244, 241, 233, 0.5);
}

.f-col .social {

}

.f-col .social a {
    font-size: 20px;
    display: inline-block;
    padding: 0 10px;
}

.f-col a:hover {
    color: rgba(244, 241, 233, 1);
}

.copyright {
    text-align: right;
}

.copyright p {
    color: #fff;
    font-size: 12px;
}

/*.fancybox-slide--video .fancybox-content {*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*}*/

.fancybox-slide {
    padding: 0 !important;
}

/*********Loader***/
.loader-wrap {
    position: fixed;
    background: rgba(0, 0, 0, .95);
    z-index: 999999999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

#loading-indicator {
    position: absolute;
    right: 0;
    left: 0;
    top: 30%;
    width: 18em;
    height: 18em;
    margin: 0 auto;
}

.system {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateX(75deg) rotateY(-30deg);
    transform: rotateX(75deg) rotateY(-30deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.planet-loader, .satellite-orbit, .satellite {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.planet-loader {
    margin-top: -4.5em;
    margin-left: -4.5em;
    border-radius: 50%;
    background: transparent url("../images/loading-planet.png") no-repeat center center;
    width: 72px;
    height: 72px;
    color: white;
    text-align: center;
    line-height: 9em;
    -webkit-transform: rotateY(30deg) rotateX(-75deg);
    transform: rotateY(30deg) rotateX(-75deg);
}

.satellite-orbit {
    width: 10em;
    height: 8em;
    margin-top: -6em;
    margin-left: -7em;
    border: 2px dashed #fff9ec;
    border-radius: 50%;
    -webkit-animation-name: orbit;
    animation-name: orbit;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.satellite {
    top: 100%;
    width: 22px;
    height: 22px;
    margin-top: -1.5em;
    margin-left: -1.5em;
    background: transparent url("../images/planet.png") no-repeat center center;
    color: black;
    border-radius: 50%;
    text-align: center;
    line-height: 3em;
    -webkit-animation-name: invert-orbit;
    animation-name: invert-orbit;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.loader_img {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}


@-webkit-keyframes rotate {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        transform: rotateZ(360deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

@keyframes orbit {
    0% {
        transform: rotateZ(360deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

@-webkit-keyframes invert-orbit {
    0% {
        transform: rotateZ(0deg) rotateY(30deg) rotateX(-75deg);
    }
    100% {
        transform: rotateZ(360deg) rotateY(30deg) rotateX(-75deg);
    }
}

@keyframes invert-orbit {
    0% {
        transform: rotateZ(0deg) rotateY(30deg) rotateX(-75deg);
    }
    100% {
        transform: rotateZ(360deg) rotateY(30deg) rotateX(-75deg);
    }
}

.full-width {
    width: 120vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -60vw !important;
    margin-right: -50vw !important;
}

.navbar-dark .navbar-nav li.active .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(225, 179, 36);
}

.right-links {
    color: #fff;
}

.right-links a {
    display: inline-block;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
}

/*************/
/*.path-rocket svg{*/
/*  !*width: 100%;*!*/
/*  width: 100%;*/
/*  height: auto;*/
/*}*/

/********Inner Pages*******/
.inner-page header {
    background: rgba(0, 0, 0, 0.87);
}


.programs_start {
    background: url("../images/programs-bg1.png") center no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.programs_start:after {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
}

.programs_start .container {
    position: relative;
    z-index: 2;
}

.programs-data h1 {
    color: #FFFFFF;
    font-size: 43px;
    font-weight: bold;
    white-space: pre-line;
}

.investors-page .programs-data h1 {
    font-size: 45px;

}

.programs-content {
    padding: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
    max-height: 380px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.36);

}

.label-stage {
    color: gray;
    font-size: 12px;
}

.label-stage a {
    text-decoration: underline !important;
}

.cond-btn {
    text-decoration: underline !important;
    color: var(--primary)
}

.about_us_start {
    background: url("../images/about-inner.jpg") center no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.about_us_start:after {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.56);
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
}

.lbl-text {
    font-size: 12px;
}

.about_us_start .container {
    position: relative;
    z-index: 2;
}

.about-data h1 {
    color: var(--theme-color);
    font-size: 45px;
    font-weight: bold;
    white-space: pre-line;
}

.about-content {
    padding: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.36);
    font-size: 15px;
    line-height: 25px;
    margin-top: 30px;
}

.mission {
}

.mission h2 {
    font-size: 35px;
    font-weight: bold;
}

.mission h2 span {
    display: inline-block;
    /*padding-bottom: 5px;*/
    border-bottom: 2px dashed #000000;
}

.mission p {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
}

.pagination-dots {
    position: fixed;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    z-index: 22;
}

.pagination-dots a {
    display: block;
    margin: auto;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, .5);
    border: 2px solid rgba(112, 112, 112, .5);;
    border-radius: 50%;
    margin-bottom: 5px;
    overflow: hidden;
    text-indent: -100px;
}

.pagination-dots a.active {
    background: rgba(255, 255, 255, 1);
}

.about-ouu-services {
    min-height: 100vh;
    background: #000000 url(../images/bg.png) top center no-repeat fixed;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    padding: 50px 0;

}


.about-ouu-services h2 {
    text-align: center;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}

.about-ouu-services h2 span {
    display: inline-block;
    border-bottom: 1px dashed #fff;
    padding-bottom: 5px;
}

.values-items--item {
    color: #fff;
    text-align: center;
}

.values-items--item--text {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
}

.about-ouu-services .portfolio-slider.owl-carousel .owl-stage-outer {
    padding: 30px 0;
}

.about-ouu-services {

}

.features {
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}

.features span {
    display: block;
    width: 100%;
}

.package-hint {
    display: block;
    border-top: 1px solid #000000;
    padding-top: 10px;
    margin-top: 10px;
    text-align: left;
    font-style: italic;
    font-weight: normal;
}

/**************** services page ***************/

.services_page {
    min-height: 100vh;
    background: #000000 url(../images/bg.png) top center no-repeat fixed;
    background-size: cover;
    overflow: hidden;
    width: 100%;
}

.services_page h1 {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 50px;
}

.services-head {
    min-height: 530px;
}

.services-line .nav-link {
    text-align: center;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.services-line .nav-link img {
    position: absolute;
    top: -85px;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
}

.services-line li:nth-child(1) .nav-link img {
    width: 55px;
    top: -95px;

}

.services-line li:nth-child(2) .nav-link img {
    top: -70px;
}

.services-line li:nth-child(3) .nav-link img {
    top: -70px;
}

.services-line .nav-pills {
    margin-top: 50px;
}

.services-line .nav-pills .nav-link.active, .services-line .nav-pills .show > .nav-link {
    background: var(--theme-color);
    color: #000000;
}

.services_page .mail-list h3 {
    color: #ffffff;
}

.services-tab-content {
    background: var(--theme-color);
}

.services_page .tab-pane {
    padding: 80px 0;
}

.services_page .nav-pills .nav-link {
    -webkit-border-radius: 0.25rem;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 0.25rem;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 0.25rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.services-tab-content h2 {
    font-size: 35px;
    font-weight: bold;
}

.services-tab-content h2 span {
    display: inline-block;
    position: relative;
}

.services-tab-content h2 span:after {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 40px;
    background: url(../images/starss.svg) top no-repeat;
    background-size: contain;
    content: '';
    top: -20px;
}

.services-tab-content p {
    margin-top: 50px;
    font-size: 20px
}

.total_office {
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.services-head > div {
    width: 100%;
}

.office-gallery {
    margin-top: 30px;
}

.office-gallery .more {
    margin-top: 15px;
}

.office-gallery .col-sm-6 img,
.office-gallery .col-6 img {
    width: 100%;
}

.Packages {
    margin-top: 40px;
}

.Packages h2 {
    display: block;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
}

.Packages h2 span {
    display: inline-block;
    border-bottom: 2px dashed #000000;
}

.Packages h2 span:after {
    display: none;
}

.package-list {
    margin-top: 50px;
}

.package-list .item {
    border-radius: 10px;
    color: #000000;
    padding: 25px;
    padding-top: 0;
    /*margin-bottom: 30px;*/
    height: 100%;
}

.package-list .item h3 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-right: -21px;
    margin-left: -21px;
    background: #E1B324;
    padding: 10px 0;
    position: relative;
    z-index: 3;
    top: 2px;
}

.package-list .item:before {
    position: absolute;
    left: 20px;
    right: 20px;
    background: var(--theme-color);
    top: 10px;
    bottom: 5px;
    margin: auto;
    height: calc(100% - 20px);
    content: '';
    border-radius: 5px;
}

.package-list .item > div {
    position: relative;
    z-index: 3;
}

.package-list .item ul {
    font-size: 15px;
    color: #000000;
    margin-top: 25px;
    margin-bottom: 35px;
    margin-left: 25px;
}

.package-list .item ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.package-list .item .features_list {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.package-list .item .features_list .item1 {
    margin-bottom: 25px;
}

.package-list .item .features_list .item1 img {
    display: block;
    margin: auto;
    margin-bottom: 5px;
}

.package-list .item ul li img, .package-list .item ul li i {
    margin-right: 10px;
}

.package-list .item .features {
    margin-top: 15px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.package-list .item .features img {
    display: block;
    margin: auto;
}

.package-list .item .features span {
    display: block;
    margin-top: 5px;
}

.host_note {
    font-size: 15px;
}

.price_2 {
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;

}

.price_2 span {
    font-size: 25px;

}

.package-list .row {
    margin-right: -5px;
    margin-left: -5px;
}

.package-list .row {
    margin-right: -5px;
    margin-left: -5px;
}

.package-list .col-4 {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.price-list {
    margin-top: 30px;
}

.price-list .item2 {
    margin-bottom: 30px;
}

.price-list .item2 h4 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.price-list .item2 h4 span {
    font-size: 25px;
    font-weight: bold;
}

.price-list .item2 h5 {
    font-size: 15px;
    font-weight: normal;
    color: #64476B;
    text-align: center;
    margin-top: 5px;
}

.package-list .item.large-pkg {
    background: var(--success);
    border-radius: 10px;
}

.large-pkg .price-list .item2 h5 {
    color: #E1B324;
}

.package-list .item.large-pkg ul {
    color: #ffffff;
}

.package-list .item.large-pkg .features span {
    color: #ffffff;
}

.package-list .item.Corner-pkg {
    background: var(--primary);
}

.Corner-pkg .price-list .item2 h5 {
    color: #000000;
}

.package-list .item.Corner-pkg ul {
    color: #ffffff;
}

.package-list .item.Corner-pkg .features span {
    color: #ffffff;
}

.price-list .item3 h4 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.price-list .item3 h4 span {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.price-list .item3 h5 {
    font-size: 14px;
    font-weight: normal;
    color: #64476B;
    text-align: center;
    margin-top: 5px;
}

.package-list .item.green-pkg {
    background: var(--success);
    border-radius: 10px;
}

.green-pkg .price-list .item3 h5 {
    color: #E1B324;
}

.package-list .item.green-pkg ul {
    color: #ffffff;
}

.package-list .item.green-pkg .features span {
    color: #ffffff;
}

.package-list .item.blue-pkg {
    background: var(--primary);
}

.blue-pkg .price-list .item3 h5 {
    color: #000000;
}

.package-list .item.blue-pkg ul {
    color: #ffffff;
}

.package-list .item.blue-pkg .features span {
    color: #ffffff;
}

/*---*/
.package-list .item.purple-pkg {
    background: #704AA0;
}

.purple-pkg .price-list .item3 h5 {
    color: #E1B324;
}

.purple-pkg .price-list .item3 h4 {
    color: #E1B324;
}

.package-list .item.purple-pkg ul {
    color: #ffffff;
}

.package-list .item.purple-pkg .features span {
    color: #ffffff;
}

.package-list.book-packages .item ul li {
    font-weight: 700;
}

.package-list.book-packages .btn {
    margin-top: 30px;
}

.package-list.book-packages .price-list .item3 h4 {
    font-weight: 700;
}

.vat-txt {
    font-size: 13px !important;
    color: #fff;
    font-weight: normal;
    font-style: italic;
    margin-top: 10px !important;
    margin-bottom: 0px;
}

.yellow-pkg .vat-txt {
    color: #000000;
}

.btn-blue {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.btn-purple {
    background: #704AA0;
    border-color: #704AA0;
    color: #fff;
}

.investors-timer {
    text-align: center;
}

#investors-timer {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
}

.inv-title {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.inv-details {
    color: #000000;
}

.accelator {
    background: #F2F2F2;
    color: #026D8B;
    padding: 5px 0;
}

.accelator .btn-primary {
    background: #026D8B;
    color: #ffffff;
    border-radius: 20px;
    padding-right: 30px;
    padding-left: 30px;
}

.soon-data {
    text-align: center;
    color: #fff;
}

.soon-data h2 {
    font-size: 30px;
    font-weight: 700;
}

.soon-data p {
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}

.home-social {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateX(-50%);
    z-index: 11;
    text-align: center;
}

.home-social a {
    display: block;
    color: rgba(242, 239, 231, 0.5);
}


.blogs {
    padding: 90px 0;
    background: var(--theme-color);
}

.blogs h2 {
    font-size: 45px;
    color: #000000;
}

.blogs-list {
    margin-top: 40px;
}

.blogs-list .item {
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.blogs-list h3 {
    font-size: 20px;
    margin-bottom: 10px;
    max-height: 50px;
    line-height: 25px;
    overflow: hidden;
}

.blogs-list p {
    font-size: 14px;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.blogs-list .first-item p {
    font-size: 14px;
    max-height: 200px;
    line-height: 20px;
    overflow: visible;
}

.blogs-list .img {
    position: relative;
    border-radius: 10px 10px 0 0;
    height: 228px;
}

.blogs-list .img {
    position: relative;
    overflow: hidden;
}

.blogs-list .img img {
    width: 100%;
    height: 228px;
}

.blogs-list .date {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px;
    border-radius: 3px;
}

.item-border {
    position: relative;
    transition: all 0.4s ease-in-out;
    background: transparent;
}


.blogs-list .first-item .img {
    border-radius: 0 10px 10px 0;
    height: 380px;
    background-size: cover;
    width: 100%;
    background-position: center;
}

.blogs-list .first-item .img img {
    display: none;
}

.item-border > div {
    position: relative;
    z-index: 3;
    padding: 20px;

}

.h-150 {
    height: 152px;
}

.blogs-list .item:hover .item-border {
    background: #ffffff;
}

.share-btn .dropdown-item {
    border: none !important;
    border-radius: 0 !important;
}

header .dark-bg {
    background: #000000;
}

.post-details {
    padding-top: 150px;
}

.post-details, .invest-apply {
    background-color: var(--theme-color);
}

.post-details h1 {
    font-size: 45px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 0;
}

.post-date {
    font-size: 20px;
    color: #000000;
    margin-bottom: 10px;

}

.post-content {
    padding: 20px 0;
    text-align: justify;
    font-size: 20px;

}

.post-content h3 {
    margin-bottom: 15px;
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

.post-content p {
    margin-bottom: 15px;
    color: #000;
    font-weight: 400;
    font-size: 20px;
}

.post-tags {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
}

.post-tags a {
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    border-radius: 5px;
    padding: 0 10px;
    line-height: 30px;
}

.post-tags a:hover {
    color: #fff;
    background: #000;
}

.post-author h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--primary)
}

.post-author h3 {
    font-size: 20px;
    font-weight: bold;
}

.post-author p {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}

.post-author {
    margin-bottom: 30px;
    margin-top: 20px;
}

.post-author .img {
    border-radius: 50%;
    padding: 5px;
    border: 1px dashed #000;
    margin-right: 20px;
}

.post-author .img img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
}


html[lang=ar] .post-author .img {
    margin-right: 0;
    margin-left: 20px;
}

.more-post {
    margin-top: 20px;
}

.more-post h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #000000;
    font-size: 20px;
    font-weight: bold;
}

.author_social {
    margin-top: 15px;
}

.author_social a {
    color: #787672;
    font-size: 16px;
    display: inline-block;
    padding: 0 5px;
}

.investors-home {
    color: #ffffff;
}

.investors-home h2 {
    color: #ffffff;
    font-size: 35px;
    margin-bottom: 15px;
}

.investors-home p {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
}

.invest-action {
    margin-top: 40px;
}

.invest-action p {
    font-weight: bold;
}

.invest-apply {
    padding: 50px 0;
}

.invest-apply h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.invest-apply p {
    font-size: 20px;
}

.wiz .steps {
}

.wiz .steps ul {
    list-style: none;
    text-align: center;
    border-top: 1px dashed #000;
    margin: 50px 0;
}

.wiz .steps ul li {
    display: inline-block;
}

.wiz .steps ul li a {
    display: block;
    color: #000;
    text-align: center;
    font-size: 15px;
    padding: 0 20px;
    line-height: 40px;
}

.wiz .steps ul li .current-info {
    display: none;
}

.wiz .form-control {
    border-color: #000;
    font-size: 15px;
    background: transparent;
}

.wiz .form-group label, .wiz .form-group {
    font-size: 15px;
}

.wiz .form-control.error {
    border-color: #dc3545;
    color: #dc3545;
}

.wiz .steps ul li .number {
    display: none;
}

.wiz .steps ul li.current.error a {
    background: #dc3545;
}

.wiz .steps ul li.current a {
    background: #000;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.wiz .steps ul li.current.error a {
    background: #dc3545;
}

.wiz .error {
    color: #dc3545;
}

.wiz .actions {
    margin-top: 50px;
}

.wiz .actions ul li.disabled {
    display: none;
}

.wiz .content .title {
    display: none;
}

.wiz .actions ul {
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wiz .actions ul li {
    display: inline-block;
}

.wiz .actions ul li a[href="#next"], .wiz .actions ul li a[href="#finish"] {
    margin-left: 30px;
    background-color: #000000;
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 30px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.file-container {
    border: 1px dashed #000;
    border-radius: 5px;
    padding: 10px 5px;
    text-align: center;
    position: relative;
    height: 50px;
}

.file-container2 {
    border: 1px dashed #000;
    border-radius: 5px;
    padding: 10px 5px;
    text-align: center;
    position: relative;
    height: 120px;
}

.deleteFile {
    position: absolute;
    bottom: -1px;
    left: -1px;
    z-index: 120;
    display: none;
}

.file-container input[type=file] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    top: 0;
    left: 0
}

.file-container .upload-text-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #707070;
    padding-top: 15px;
    left: 0;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../images/upload.svg') center 10px no-repeat
}

.file-container2 .upload-text-icon {
    background: none !important;
}


.file-container .upload-text-icon img {
    display: block;
    margin: auto;
}

.file-container button {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*color: #707070;*/
    left: 0;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.agree-item a {
    text-decoration: underline !important;
}

.cart-report {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
}

.cart-report li {
    margin-bottom: 5px;
    font-size: 14px;
}

.total_payment {
    border-top: 1px solid #000000;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

.prov-list .item {
    margin-bottom: 30px;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #000000;
}

.item-head {
    margin-bottom: 20px;
}

.sz-20 {
    font-size: 20px !important;
}

.dot_ {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #000000;
    display: inline-block;
    background: #000;
    margin-right: 5px;
}

input[type="radio"]:checked {
    background: #000000;
}

#articles-home {
    background: url("../images/about-inner.jpg") center no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

#solutions-home {
    background: url("../images/solutions-head-bg.jpg") center no-repeat;
    background-size: cover;
    height: 350px;
    position: relative;
}

.inner-header {
    background: #000;
}

#articles-home .comunity .item .img img {
    width: 100%;
}

.articles-btns {
    margin-top: 15px;
}

.Workshops-slider .item {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.copyright img {
    max-width: 100px;
    margin-right: 15px;
    margin-top: 15px;
}

/*.Workshops-slider .item:after{*/
/*  position: absolute;*/
/*  border:1px solid #ddd;*/
/*  content: '';*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

.copyright img {
    max-width: 100px;
    margin-right: 15px;
}

#articles-category {
    padding-top: 130px;
}

.article-category-head {
    padding: 50px 0 30px 0;
}

.white-modal h3.pdf-modal-title {
    font-size: 25px;
    margin-top: 20px;
}

#articles-category .comunity {
    margin-top: 0;
}

#articles-category .comunity h2 {
    color: #000000;
}

.comunity .item img {
    width: 100%;
    height: 100%;
}

.article-search-form {
    max-width: 400px;
    width: 100%;
    display: block;
    margin: auto;
}

.article-search-form .form-control {
    border: 1px solid #343a40;
    border-right: 0 !important;
    background: transparent;
}


.article-search-form .form-control {
    border-color: #000;
}

html[lang=ar] .article-search-form .form-control {
    border: 1px solid #000;
    border-left: 0 !important;
    border-right: 1px solid #000 !important;
}


.input-group > .input-group-append > .btn {
    border-left: none !important;
}

.input-group > .input-group-append > .btn {
    border-color: #000;
}

html[lang=ar] .input-group > .input-group-append > .btn {
    border-left: 1px solid #000 !important;
    border-color: #000;
    border-right: none !important;
}

.share-menu a {
    border: none !important;
    border-radius: 0;
    font-size: 14px;
}

.share-menu a i {
    display: inline-block;
    width: 20px;
}

.user-social {
    font-size: 30px;
    margin-left: 20px;
}

.user-social a {
    color: rgba(0, 0, 0, 0.47);
}

.user-social a:hover {
    color: rgba(0, 0, 0, 1);
}

.out-meet-tabs .tabs-header {
    position: relative;
    padding-left: 150px;
    text-align: center;
    width: 380px;
    margin: auto;
    background: url(../images/tab-path.svg) center 20px no-repeat;
    margin-top: 30px;

}

.tabs-header .nav-pills {

}

.tabs-header .nav-pills .nav-link {
    padding-top: 50px;
    background: transparent !important;
    color: #000;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 77px;

}

.tabs-header .nav-pills .nav-link.active {
    font-weight: bold;
}

.roket-pos {
    position: absolute;
    left: 150px;
    top: -18px;
    width: 96px;
    height: 96px;
    background: url(../images/rocket-slide.svg) center top no-repeat;
    transition: all 0.3s ease-in-out;
}

#modal_link {
    color: var(--primary);
    font-size: 15px;
    font-weight: 700;
}

.meet-out-startup {
    margin-top: 50px;
}

.meet-out-startup .item {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px dashed #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.meet-out-startup .item img {
    max-width: 100%;
    max-height: 160px;
    /*border-radius: 50%;*/

}

.meet-out-startup .item:hover {
    background: #e4e0dd;
}

.meet-col {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

.about-value {
    /*min-height: 100vh;*/
    background: #000000 url(../images/bg.png) bottom center no-repeat fixed;
    padding: 50px 0 100px 0;
}

.about-value h2 {
    font-size: 35px;
    color: #fff;
    text-align: center;

}

.about-value h2 span {
    border-bottom: 1px dashed #ffffff;
}

.about-owl {
    min-height: 100vh;
    position: relative;
    z-index: 3;
    background: var(--theme-color);
    padding: 90px 0;
}

.about-owl h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

.values-items--item--img {
    position: relative;
    text-align: center;
}

.values-items--item--img .small-img {
    width: 30px;
    height: 30px;
    background-image: url("../images/plant-border.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    border-radius: 50%;
    display: none
}

.values-items--item--img--details {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--primary);
    color: #ffffff;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    transition: all 0.3s ease-in-out;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.values-items--item--img--details.green-bg {

    background: var(--success);
    color: #ffffff;
}

.values-items--item--img--details.purple-bg {
    background: #704AA0;
    color: #ffffff;
}

.values-items--item--img--details.yellow-bg {
    background: #E1B324;
    color: #ffffff;
}

/*.values-items--item:hover .values-items--item--img--details {*/
.values-items--item .values-items--item--img--details {
    opacity: 1;
    visibility: visible;
    width: 120px;
    height: 120px;
    z-index: 111;
}

#articles-home {
    position: relative;
}

#articles-home .container {
    position: relative;
    z-index: 2;
}

#articles-home:after {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.56);
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
}

.program-home-item {
    border: 1px dashed #000;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.program-home-item h3 {
    color: inherit;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

.program-home-item h4 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.program-home-item h5 {
    color: inherit;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.program-home-item p {
    color: #000;
    font-size: 15px;
}

.program-home-item ul {
    list-style: disc;
    color: inherit;
}

.program-home-item ul li {
    font-size: 15px;
    margin-bottom: 5px;
}

.program-home-item ul li span {
    color: #000;
}

.register-if-section div.row .col-12:nth-child(1) .program-home-item {
    border-color: #E1B324;
}

.register-if-section div.row .col-12:nth-child(1) h3,
.register-if-section div.row .col-12:nth-child(1) h5,
.register-if-section div.row .col-12:nth-child(1) ul {

    color: #E1B324;

}

.register-if-section div.row .col-12:nth-child(2) .program-home-item {
    border-color: var(--primary);
}

.register-if-section div.row .col-12:nth-child(2) h3,
.register-if-section div.row .col-12:nth-child(2) h5,
.register-if-section div.row .col-12:nth-child(2) ul {

    color: var(--primary);

}

.register-if-section div.row .col-12:nth-child(3) .program-home-item {
    border-color: #704AA0;
}

.register-if-section div.row .col-12:nth-child(3) h3,
.register-if-section div.row .col-12:nth-child(3) h5,
.register-if-section div.row .col-12:nth-child(3) ul {

    color: #704AA0;

}

.register-if-section h2.sec-title {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    margin-bottom: 40px;
}

.white-modal .modal-content {
    background-color: var(--theme-color);
    background-image: url('../images/modal-bg.svg');
    background-position: 95% 0;
    background-repeat: no-repeat;
    border-radius: 0px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.white-modal#user_modal2 .modal-content {
    background-image: url('../images/user_modal2.svg');
    background-position: 108%;
}

.white-modal.no-img-bg .modal-content {
    background-image: none;
}

.white-modal.event-modal-bg .modal-content {
    background-image: url('../images/event-modal-bg.svg');
    background-position: -80px top;

}


.white-modal#user_modal2 .img {
    border-radius: 0px;
    border: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.white-modal#user_modal2 .img img {
    border-radius: 0px;
    border: 0px;
    width: auto;
    height: auto;
}

.white-modal .modal-content .close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 40px;
    text-align: center;
}

.white-modal .modal-content .close:hover {
    background: #F0F0F0;
}

.white-modal .img {
    width: 260px;
    height: 260px;
    padding: 5px;
    border: 1px dashed #000;
    border-radius: 50%;
    margin: auto;
}

.white-modal.white-modal2 .img {
    width: auto !important;
    height: auto !important;
    padding: 5px;
    border: 1px dashed #000;
    border-radius: 50%;
}

.white-modal .img img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.white-modal h3 {
    font-size: 35px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.white-modal h4 {
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    color: #000;
    margin-bottom: 20px;
}

.white-modal p {
    font-size: 15px;
}

.dark-modal .modal-content {
    background-color: #000000;
    background-image: url('../images/dark-modal-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0px;
    height: 400px;
    position: relative;
}

.dark-modal.no-img-bg .modal-content {
    background-color: #000000;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0px;
    height: auto;
    position: relative;
}

.dark-modal .modal-content h3 {
    color: #ffffff;
    font-size: 35px;
}

.dark-modal .modal-content p {
    color: #E1B324;
    font-size: 20px;
}

.dark-modal .modal-content .close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 40px;
    text-align: center;
    z-index: 1111;
    color: #fff;
}

.dark-modal .modal-content .close:hover {
    background: #F0F0F0;
    color: #000;
}

@media (min-width: 576px) {
    .white-modal .modal-dialog {
        max-width: 1024px;
    }

    .dark-modal .modal-dialog {
        max-width: 1024px;
    }
}

.faq .card {
    background: transparent;
    border: none;
}

.faq .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}

.faq .collapsed .fa-angle-up:before {
    content: "\f105";
}

.faq .card-header .btn-link {
    color: #000;
    font-weight: bold;
    text-align: left;
}

.faq .card-body {
    border: 1px dashed #000000;
    padding: 20px;
    margin: 0;
}

.program-details-box {
    padding: 40px 20px;
    position: relative;
    border-bottom: 1px solid #000;

}

.program-details-box:last-child {
    border-bottom: none;
}

/*.program-details-box:after{*/
/*    position: absolute;*/
/*    border-bottom: 1px solid #000;*/
/*    width: 80%;*/
/*    left:0;*/
/*    right:0;*/
/*    margin:auto;*/
/*    bottom: 0;*/
/*    content: '';*/
/*}*/
.program-post {
    padding: 90px 0;
}

.program-details-box h3 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;
}

.program-details-box p {
    font-size: 20px;
}

.program-details-box ul {
    list-style: disc;
    font-size: 30px;
    color: #E1B324;
    list-style-position: inside;
}

.program-details-box ul li {
    line-height: 30px;
}

.program-details-box ul li span {
    font-size: 18px;
    color: #000;
}

.program-author .img {
    width: 195px;
    height: 195px;
    border-radius: 50%;
    border: 1px dashed #000000;
    overflow: hidden;
    padding: 5px;
    margin: auto;
}

.program-author .img img {
    width: 185px;
    height: 185px;
    border-radius: 50%;
}

.program-author h3 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

.program-author p {
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    text-align: center;

}

.user-social {
    font-size: 30px;
}

.user-social a {
    display: inline-block;
    margin-left: 10px;
}

.border-dashed-black {
    border: 1px dashed #000;
    border-radius: 5px;
    text-algin: center;
    color: #000;
}

.programs-btns {
    text-align: center;
    margin-top: 30px;
}

.programs-btns .btn {
    min-width: 120px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
}

.programs-btns .btn.active {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.programs-btns .btn:hover {
    background: #111111;
    color: #FFFFFF;
}

.form-shadow {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.how-details {
    margin: 40px 0;
}

.how-details h2 {
    margin-bottom: 15px;
    font-size: 25px;
}

.how-list {
    position: relative;
    margin-top: 30px;
}

.how-list .item {
    color: #704AA0;
    font-size: 20px;
    font-style: italic;
    position: relative;
    z-index: 2;
    margin-bottom: 40px;

}

.how-list .item .how-number {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #704AA0;
    background: var(--theme-color);
    margin-right: 15px;
    border-radius: 50%;
}

.how-list .item .how-number div {
    width: 50px;
    text-align: center;
}

.how-list:before {
    border-left: 1px dashed #704AA0;
    width: 1px;
    left: 25px;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    content: '';
}

.programs-btns .btn.focus, .programs-btns .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.54);
}

.faq .card-body ul, .how-details ul {
    list-style: disc;
    list-style-position: inside
}

.faq .card h2 {
    text-align: left;
}

.timer-bg {
    width: 300px;
    background: rgba(0, 0, 0, 0.66);
    padding: 15px;
    color: #fff;
    margin: 20px auto;
}

#timer {
    padding: 15px 0;
}


.timer-bg h3 {
    color: var(--theme-color);
    font-size: 18px;
    text-align: center;
}

/******TimeTo plugin**/
figure, figcaption {
    display: block;
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 108%;
}

.timeTo span {
    vertical-align: top;
}

.timeTo.timeTo-white div {
    color: #fff;
    /*background: #ffffff; !* Old browsers *!*/
}

.timeTo.timeTo-black div {
    color: white;
    background: #45484d; /* Old browsers */
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444; /* Old browsers */
}

.timeTo.timeTo-white .timeTo-alert {
    /*background: #ffffff; !* Old browsers *!*/
}

.timeTo figure {

    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    width: auto !important;
    max-width: 100% !important;
}

.timeTo figcaption {
    text-align: center;
    /*font-size: 12px;*/
    line-height: 80%;
    font-weight: normal;
    color: #888;
    margin-top: 5px;
}

.timeTo div {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    /*border-top: 1px solid silver;*/
    /*border-right: 1px solid silver;*/
    /*border-bottom: 1px solid silver;*/
    overflow: hidden;
}

.timeTo div.first {
    /*border-left: 1px solid silver;*/
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 3px;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/******TimeTo plugin**/

.investors-why-company {
    padding: 90px 0;
}

.investors-why-company .section-head h2 {
    font-size: 45px;
    margin-bottom: 15px;
}

.investors-why-company.accelerator-page .section-head h2 {
    font-size: 30px;

}

.investors-why-company.benefits_to_our_investors .section-head h2 {
    font-size: 35px;

}

.investors-why-company.accelerator-page .section-head {
    position: relative;
    padding-bottom: 15px;
}

.investors-why-company.accelerator-page .section-head:after {
    border-bottom: 2px dashed var(--primary);
    content: '';
    width: 40%;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.investors-why-company .section-head p {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    color: #000000
}

.values-title {
    font-size: 30px;
    color: #000;
    font-weight: bold;
}

.values-list .item {
    margin-bottom: 30px;
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: transparent;
}


.values-list .item h3 {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    margin-top: 20px;
}

.investors-why-company.accelerator-page .values-list .item h3 {
    font-size: 20px;
    font-weight: bold;
}

.investors-why-company.benefits_to_our_investors .values-list .item h3 {
    font-size: 20px;
    font-style: italic;

}

.values-list3 {
    margin-top: 30px;
}

.values-list.values-list3 .item {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.values-list.values-list3 .col-sm-3 {
    margin-bottom: 30px;
}

.values-list .item:hover {
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.values-list2 .item:hover {
    background: transparent;
    box-shadow: none;
}

.values-list2 .item:hover h3 {
    color: var(--primary)
}

.investors-note {
    background: url(../images/investors-dots.svg) top center no-repeat;
    height: 300px;
    display: flex;
    justify-content: center;

}

.pkg-btnn {
    z-index: 111;
}

.Objective-section {
    padding: 50px 0;
}

.Objective-section .aim {
    font-size: 35px;
}

.investor-note-dispaly {
    background: var(--theme-color);
    color: var(--primary);
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    padding: 0 10px;
    line-height: 50px;
    margin-top: 30px;
}

.aim {
    font-size: 25px;
    font-weight: bold;
}

.inv-action a {
    color: var(--primary);
    font-weight: bold;
    font-size: 25px;
}

.fz15 {
    font-size: 15px;
}

.terms-link {
    color: #000;
    font-weight: bold;
    text-decoration: underline !important;
}

.wiz .form-investment .form-group label,
.wiz .form-investment .form-group {
    font-size: 13px
}

.form-hint p {
    font-size: 13px;
}

.form-hint a {
    font-size: 11px;
    color: var(--primary);
}

.high2low {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--primary)+0,5151db+16,5f5fdc+34,7675de+52,9695e0+69,c0bee3+84,f2efe7+100 */
    background: var(--primary); /* Old browsers */
    background: -moz-linear-gradient(left, var(--primary) 0%, #5151db 16%, #5f5fdc 34%, #7675de 52%, #9695e0 69%, #c0bee3 84%, var(--theme-color) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--primary) 0%, #5151db 16%, #5f5fdc 34%, #7675de 52%, #9695e0 69%, #c0bee3 84%, var(--theme-color) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--primary) 0%, #5151db 16%, #5f5fdc 34%, #7675de 52%, #9695e0 69%, #c0bee3 84%, var(--theme-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--theme-color', GradientType=1); /* IE6-9 */
}

.low2high {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--theme-color+0,c0bee3+16,9695e0+31,7675de+48,5f5fdc+66,5151db+84,4d4ddb+100 */
    background: var(--theme-color); /* Old browsers */
    background: -moz-linear-gradient(left, var(--theme-color) 0%, #c0bee3 16%, #9695e0 31%, #7675de 48%, #5f5fdc 66%, #5151db 84%, var(--primary) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--theme-color) 0%, #c0bee3 16%, #9695e0 31%, #7675de 48%, #5f5fdc 66%, #5151db 84%, var(--primary) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--theme-color) 0%, #c0bee3 16%, #9695e0 31%, #7675de 48%, #5f5fdc 66%, #5151db 84%, var(--primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color', endColorstr='var(--primary)', GradientType=1); /* IE6-9 */
}

.what-we-offer {
    padding: 0 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #ffffff;
    font-size: 15px;
}

.blue-rows h4 {
    font-size: 20px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--primary);
    font-weight: 400;
}

.high {
    color: #ffffff;
}

.what-we-offer .low {
    color: #000;
}

.btns1-img {
    height: 142px;
    background-image: url("../images/investors-tree.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 220px;
    margin: auto;
}

.btns2-img {
    height: 142px;
    width: 220px;
    margin: auto;
    background-image: url("../images/investors-tree.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
}

.btns3-img {
    height: 142px;
    background-image: url("../images/investors-tree.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 220px;
    margin: auto;
}

.btn-seed {
    min-width: 100px;
    border-color: var(--primary);
    color: #000;
    font-size: 15px;
}

.btn-seed:hover {
    background-color: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;

}

.what-we-offer-section {
    padding-bottom: 90px;
}

.what-we-offer-section .section-header {
    text-align: center;
    padding: 30px 0;
}

.what-we-offer-section .section-header h2 {
    font-size: 45px;
    margin-bottom: 15px;
    text-align: center;
}

.what-we-offer-section .section-header p {
    font-size: 25px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.what-we-offer-shadow {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    padding: 20px;
}

.circle-slider .item {
    width: 165px;
    height: 165px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000;
    transition: all 0.3s ease-in-out;
    color: #ffffff;
    margin: auto;
    font-size: 15px;

}

.circle-slider .owl-item.center .item {
    background: var(--primary);
    color: #ffffff;
}

.Advantages {
    padding: 90px 0;
    background: url(../images/investors-bg2.jpg) center no-repeat;
    background-size: cover;
    /*/ / height: 100 vh;*/
    position: relative;
}

.Advantages:after {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
}

.Advantages .container {
    position: relative;
    z-index: 2;
}

.Advantages h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 50px;
}

.cercle-slids {
    background: url(../images/white-line-dashed.svg) center 35px no-repeat;
    position: relative;
    z-index: 11;
}

.circle-slider .owl-nav {
    margin: 0;
}

.circle-slider.owl-theme .owl-nav button {
    position: absolute;
    color: #000 !important;
    top: 50%;
    padding: 0;
    margin: 0 !important;
    font-size: 40px !important;
    transform: translateY(-50%);

}

.circle-slider.owl-carousel .owl-nav button.owl-next {
    padding: 0 !important;
    right: -40px;
    line-height: 1;
    width: 40px;
}

.circle-slider.owl-carousel .owl-nav button.owl-prev {
    padding: 0 !important;
    left: -40px;
    line-height: 1;
    width: 40px;
}

.circle-slider.owl-theme .owl-nav button:hover {
    background: #000 !important;
    color: #fff !important;
}

.Our_Investment_Plans {
    padding: 90px 0;
}

.Our_Investment_Plans .container-bg {
    padding-bottom: 260px;
    background: url("../images/left-bg.svg") left bottom no-repeat;
    position: relative;
}

.Our_Investment_Plans .container-bg:before {
    /*padding: 0px 0 260px 0;*/
    background: url("../images/right-bg.svg") right bottom no-repeat;
    content: '';
    right: 0px;
    bottom: 40px;
    width: 100%;
    height: 260px;
    position: absolute;
    z-index: 11;
    background-size: contain;
}

.Our_Investment_Plans h2 {
    color: #000;
    font-size: 45px;
    margin-bottom: 50px;
    text-align: center;
}

.investment-list {
    position: relative;
    z-index: 12;
}

.investment-list .item {
    box-shadow: 0 0 4px rgba(0, 0, 0, .23);
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--theme-color);
    height: 100%;
    padding: 20px;
}

.investment-list .item h3 {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.investment-list .item p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

.investors-btns {
    padding: 20px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.investors-btns li {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}

.investors-btns li a {
    border: 1px solid #707070;
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.3);
    width: 100%;
}

.investors-form {
    padding-bottom: 90px;
    padding-top: 40px;
}

.investors-form h2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;
}

.investors-form .wiz .steps ul li.current a {
    background: var(--primary);
}

.investors-form .wiz .steps {
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.3);
}

.investors-form .btn-outline-primary {
    border-color: #707070;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

.investors-form .btn-outline-primary.active {
    color: #fff;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.investors-form .btn-outline-primary:hover {
    color: #fff;
    background-color: #4f4fe6 !important;
    border-color: #5353f3 !important;
}

.investors-form .wiz .steps ul {
    margin: 0;
    border: none;
    display: flex;
    justify-content: space-between;
}

.investors-form .wiz .steps ul li a {
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.investors-form .tab-content {
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    overflow: hidden;

}

.investors-form .tab-content .body {
    padding: 20px;
}

.investors-form .tab-content .actions {
    padding: 20px;
    margin-top: 0;
}

.ProgForm.pich.wiz .steps ul {
    border: none;
}

.ProgForm.pich.wiz .steps ul li, .bootcamp-steps .steps ul li {
    width: 33%;
    font-size: 15px;
    font-weight: bold;
}

.ProgForm.wiz .steps ul li a {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 0 0 5px 5px;
}

.investors-form .wiz .actions ul li a[href="#next"],
.investors-form .wiz .actions ul li a[href="#finish"],
.ProgForm.wiz .actions ul li a[href="#next"],
.ProgForm.wiz .actions ul li a[href="#finish"] {
    width: 180px;
    background: var(--primary);
}

.tab-content h2 {
    font-size: 20px;
}

.content-data ul {
    list-style: disc;
    list-style-position: inside;
    padding-left: 15px;
    margin-bottom: 15px;
}

.content-data p {
    margin-bottom: 15px;
}

.content-data {
    line-height: 25px;
}

.lh25 {
    line-height: 25px !important;
}

.inv-numbers {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 33%;
    height: 100%;
    border-left: 1px dashed var(--theme-color);
    background-color: #161615;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    background-image: url("../images/inv-number-bg.svg");
    background-position: right -40px;
    background-repeat: no-repeat;
}

.inv-numbers-slider {
    width: 100%;
}

.inv-numbers-slider .item .big-number {
    text-align: center;
    color: var(--theme-color);
    font-size: 45px;
    font-weight: bold;
    margin-top: 40px;
    font-family: 'Century Gothic'
}

.inv-numbers-slider .item h3 {
    text-align: center;
    color: var(--theme-color);
    font-size: 25px;
    font-weight: bold;
}

.inv-numbers-slider .owl-dots {
    margin-top: 30px !important;
}

.inv-numbers-section {
    position: relative;
}

.inv-numbers-section .img {
    position: relative;
    z-index: 1;
}

.inv-numbers-section .img img {
    width: 100%;
}

.program-video-btn a {
    margin: auto;
}

.program-video-btn a:hover {
    color: var(--theme-color);
    background: rgba(255, 255, 255, 0.1);
}

.program-video-btn h4 {
    font-size: 20px;
    font-weight: bold;
    color: var(--theme-color);
    margin-bottom: 10px;
}

.subscrib-black {
    background: #000 !important;
}

.subscrib-black h3 {
    color: #ffffff;
}

.fund-invs .note2 {
    font-size: 30px;
    font-style: italic;
    white-space: pre-line;
    position: relative;
    padding-bottom: 15px;
}

.fund-invs .note2:after {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 400px;
    bottom: 0px;
    left: 0px;
    border-bottom: 3px dashed var(--primary);
}

.circle-container {
    margin-top: 80px;
}

.inv-circle {
    width: 300px;
    height: 300px;
    border: 15px solid var(--primary);
    border-radius: 50%;
    background: url(../images/inv3-img.svg) center no-repeat;
    margin: 40px auto;
    position: relative;
}

.line1 {
    position: absolute;
    height: 45px;
    left: 51px;
    top: -35px;
    width: 1px;
    border-left: 1px dashed #000;
}

.line1:after {
    position: absolute;
    height: 1px;
    left: -150px;
    top: 0;
    width: 150px;
    border-top: 1px dashed #000;
    content: '';
}

.line2 {
    position: absolute;
    height: 1px;
    left: -165px;
    top: 50%;
    width: 150px;
    border-top: 1px dashed #000;
    content: '';
}

.line3 {
    position: absolute;
    height: 45px;
    left: 51px;
    bottom: -35px;
    width: 1px;
    border-left: 1px dashed #000;
}


.line4 {
    position: absolute;
    height: 65px;
    left: 50%;
    bottom: -80px;
    width: 1px;
    border-left: 1px dashed #000;
}

.line3:after {
    position: absolute;
    height: 1px;
    left: -150px;
    bottom: 0;
    width: 150px;
    border-top: 1px dashed #000;
    content: '';
}

.line5 {
    position: absolute;
    height: 45px;
    right: 51px;
    top: -35px;
    width: 1px;
    border-left: 1px dashed #000;
}

.line5:after {
    position: absolute;
    height: 1px;
    right: -150px;
    top: 0;
    width: 150px;
    border-top: 1px dashed #000;
    content: '';
}

.line6 {
    position: absolute;
    height: 1px;
    right: -165px;
    top: 50%;
    width: 150px;
    border-top: 1px dashed #000;
    content: '';
}

.line7 {
    position: absolute;
    height: 45px;
    right: 51px;
    bottom: -35px;
    width: 1px;
    border-left: 1px dashed #000;
}

.line7:after {
    position: absolute;
    height: 1px;
    right: -150px;
    bottom: 0;
    width: 150px;
    border-top: 1px dashed #000;
    content: '';
}

.circle-container .item {
    box-shadow: 0 0 5px rgba(0, 0, 0, .23);
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
    min-height: 50px;
    right: 15px;
    left: 15px;
    position: absolute;
    background: var(--theme-color);
    z-index: 7;
    transition: all 0.3s ease-in-out;
    border: 1px dashed var(--theme-color)

}

.circle-container .item1_ {
    top: 0px;
    z-index: 9;
}

.circle-container .item2_ {
    top: 165px;
    z-index: 8;
}

.circle-container .item3_ {
    top: 335px;
    z-index: 7;
}

.circle-container .item4 {
    margin-top: 65px;
}

.circle-container .item h3 {
    color: var(--primary);
    font-size: 20px;
    text-align: center;
}

.circle-container .item ul {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    height: 0;
    overflow: hidden;
    list-style: disc;
    list-style-position: inside;
    padding: 0px 15px;

}

.circle-container .item:hover {
    border: 1px dashed #000;
}

.circle-container .item:hover ul {
    visibility: visible;
    height: auto;
    opacity: 1;
    padding-top: 10px;

}

.event-page {
    padding-top: 120px;
}

.day-head {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

.event_of_day ul li {
    background: #704AA0;
    border-radius: 10px;
    padding: 10px 10px;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 30px;
}

.event_of_day ul li .date i {
    margin-left: 10px;
}

.event_of_day ul li .date {
    border-bottom: 1px solid #fff;
    line-height: 22px;
}

.event-list .item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

.event-list .item img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: 100%;
}

.event-list .item .data {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    background: #000;
    color: #fff;
    padding: 10px;
    width: 100%;
}

.event-list .item h3, .event-list .item h4 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.events_section {
    padding: 50px 0 0 0;
}

.events_section h2 {
    margin-bottom: 40px;
}

.modal-user-social .item {
    margin-top: 10px;
}

.modal-user-social .item img {
    margin-right: 10px;
    width: 15px;
    height: auto;
}

h3.modal-event-title {
    font-size: 35px;
    color: #704AA0;
    padding-bottom: 10px;
    border-bottom: 2px dashed #000;
}

h3.modal-solution-title {
    font-size: 35px;
    /*color: #ffffff;*/
    text-align: center;
}

h3#modal_name.modal-event-name {
    font-size: 25px;
    color: #000000;
    text-align: center;
    margin-top: 15px;
}

/*.solution_modal{*/
/*    color:#fff;*/
/*}*/
.solution-form2 {
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 20px;
}

.solution-form2 .content {
    padding: 20px 40px;
}

.solution-form2 .steps {
    text-align: center;
}

.solution-form2 .steps ul {
    margin: auto !important;
}

.wiz .solution-form2 .steps ul li {
    width: 33%;
}

.total_container {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #000;
}

.total_container2 .total_txt {
    font-size: 15px;
    font-style: italic;
}

.total_box {
    border: 1px solid #000;
    color: #000;
    padding: 15px;
    border-radius: 10px;
}

.total_box h3 {
    font-size: 13px;
}

.total_box h2 {
    font-size: 18px;
    margin: 10px 0;
}

.total_box ul {
    min-height: 81px;
}

.total_box ul li {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.discount_lbl {
    font-size: 9px;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.date_from_to {
    font-size: 11px;
}

.befor_vat {
    font-size: 10px;
}

.total_txt {
    font-size: 10px;
    font-weight: bold;
}

.total_txt2 {
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

.include_vat {
    font-size: 7px;
    font-style: italic;
}

.price_before_vat {
    font-size: 10px;
}

.price_before_vat2 {
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
}

.price_after_vat {
    font-size: 15px;
    font-weight: bold;
}

.price_after_vat span {
    font-size: 15px;
    font-weight: normal;
}

.coupon_box {
    margin-top: 20px;
}

.coupon_box h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.payments_solution h3 {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
}

.payment-list {
    margin-top: 15px;
    font-size: 13px;
}

.payment-list li {
    padding: 10px 0;
    border-color: #000 !important;
}

.investors-form .wiz .solution-form2 .actions ul li a[href="#next"], .investors-form .wiz .solution-form2 .actions ul li a[href="#finish"] {
    background: #000;
    color: #fff;

}

.cart_info h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}

.cart_info h4 {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 5px;
}

.cart_info h5 {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 5px;
    font-style: italic;
}

.cart_info h6 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pkg_name {
    text-align: center;
    font-size: 20px !important;
    font-weight: bold;
    padding: 40px 0;
}

.solution-form .form-control {
    background: var(--theme-color);
    border-color: #000;
}

#register_1.white-modal .img {
    margin: auto;
}

.dark-modal label.error, .solution-form label.error {
    color: #F44336;
}

.event-form .form-control {
    background: var(--theme-color);
    border-color: #000;
    line-height: 40px;
}

.solution-form .steps ul {
    display: flex;
    justify-content: space-between;
    color: #000;
}

.solution-form .steps {
    position: relative;
    margin-bottom: 40px;
}

.solution-form .steps:after {
    position: absolute;
    top: 8px;
    height: 1px;
    width: 100%;
    left: 0px;
    border-top: 1px dashed #000;
    content: '';
}

.solution-form .actions .disabled {
    display: none;
}

.solution-form .actions ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.solution-form .actions ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.solution-form .actions ul li a[href="#next"] {

    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #E1B324;
    color: #000 !important;
    border-color: #E1B324;

}

.tour_title {
    font-size: 15px !important;
    color: #fff;
}

.solution-form .file-container2 {
    /*border-color: #fff;*/
    height: 60px;
}

.form-tooltip {
    padding-top: 5px;
    font-size: 20px;
}

.solution-form .file-container .upload-text-icon {
    background: url(../images/upload2.svg) center 10px no-repeat !important;
}

#solution-form {
    padding: 40px;
}

.solution-form .content h3.title {
    display: none;
}

.solution-form .steps ul a {
    /*white-space: pre-line;*/
    text-align: center;
    max-width: 116px;
    display: block;
}

.solution-form .steps ul a span.number {
    width: 15px;
    height: 15px;
    background: #000;
    color: #000;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    margin-bottom: 20px;
}

.solution-form .steps ul li:last-child a {
    text-align: center;
    position: relative;
    display: block;
    padding-top: 25px;
}

.solution-form .steps ul li:last-child a span.number {
    position: absolute;
    top: 0;
    right: 0;
}

.solution-form .steps ul li:nth-child(2) a span.number {
    margin: auto;
    margin-bottom: 20px;
}

.solution-form .steps ul li:nth-child(2) a {
    text-align: center;
    display: block;
}

.st1 {
    margin-left: -55px;
    padding-right: 55px;
}

.st2 {
    margin-right: -55px;
    padding-left: 55px;
}

.solution-form .current-info {
    display: none;
}

.min-height-300 {
    min-height: 300px;
}

.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid {
    border: none !important;
}

#calendar {
    border: 1px solid #000;
    padding: 5px;
    overflow: hidden;
    border-radius: 10px;
}

.fc .fc-toolbar {
    justify-content: center !important;
}

.fc .fc-button-primary {
    color: #2C3E50 !important;
    background: none !important;
    border: none !important;
}

.fc .fc-toolbar-title {
    margin-left: 30px !important;
    margin-right: 30px !important;
    font-size: 20px !important;
    font-family: 'Century Gothic';
}

.fc .fc-button .fc-icon {
    font-size: 2em !important;
}

.fc .fc-daygrid-day-top {
    justify-content: center;
}

.event-form label.error {
    color: #f00;
    margin-bottom: 0;
}

.event-form .form-group {
    margin-bottom: 10px;
}

.meet-out-startup .item a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.workshop-more {
    font-size: 20px;
    font-weight: bold;
}

.solutions-tabs {
    margin-top: 20px;
}

.solutions-tabs a {
    color: #fff;
    border-radius: 5px 5px 0 0;
    border: 1px dashed #ffffff;
    display: block;
    padding: 10px 40px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: none;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

.solutions-tabs a:hover {
    border: 1px solid var(--theme-color);
    border-bottom: none;

}

.solutions-tabs a.active {
    color: #000;
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.solution_desc .nav-pills .nav-link {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.23);
}

.solution_desc .nav-pills .nav-link.active, .solution_desc .nav-pills .show > .nav-link {
    background-color: #000000;
}

.solution_desc {
    padding-bottom: 50px;
}

.solution-info {
    font-size: 20px;
    line-height: 35px;
}

.solution-info h2 {
    margin-bottom: 20px;
    font-size: 35px;
    font-weight: bold;
}

.solution-info p {
    margin-bottom: 15px;
    display: block;
    min-height: 1px;
}

.office-gallery .item {
    position: relative;
}

.office-gallery .item p {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 15px;
    padding: 5px;
}

.meeting-features {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    padding: 20px;
}

.meeting-features h2 {
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    color: var(--success);
}

.meeting-features h3 {
    font-size: 15px;
    font-weight: bold;
}

.meeting-features-list {
    padding: 30px 0;
}

.meeting-features-list .item {
    text-align: center;
    margin-bottom: 15px;

}

.meeting-features-list .item h3 {
    margin-top: 15px;
}

.solutions3_section {
    padding: 30px 0 80px 0;
}

.meet_desc {
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

.meet-actions .item {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.meet-actions .item .img {
    width: 55px;
    text-align: center;
    position: relative;
}

.meet-price {
    font-size: 24px;
    font-weight: normal;

}

.meet-price span {
    font-weight: bold;
}

.meet-price span.price {
    font-size: 33px;
}

.meet-price span.currency {
    font-size: 17px;
}

.consult-head h2 {
    font-size: 30px;
    font-weight: normal;
}

.consult-head {
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
}

.grid-item {
    width: 25%;
}

.users-list {
    text-align: center;
    margin-top: 30px;
}

.users-list .item {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    border: 1px dashed #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color);
    margin: auto;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.users-list .item.active {
    border: 1px solid #000;
}

.users-list .item img {
    max-width: 100%;
    max-height: 155px;
    width: auto;
}

.users-list .item:hover {
    border: 1px solid #000000;
}

.users-list .grid-item h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.users-list .grid-item h4 {
    font-size: 15px;
    font-weight: normal;
    text-align: center

}

.users-list .grid-item {
    margin-bottom: 30px;
}

.consultation_desc {
    padding: 30px 0;
    text-align: center;
}

.consultation_desc h3 {
    font-size: 20px;
    font-weight: bold;
}

.consultation_desc p {
    font-size: 20px;
    font-weight: normal;
}

.consultation-form {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.23);
    padding: 20px;
    margin-bottom: 80px;
    border-radius: 10px;
    margin-top: 30px;
}

.consultation-form h2 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.consolting-user .img {
    width: 175px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 15px;
}

.consolting-user .img img {
    width: 175px;
    max-width: 163px;
}

.consulting-user-info h3 {
    font-size: 25px;
    font-weight: bold;
}

.consulting-user-info h4 {
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 15px;
}

.consulting-user-info p {
    font-size: 15px;
    font-weight: normal;
}

textarea.form-control.Brief-textarea {
    height: 180px;
}

.consulting_date {
    margin-top: 15px;
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
}

.consult-time {
    margin-top: 15px;
    font-size: 13px;
    font-weight: bold;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: auto !important;
}

.row.row-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.row.row-5 .col-sm-1, .row.row-5 .col-sm-2, .row.row-5 .col-sm-3, .row.row-5 .col-sm-4,
.row.row-5 .col-1, .row.row-5 .col-3, .row.row-5 .col-5, .row.row-5 .col-6, .row.row-5 .col-2, .row.row-5 .col-3, .row.row-5 .col-4,
.row.row-5 > div {
    padding-right: 5px;
    padding-left: 5px;
}


.consultation-form .form-control {
    background: var(--theme-color);
    border-color: #000;
}

.consultation-form label.error {
    color: #f00;
}

.fc .fc-view-harness {
    min-height: 250px;
    width: 100%;
}

.fc .fc-daygrid-body, .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table,
.fc .fc-scrollgrid-section table {
    width: 100% !important;
}


.investors-form .wiz .color-purple .steps ul li.current a {
    background: #704AA0;
}

.color-purple .event_of_day ul li {
    background: #704AA0;
}

.investors-form .wiz .color-yellow .steps ul li.current a {
    background: #E1B324;
}

.color-yellow .event_of_day ul li {
    background: #E1B324;
}

.img-radio {
    position: relative;
    padding: 10px;
    text-align: center;
    cursor: pointer;

}

.expire-date {
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 35px;
}

.expire-date input {
    width: 100%;
    background: transparent;
    text-align: center;
}

.fc-event-time, .fc-event-title {
    display: none;
}

.checkout-form h3 {
    font-size: 20px;
    font-weight: bold;
}

.img-radio img {
    position: relative;
    z-index: 1;
    max-width: 100px;
    margin: auto;
    cursor: pointer;

}

.img-radio input[type=radio] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}

.img-radio input[type=radio]:checked:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    content: '';
    border-radius: 10px;
}

.img-radio input[type=radio]:checked {
    background: transparent;
    border: none;
}

.tags_slider a {
    border-radius: 5px !important;
}

.tags_slider.owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    justify-content: center;
    min-width: 100%;
}

.comunity .tags_slider .item {
    border-radius: 5px !important;
    white-space: nowrap;
}

.btn-outline-purple {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-purple:hover {
    color: #ffffff;
    border-color: var(--primary);
    background: var(--primary);
}

.tags_slider.owl-theme .owl-dots .owl-dot.active span, .tags_slider.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary);
}

.fc .fc-daygrid-event {
    display: flex;
    justify-content: center;
}

.col-55 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.contact-info h2 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 25px;
}

.contact-info p {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: normal;
    display: flex;
    justify-content: start;
    align-items: start;
}

.contact-info p img {
    margin-right: 10px;
}

.contact-form-box {
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.23);
    border-radius: 10px;

}

.contact-form-box .form-control {
    background: var(--theme-color);
    border-color: #000;
}

.contact-form-box textarea.form-control {
    height: 150px;
}

.contact-form-box h2 {
    font-size: 25px;
    font-weight: normal;
}

.contact-info {
    padding-top: 40px;
    padding-bottom: 30px;
}

.contact-form-box label.error {
    color: #f00
}

#google-map {
    height: 400px;
    width: 100%;
}

.contact-bg {
    padding-top: 100px;
    padding-bottom: 50px;
    background: url('../images/contact-bg.svg') top center no-repeat;
}

#event-details-form .steps {
    display: none !important;
}

.wiz #event-details-form .actions ul li a[href="#next"], .wiz #event-details-form .actions ul li a[href="#finish"] {
    background: #704AA0;
    border-color: #704AA0;;
}

.wiz #event-details-form .actions {
    margin-top: 0;
}

.custom_event_wiz {
    position: relative;
    /*min-height: 100vh;*/
}

.wiz-step {
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*width: 100%;*/
    /*height: auto;*/
}

.map-container, .page_404 {
    padding-top: 120px;
}

.data_404 {
    padding: 80px 0;
}

.data_404 h3 {
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: bold;
}

.data_404 p {
    margin-bottom: 30px;
    font-size: 20px;
    font-style: italic;
}

.bootcamp_price {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.custom_package_bootcamp {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px;
    padding-right: 140px;
    position: relative;
    margin-top: 40px;
}

.custom_package_bootcamp:hover {
    color: #fff;
}

.best_offer_bootcamp {
    position: absolute;
    top: 0;
    right: 15px;
    border-radius: 0
}

.best_offer_bootcamp:hover {
    color: #fff;
    background: rgba(77, 77, 219, 0.80);
}

.custom_package_bootcamp h3 {
    font-size: 25px;
    font-weight: bold;
}

.custom_price {
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}

.bootcamp_total_Price {
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
}

.bootcamp_tabs_container {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
}

.customize_pkgs .item {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    opacity: 0.8;
    margin-bottom: 10px;
}

.customize_pkgs .item.active {
    opacity: 1;
}

.customize_pkgs .item label {
    display: block;
    width: 100%;
}

.bootcamp_checkbox {
    text-align: left;
}

.bootcamp_checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.bootcamp_checkbox input:checked:after {
    background: #fff;
    width: 9px;
    height: 9px;
    content: '';
    left: 2px;
    top: 2px;
    border-radius: 50%;
    position: absolute;
}

.customize_pkgs .item img {
    height: 25px;
    display: inline-block !important;
    width: auto !important;;
}

html[lang=ar] .customize_pkgs .item img {
    height: 25px;
    display: inline-block !important;
    width: auto !important;
    margin-left: 10px;
}

.customize_pkgs .item h3 {
    font-size: 20px;
    font-weight: bold;
}

.customize_pkgs .item h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    line-height: 30px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #000;
    border-radius: 0 0 5px 5px;
}

.bootcamp_show_total_price {
    padding-left: 40px;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}

.filter-search .input-group > .input-group-append > .btn {
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    border: none;
    background: rgba(0, 0, 0, 0.05);
    color: var(--primary)
}

.filter-search .input-group > .form-control {
    background: rgba(0, 0, 0, 0.05);
    border: none !important;
    font-size: 13px;
    min-width: 300px;
    height: 26px;
}

.filter-search .input-group-append {
    margin-left: 0;
}

.status-td {
    text-align: center;
}

.status-td i {
    color: var(--primary);
    display: block;
    margin: auto;
}

.file_lbl {
    position: relative;
    overflow: hidden;
}

.file_lbl input {
    position: absolute;
    top: 0;
    left: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: initial;
    opacity: 0;
}

.share-with {
    color: var(--primary);
    font-size: 13px;
    padding-right: 30px;
}

.share-with span {
    display: block;
    min-width: 100px;
}

.share-modal-head input.form-control {
    background: rgba(0, 0, 0, 0.05);
    height: 26px;
    border: none;
    border-radius: 0;
    font-weight: 400;
}

.share-modal-head {
    margin-bottom: 30px;
}

.portal-modal .btn.status2-btn {
    width: 120px;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

.date-filter {
    color: var(--primary);
    font-weight: 700;
    font-size: 1rem;
}

.daterange_input {
    margin-right: 5px;
    background: rgba(0, 0, 0, 0.05);
    height: 26px;
    padding: 0 10px;
    font-size: .8rem;
    font-weight: 400;
    width: 180px;
    text-align: center;
}

.pagination {
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.page-item .page-link {
    background-color: #e6e3db;
}

.page-item.disabled .page-link {
    background-color: #e6e3db;

}

.click-td {
    cursor: pointer;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.page-link {
    color: #000;
}

.notification_list {
    background: #ffffff;
    width: 320px;
    height: 300px;
    overflow: auto;
}

.notification_list .dropdown-item.active, .notification_list .dropdown-item:active {
    color: #000;
    background-color: #dddbd4;
}

.notification_list {

}

.notification_list .notification__item-title {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    line-height: 20px;
    max-width: 265px;
    white-space: normal;
}

.notification_list .notification__item-time {
    font-size: 13px;
    color: #999;
    font-weight: 400;
    line-height: 20px;

}

.notification_list .notification-icon {
    width: 30px;
    text-align: center;
}

.notification_list .dropdown-item {
    padding: 0 !important;
}

.notification_list .item {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd;
    transition: all 0.3s ease-in-out;
}

html[lang=ar] .notification_list .item {
    padding: 10px 10px 10px 0px;

}

.notification_list .item:hover {
    background: #FFFFFF;
}

.notification_list.dropdown-menu {
    padding: 0;
}

/**********Arabic**********/

html[lang=ar] .bootcamp_show_total_price {
    padding-right: 40px;
    padding-left: 0px;

}

html[lang=ar] body {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', sans-serif;
}

html[lang=ar] h1, html[lang=ar] h2, html[lang=ar] h3, html[lang=ar] h4, html[lang=ar] h5, html[lang=ar] h6 {
    font-family: 'Tajawal', sans-serif;
}

html[lang=ar] .modal-user-social .item img {
    margin-right: 0;
    margin-left: 10px;
}

html[lang=ar] .faq .card h2 {
    text-align: right;
}

html[lang=ar] .fa-chevron-right:before {
    content: "\f053";
}

html[lang=ar] .event_of_day ul li .date i {
    margin-right: 10px;
    margin-left: 0px;
}

html[lang=ar] .post-tags a {
    text-align: right;
}

html[lang=ar] .faq .card-header .btn-link {
    text-align: right;
}

html[lang=ar] .faq .collapsed .fa-angle-up:before {
    content: "\f104";
}

html[lang=ar] .how-list .item .how-number {
    margin-left: 15px;
    margin-right: 0;
}

html[lang=ar] .how-list:before {
    right: 25px;
    left: auto;
}

html[lang=ar] blockquote {
    font-size: 20px;
    padding-right: 20px;
    padding-left: 0px;
    border-right: 3px solid var(--primary);
    border-left: none;
}

html[lang=ar] .more2 a img, html[lang=ar] .more a img, html[lang=ar] #modal_link img,
html[lang=ar] .programs-list > div .item .item-actions a.btn img, html[lang=ar] .more3 a.blue img,
html[lang=ar] .values-title img, html[lang=ar] .form-hint a img, html[lang=ar] .inv-action a img,
html[lang=ar] .more3 a img, html[lang=ar] .footer-arrow {
    transform: rotateY(-180deg);
}

html[lang=ar] .input-group > .input-group-append > .btn,
html[lang=ar] .input-group > .input-group-append > .input-group-text,
html[lang=ar] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[lang=ar] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
html[lang=ar] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[lang=ar] .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html[lang=ar] .input-group > .custom-select:not(:last-child),
html[lang=ar] .input-group > .form-control:not(:last-child) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html[lang=ar] .white-modal .modal-content {
    background-position: 15px 0;
}

html[lang=ar] #Coworking_Space,
html[lang=ar] #Venture_Capital,
html[lang=ar] #Accelerator_ {
    font-family: 'Tajawal', sans-serif !important;
}

/*.our-services-list .item .item-head {*/
/*    font-size: 20px;*/
/*}*/


html[lang=ar] .blogs-list .first-item .img {
    border-radius: 10px 0 0 10px;
}

html[lang=ar] .soon-home-page:before {
    right: auto;
    left: 15%;
}

html[lang=ar] .navbar-brand {
    margin-right: 20px;
    margin-left: 60px;
}

html[lang=ar] .accelator span {
    margin-right: 20px;
}

html[lang=ar] .copyright .text-left {
    text-align: right !important;
}


html[lang=ar] .wiz .actions ul li a[href="#next"], html[lang=ar] .wiz .actions ul li a[href="#finish"] {
    margin-left: 0px;
    margin-right: 30px;
}

html[lang=ar] .fa-angle-left:before {
    content: "\f105";
}

html[lang=ar] .sp.left-pos {
    right: 15px;
    left: auto;

}

html[lang=ar] .copyright img {
    margin-right: 0px;
    margin-left: 15px;
}

html[lang=ar] .low2high {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--primary)+0,5151db+16,5f5fdc+34,7675de+52,9695e0+69,c0bee3+84,f2efe7+100 */
    background: var(--primary); /* Old browsers */
    background: -moz-linear-gradient(left, var(--primary) 0%, #5151db 16%, #5f5fdc 34%, #7675de 52%, #9695e0 69%, #c0bee3 84%, var(--theme-color) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--primary) 0%, #5151db 16%, #5f5fdc 34%, #7675de 52%, #9695e0 69%, #c0bee3 84%, var(--theme-color) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--primary) 0%, #5151db 16%, #5f5fdc 34%, #7675de 52%, #9695e0 69%, #c0bee3 84%, var(--theme-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--theme-color', GradientType=1); /* IE6-9 */
}

html[lang=ar] .high2low {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--theme-color+0,c0bee3+16,9695e0+31,7675de+48,5f5fdc+66,5151db+84,4d4ddb+100 */
    background: var(--theme-color); /* Old browsers */
    background: -moz-linear-gradient(left, var(--theme-color) 0%, #c0bee3 16%, #9695e0 31%, #7675de 48%, #5f5fdc 66%, #5151db 84%, var(--primary) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--theme-color) 0%, #c0bee3 16%, #9695e0 31%, #7675de 48%, #5f5fdc 66%, #5151db 84%, var(--primary) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--theme-color) 0%, #c0bee3 16%, #9695e0 31%, #7675de 48%, #5f5fdc 66%, #5151db 84%, var(--primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color', endColorstr='var(--primary)', GradientType=1); /* IE6-9 */
}

html[lang=ar] .offset-1 {
    margin-right: 8.3333333333%;
    margin-left: 0;
}

html[lang=ar] .offset-2 {
    margin-right: 16.6666666667%;
    margin-left: 0;
}

html[lang=ar] .offset-3 {
    margin-right: 25%;
    margin-left: 0;
}

html[lang=ar] .offset-4 {
    margin-right: 33.3333333333%;
    margin-left: 0;
}

html[lang=ar] .offset-5 {
    margin-right: 41.6666666667%;
    margin-left: 0;
}

html[lang=ar] .offset-6 {
    margin-right: 50%;
    margin-left: 0;
}

html[lang=ar] .offset-7 {
    margin-right: 58.3333333333%;
    margin-left: 0;
}

html[lang=ar] .offset-8 {
    margin-right: 66.6666666667%;
    margin-left: 0;
}

html[lang=ar] .offset-9 {
    margin-right: 75%;
    margin-left: 0;
}

html[lang=ar] .offset-10 {
    margin-right: 83.3333333333%;
    margin-left: 0;
}

html[lang=ar] .offset-11 {
    margin-right: 91.6666666667%;
    margin-left: 0;
}

@media (min-width: 576px) {

    html[lang=ar] .offset-sm-0 {
        margin-right: 0;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-1 {
        margin-right: 8.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-2 {
        margin-right: 16.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-3 {
        margin-right: 25%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-4 {
        margin-right: 33.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-5 {
        margin-right: 41.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-6 {
        margin-right: 50%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-7 {
        margin-right: 58.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-8 {
        margin-right: 66.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-9 {
        margin-right: 75%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-10 {
        margin-right: 83.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-sm-11 {
        margin-right: 91.6666666667%;
        margin-left: 0;

    }
}

@media (min-width: 768px) {
    html[lang=ar] .offset-md-0 {
        margin-right: 0;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-1 {
        margin-right: 8.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-2 {
        margin-right: 16.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-3 {
        margin-right: 25%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-4 {
        margin-right: 33.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-5 {
        margin-right: 41.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-6 {
        margin-right: 50%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-7 {
        margin-right: 58.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-8 {
        margin-right: 66.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-9 {
        margin-right: 75%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-10 {
        margin-right: 83.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-md-11 {
        margin-right: 91.6666666667%;
        margin-left: 0;

    }
}

@media (min-width: 992px) {
    html[lang=ar] .offset-lg-0 {
        margin-right: 0;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-1 {
        margin-right: 8.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-2 {
        margin-right: 16.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-3 {
        margin-right: 25%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-4 {
        margin-right: 33.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-5 {
        margin-right: 41.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-6 {
        margin-right: 50%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-7 {
        margin-right: 58.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-8 {
        margin-right: 66.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-9 {
        margin-right: 75%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-10 {
        margin-right: 83.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-lg-11 {
        margin-right: 91.6666666667%;
        margin-left: 0;

    }
}

@media (min-width: 1200px) {


    html[lang=ar] .offset-xl-0 {
        margin-right: 0;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-1 {
        margin-right: 8.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-2 {
        margin-right: 16.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-3 {
        margin-right: 25%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-4 {
        margin-right: 33.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-5 {
        margin-right: 41.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-6 {
        margin-right: 50%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-7 {
        margin-right: 58.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-8 {
        margin-right: 66.6666666667%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-9 {
        margin-right: 75%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-10 {
        margin-right: 83.3333333333%;
        margin-left: 0;

    }

    html[lang=ar] .offset-xl-11 {
        margin-right: 91.6666666667%;
        margin-left: 0;

    }
}

/******* Responsive ********/

@media (min-width: 1361px) {
    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-none {
        display: none !important;
    }
}

@media (max-width: 1360px) {
    .d-xxl-block {
        display: none !important;
    }

    .d-xxl-none {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 1200px) {
    .path-rocket svg {
        width: 100%;
    }

    .navbar-collapse {
        background: #000;
    }

    .grid-item {
        width: 33%;
    }

    .col-55 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media (max-width: 768px) {
    .map-container, .page_404 {
        padding-top: 115px;
    }

    .slide-info h2 {
        font-size: 30px;
    }

    .our-services-list .item .item-head {
        font-size: 20px;
    }

    .our-services-list .item p {
        font-size: 15px;
    }

    #business, #portfolio {
        min-height: unset;
    }

    .comunity .item .item-caption {
        height: auto;
    }
}

@media (max-width: 640px) {
    .circle-container .item {
        position: relative;
        margin-top: 40px;
        right: auto;
        left: auto;
    }

    .circle-container .item1_ {
        top: auto;
    }

    .circle-container .item2_ {
        top: auto;
    }

    .circle-container .item3_ {
        top: auto;
    }

    .circle-container .item4 {
        margin-top: 40px;
    }

    .circle-container .item:after {
        position: absolute;
        height: 38px;
        left: 50%;
        top: -40px;
        width: 1px;
        border-left: 1px dashed #000;
        content: '';
    }

    .line1:after, .line1, .line2, .line3, .line5, .line6, .line7 {
        display: none;
    }

    .form-shadow {
        padding: 10px;
    }

    #home {
        padding-top: 125px;
    }

    .investors-home p {
        font-size: 15px;
    }

    .investors-home h2 {
        font-size: 25px;
    }

    /*.path-rocket{*/
    /*  overflow: hidden;*/
    /*}*/
    /*.path-rocket svg {*/
    /*  width: 503px;*/
    /*  position: relative;*/
    /*  left: -145px;*/
    /*}*/
    .logo-home img {
        height: 70px;
    }

    /*.slide-info{*/
    /*  margin-top: 0;*/
    /*}*/
    .path-rocket {
        margin-top: 80px;
        overflow: hidden;
    }

    .slide-info h2 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 40px;
    }

    .programs-list:before {
        z-index: -1;
        left: 0;
    }

    .programs-list .item {
        margin-bottom: 30px;
    }

    .business-img svg {
        width: 100%;
    }

    h2.section-title {
        font-size: 25px;
    }

    .comunity .item img {
        width: 100%;
    }

    .achievements-items .item {
        margin: 15px auto;
    }

    .achievements-items-main-page .item {
        margin: 15px auto;
    }

    .portfolio-slider .item {
        width: 140px;
        height: 140px;
        overflow: hidden;
    }

    footer .address, .f-col {
        text-align: center;
    }

    #Achievements .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


    .invest-apply h2 {
        font-size: 25px;
        font-weight: bold;
    }

    .wiz .steps ul li a {
        color: #000;
        font-size: 15px;
        padding: 0 10px;
    }

    .investors-home {
        padding-left: 35px;
        text-align: justify;
    }

    .achievements-items .owl-item.firstActiveItem .item {
        transform: scale(1);
    }

    .achievements-items-main-page .owl-item.firstActiveItem .item {
        transform: scale(1);
    }

    .achievements-slider-home .owl-stage-outer {
        padding: 0 !important;
    }

    #business .achievements-items {
        background: url(../images/line-white.svg) center 35px no-repeat;
    }

    #business .achievements-items-main-page {
        background: url(../images/line-white.svg) center 35px no-repeat;
    }

    .meet-out-startup .item {
        width: 150px;
        height: 150px;
    }

    .meet-col {
        margin-left: 10px;
        margin-right: 10px;
    }

    .investor-note-dispaly {
        line-height: 35px;
    }

    /*.wiz .steps ul li.current{*/
    /*    background: var(--primary);*/
    /*}*/
    .wiz .steps ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #ddd;
    }

    .investors-form .tab-content {
        margin-top: 30px;
    }

    .wiz .steps ul li a {
        line-height: 15px;
    }

    .event_of_day {
        margin-top: 20px;
    }

    .grid-item {
        width: 50%;
    }

    #solutions-home {
        height: 400px;
    }

    .features .col {
        margin-bottom: 10px;
    }

    .investors-form {
        padding-top: 0px;
    }

    .wiz .color-purple .steps ul li.current {
        background: #704AA0;
    }

    .investors-form .wiz .color-yellow .steps ul li.current {
        background: #E1B324;
    }

    .total_box {
        margin-bottom: 15px;
    }

    #thanks_modal {
        text-align: center;
    }

    .tour_title {
        margin-bottom: 10px;
    }

    .solution-form .steps ul a {
        font-size: 12px;
    }

    .white-modal .modal-content {
        background-size: 140px;
    }

    .white-modal .img {
        width: 160px;
        height: 160px;
    }

    .white-modal .img img {
        width: 150px;
        height: 150px;
    }

    .inv-numbers-slider .item h3 {
        font-size: 14px;
    }

    .inv-numbers-slider .item .big-number {
        font-size: 15px;
        margin-top: 20px;
    }

    .inv-numbers-slider .owl-dots {
        margin-top: 10px !important;
    }

    .about-owl h2, .investors-form h2, .investors-why-company .section-head h2,
    .Packages h2, .solution-info h2, .comunity h2, .events_section h2 {
        font-size: 25px;
    }

    .white-modal#user_modal2 .modal-content {
        background-position: top right;
    }

    .programs-data h1, .event-page h1, .post-details h1 {
        font-size: 30px;
    }

    .day-head {
        font-size: 20px;
    }

    #solution-form {
        padding: 15px 0;
    }

    .consolting-user .img {
        margin: auto;
    }

    .consulting-user-info h3, .consulting-user-info h4 {
        text-align: center;
    }

    html[lang=ar] .blogs-list .first-item .img, html[lang=ar] .blogs-list .first-item .img {
        border-radius: 0;
    }

    .Our_Investment_Plans h2 {
        font-size: 30px;
    }

    .what-we-offer-section .section-header h2 {
        font-size: 30px;
    }

    .Our_Investment_Plans .container-bg:before {
        display: none;
    }

    .investors-why-company {
        padding-bottom: 0;
    }


    .col-55 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .program-home-item h5 {
        margin-top: 20px;
    }

    .programs-btns .btn {
        margin-bottom: 5px;
    }

    .wiz .steps ul {
        display: flex;
    }

    .program-details-box h3 {
        margin-top: 15px;
    }


    .contact-bg {
        padding-top: 50px;
        padding-bottom: 50px;
        background: none;
    }

    .out-meet-tabs .tabs-header {
        width: 320px;
        padding-left: 100px;
        background-position: right 20px;
    }

    .roket-pos {
        left: 100px;
    }

    .st1 {
        margin-left: -20px;
        padding-right: 20px;
    }

    .st2 {
        margin-right: -20px;
        padding-left: 20px;
    }

    .program-post.pich-bg {
        background: none;
    }
}


/**************Portal*********/
.login-header {
    background: #000;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
}
.transparent-bg{
    background: transparent !important;
}
.portal-login {
    position: relative;
    min-height: 100vh;
    /*background: #000 url("../images/login-bg2.png") center center no-repeat;*/
    background: #000;
    -webkit-background-size: cover;
    background-size: cover;
}

.portal-login:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.portal-login .container {
    position: relative;
    z-index: 2;
}

.login-panel {
    width: 100%;
    max-width: 500px;
    background: var(--theme-color);
    padding: 50px;
    border-radius: 20px;
}
.ic-left-b-arrow{
    float: left;
    width: 20px;
    height: 21px;
    background: url(../images/left-black-arow.svg) center no-repeat;
}

.login-panel h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.login-panel p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #9B9B9B;
}



.login-panel label {
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

.login-panel input {
    font-size: 13px;
    font-weight: normal;
    background: var(--theme-color);
    border-color: #000;
}
.login-panel select {
    font-size: 13px;
    font-weight: normal;
    background: var(--theme-color);
    border-color: #000;
}
.login-panel .btn{
    font-size: 13px;
    font-weight: 700;
}
.login-panel .or span{
    font-size: 13px;
    font-weight: 700;
    background: #fff;
}
.h-100vh {
    min-height: 100vh;
}

.portal-text {
    color: #fff;
}

.portal-text h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 15px;
    /*font-style: italic;*/
    /*text-transform: capitalize;*/
/**/
}

.portal-text h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0;
}

.portal-text h1 span{
    font-size: 50px;
    font-weight: 700;
    background: rgba(255,255,255,0.20);
}

.forget-link {
    text-decoration: underline !important;
    color: #000;
    font-size: 13px;
}

.portal-page {
    padding-left: 240px;
}

.left-side-container {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 240px;
    height: 100vh;

    z-index: 111;
    /*background: var(--theme-color;*/
    transition: all 0.3s ease-in-out;

}

.left-side-container.active {
    left: 0px;
}

.left-side-container .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 75px;

}

.navbar-brand2 {
    margin-right: 20px;
}

.left-side {
    position: relative;
    width: 240px;
    height: calc(100vh - 75px);
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    transition: all .4s ease-in-out;
    z-index: 111;


    /*overflow: hidden;*/
}

.left-side ul li {
    font-size: 14px;
}

.left-side ul li img {
    opacity: 0.7;
    max-width: 15px;
    margin-right: 8px;
}

html[lang=ar] .left-side ul li img {
    margin-right: 0;
    margin-left: 8px;
}

.left-side li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 10px 10px 20px;
    color: #000;
    border-left: 6px solid transparent;

}

.left-side li a span {
    display: flex;
    align-items: center;
}

.left-side li a span.item-count {
    color: var(--primary);
    font-weight: 700;
    font-size: 12px;
}

.left-side li.active a {
    background: rgba(0, 0, 0, 0.1);
    border-left: 6px solid var(--primary);
}

/*.left-side li:first-child.active a {*/
/*    border-radius: 0 15px 0 0;*/
/*}*/

.left-side li.active1 > a {
    background: var(--gray-color);
    border-left: 6px solid #E1B324;
}

.portal-content {
    padding: 0 20px;
}

.portal-content h1 {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
}

.portfolios-hed {
    margin-bottom: 15px;
}

.portal-content .portfolios-hed h1 {
    margin-bottom: 0;
}

.portal-content .page-title-app {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}

.portal-content h1 span {
    color: var(--primary)
}

.portal-content .page-title-app span {
    color: var(--primary)
}

.box {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    background: #fbfbfb;
    padding: 20px;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.app-lists .item {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    background: var(--gray-color);
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    cursor: pointer;
}

.app-lists .item h3 {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.app-lists .item h4 {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    margin-top: 15px;
    margin-bottom: 5px;
}

.app-lists .item p {
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
}

.f-title {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.f-value {
    font-size: 15px;
    font-weight: normal;
    color: #000;
    margin-top: 5px;
}

.box-1 {
    height: 100%;
}

.box-1 .img {
    position: absolute;
    top: 10px;
    left: 10px;
}

.box-1 h2 {
    font-size: 30px;
    font-weight: bold;
    color: var(--primary);
    margin-bottom: 10px;
}

.box-1 h3 {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    line-height: 20px;

}

.box-2 h2 {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.box-2 .btn {
    color: var(--primary);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: #ffffff !important;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    padding: 0;
    line-height: 25px;
}

.legand {
    margin-top: 40px;
    font-size: .9rem;
}

.legand ul {
    padding: 0;
}

.legand ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.legand ul li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 4px;
}

.legand ul li b {

    margin-left: 10px;
    margin-right: 10px;
}


.color-1 {
    background: #6161E8;
}

.color-2 {
    background: #E5BB3B;
}

.color-3 {
    background: #8A62BC;
}

.color-4 {
    background: #2D9883;
}

.color-b-1 {
    background: var(--primary);
}

.color-b-2 {
    background: #2D9883;
}

.color-b-3 {
    background: #704AA0;
}

.color-b-4 {
    background: #96AAFC;
}

.color-b-5 {
    background: #E5BB3B;
}

.dropdown-menu {
    left: auto !important;
    right: 0 !important;
    background: var(--gray-color2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    /*transform: translate3d(0, 43px, 0px) !important;*/
    transform: none !important;
    top: 100% !important;

}


html[lang=ar] .dropdown-menu {
    left: 0 !important;
    right: auto !important;

}

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

.dropdown-menu h4 {
    color: var(--primary);
    font-size: 11px;
    padding: .25rem 1.5rem;
}

.dropdown-item {
    font-size: 11px;
}

.user_area .dropdown-menu img {
    margin-right: 10px;
}

.user_area .dropdown-toggle:after {
    display: none;
}

.user_area .dropdown-item {
    padding: 10px 10px;
    color: #000;
    font-size: 11px;
    font-weight: 500;
}

.header-user-img {
    float: right;
}

.header-user-img > a img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.btn-close {
    width: 40px;
    height: 40px;
    padding: 0 !important;
    border-radius: 50% !important;
    line-height: 40px;
}

.notifications {
    position: relative;
    line-height: 40px;
    float: right;
}

.modal__details .mt-2 h4 {
    font-size: 13px;
}

.delete_img {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.notifications .dot {
    background: var(--primary);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    position: absolute;
    top: 10px;
    right: -2px;
}

.notifications .dropdown-toggle {
    height: 40px;
    position: relative;
}

.notifications:after {
    content: '';
    right: 0;
    top: 0;
    height: 40px;
    width: 1px;
    position: absolute;
    border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.portal-modal .modal-content {
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
}

.portal-modal.reject-modal .modal-content {
    border: 2px solid #D11E1E
}

.portal-modal.reject-modal .form-control {
    background: rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 0;
}

.portal-modal.reject-modal textarea {
    height: 70px;
}


/*.portal-body .modal-backdrop {*/
/*    background-color: #D9D6CF;*/
/*}*/
/*.portal-body .modal-backdrop.show{*/
/*    opacity: 1;*/
/*}*/

.text-auto {
    text-align: initial;
}

.user--img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
}

.portal-modal h2 {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.45);
    margin-bottom: 20px;
}

.portal-modal label {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
}

.portal-modal .form-control {
    font-size: 13px;
    /*font-weight: bold;*/
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.45);;
}

.portal-modal .select2-container--default .select2-selection--single{
    background: #ffffff;
}
.portal-modal .btn {
    border-radius: 20px;
    padding-right: 15px;
    padding-left: 15px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);*/
}

.portal-modal .btn.btn-green {
    color: #fff;
}

.up-img {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.45);
    text-align: center;
    padding: 5px 0;
}

.up-img span {
    position: relative;
    z-index: 1;
}

.up-img input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

.filters-1 a {
    background: var(--theme-color);
    color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 5px 15px;
    border: 1px solid transparent;
    display: inline-block;
}

.filters-1 a.active {
    border: 1px solid var(--primary);
}

.filters-2 {
    display: flex;
    justify-content: end;
    align-items: center;
}

.filters-2 > div {
    margin-left: 5px;
}

.filters-2 > div > a, .filters-2 > div > button {
    background: var(--theme-color);
    color: var(--primary);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    padding: 10px 15px;
    border: 1px solid var(--primary);
}

.filters-2 > div > a:hover, .filters-2 > div > button:hover {
    color: #ffffff;
    background: var(--primary);
}

.btn-outline-warning {
    color: #E18A24;
    border-color: #E18A24;
}

.btn-outline-warning:hover {
    background-color: #E18A24;
    border-color: #E18A24;
    color: #fff;
}

.filters-2 > div > a.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
    padding: 10px 15px;
}

.filters-2 > div > .btn-outline-success {
    color: #2D9883;
    border-color: #2D9883;
    padding: 9px 15px;
}

.filters-2 > div > .btn-outline-success:hover {
    color: #fff;
    background: #2D9883;
}

.filters-2 > div > a i, .filters-2 > div > a img, .filters-2 > div > a svg, .filters-2 > div > button svg {
    margin-right: 10px;
}

html[lang=ar] .filters-2 > div > a i, html[lang=ar] .filters-2 > div > a img,
html[lang=ar] .filters-2 > div > a svg, html[lang=ar] .filters-2 > div > button svg {
    margin-left: 10px;
    margin-right: auto;
}

.filters-3 a {
    margin-left: 5px;
}

.filters-3 a.btn-outline-warning {
    border-color: #E1B324;
    color: #E1B324;
}

.filters-3 a.btn-outline-primary {
    border-color: var(--primary);
    color: var(--primary);
}

.filters-3 a.btn-outline-warning:hover {
    background-color: #E1B324;
    color: #000;
}

.filters-3 a.btn-outline-primary:hover {
    background-color: var(--primary);
    color: #ffffff;
}

.dropdown-menu .btn-light {
    background: var(--gray-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.portal_filters {
    margin-bottom: 20px;
}

.applications-tbl {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    font-size: 13px;
    min-height: calc(100vh - 180px);
}


.applications-tbl td {
    font-size: 13px;
}

.applications-tbl th {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.applications-tbl .btn-light {
    background: var(--gray-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.applications-tbl .btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
}

.btn-status, .portal-modal .btn.btn-status {
    width: 60px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.applications-tbl .fas.fa-star {
    color: #E1B324
}

.applications-tbl .far.fa-star {
    color: rgba(0, 0, 0, 0.40);
}

.status-modal ul li {
    margin-bottom: 10px;
}

.status-modal ul li > div {
    margin-right: 20px;
}

.portal-modal .nav-tabs {
    background: rgba(0, 0, 0, 0.05);
    border: none;
}

.portal-modal .tab-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.portal-modal .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
}

.portal-modal .nav-tabs .nav-item.show .nav-link, .portal-modal .nav-tabs .nav-link.active {
    background: var(--theme-color);
    color: var(--primary);
}

.user-item {
    padding: 5px;
}

.user-item .img {
    width: 35px;
    height: 35px;
    margin-right: 15px;
}

.user-item .img img {
    width: 35px;
    height: 35px;
}

.user-item h3 {
    font-size: 13px;
    font-weight: bold;
}

.user-item p {
    font-size: 13px;
    font-weight: normal;
}

.user-item.active {
    background: var(--gray-color);
}

.portal-modal.share-modal .modal-content {
    background: var(--theme-color);
}

.details-modal h4 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.details-modal h3 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.modal-files {
    border-top: 1px solid #000;
    padding-top: 15px;
    margin-top: 15px;
}

.file-item {
    margin-bottom: 15px;
}

.btn-edit {
    color: var(--primary);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--gray-color) !important;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    padding: 0 !important;
    line-height: 25px;
}

.btn-notify {
    color: #000000;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--gray-color) !important;
    /*width: 25px;*/
    height: 25px;
    font-size: 10px !important;
    text-align: center;
    padding: 0 10px !important;
    line-height: 25px;
    white-space: nowrap;
}

.milestone-agreements .checklist-items .item .btn {
    min-width: 25px;
}

.btn-3 .btn {
    line-height: 25px;
    color: var(--primary);
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;

}


.portal-modal.details-modal .textarea2 {
    background: transparent;
    border: none;
    border-radius: 0;
    height: 300px;
}

.charts .dropdown-toggle:after, .with-arrow.dropdown-toggle:after {
    display: inline-block;
}

.with-svg:hover #move-arrow {
    fill: #fff;
}

.toggle-side-menu {
    position: absolute;
    top: 15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 30px;
    background: var(--theme-color);
}

.forms-list .item {
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    padding: 10px 15px;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
}

.forms-list .item:hover {
    background: #f7f7f7;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.16);
}

.forms-list .item h3 {
    font-size: 14px;
}

.form-actions {
    min-width: 150px;
}

.form-actions .open-btn {
    padding: 0 20px;
    line-height: 25px;
    color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--gray-color);
    margin-left: 15px;

}

.fa-ellipsis-v {
    color: rgba(0, 0, 0, 0.5);
}

.score {
    font-weight: bold;
}

.btn-back {
    background: var(--gray-color);
    color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

html[lang=ar] .form-actions .open-btn {
    margin-left: 0;
    margin-right: 15px;

}

html[lang=ar] .left-side-container {
    right: 0;
    left: auto;
}

html[lang=ar] .left-side-container.active {
    right: 0;
    left: auto;
}

html[lang=ar] .navbar-brand2 {
    /*margin-left:20px;*/
    margin-right: 0;
}

html[lang=ar] .toggle-side-menu {

    left: -15px;
    right: auto;

}

html[lang=ar] .portal-page {
    padding-right: 240px;
    padding-left: 0;
}

html[lang=ar] .left-side {

    /*-webkit-border-top-left-radius: 15px;*/
    /*-moz-border-radius-topleft: 15px;*/
    /*border-top-left-radius: 15px;*/
    /*-webkit-border-top-right-radius: 0px;*/
    /*-moz-border-radius-topright: 0px;*/
    /*border-top-right-radius: 0px;*/
    /*box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.16);*/

}
html[lang=ar] .btn-setting img {
    margin-right: 0;
    margin-left: 4px;
}
html[lang=ar] .site-name {
    margin-left: 0;
    margin-right: 15px;
    padding-right: 15px;
    padding-left: 0;
    border-right: 1px solid #ddd;
    border-left: none;
}
html[lang=ar] .left-side li a {
    border-left: none;
    border-right: 6px solid transparent;
    padding: 10px 20px 10px 10px;
}
html[lang=ar] .column-hed input[type=checkbox] {

    margin-left: 5px;
    margin-right:0;
    float: right;
}
html[lang=ar] .left-side li.active a {
    border-left: none;
    border-right: 6px solid #E1B324;
}
html[lang=ar] .workflow-status-list input[type=radio] {
    margin-left: 15px;
    margin-right: 0;
}
html[lang=ar] .workflow-status-list ol {
    padding-right: 40px;
    padding-left: 0;
}
html[lang=ar] .notifications {
    padding-left: 1rem;
}

html[lang=ar] .header-user-img {
    float: left;
}

html[lang=ar] .notifications:after {
    left: 0;
    right: auto;
}

html[lang=ar] .dropdown-item {
    text-align: right;
}

html[lang=ar] .user_area .dropdown-menu img {
    margin-left: 10px;
    margin-right: auto;
}

html[lang=ar] .dropdown-menu h4 {
    text-align: right;

}

html[lang=ar] .file-info .ml-2, html[lang=ar] .box-2 .btn.ml-2, html[lang=ar] .btn-3 .btn.ml-2 {
    margin-right: .5rem !important;

}

@media (min-width: 576px) {
    .portal-modal .modal-dialog {
        max-width: 600px;
    }

    .portal-modal.status-modal .modal-dialog {
        max-width: 240px;
    }

    .portal-modal.accept-modal .modal-dialog {
        max-width: 320px;
    }

    .portal-modal.reject-modal .modal-dialog {
        max-width: 380px;
    }
}

@media (max-width: 640px) {

    .left-side-container {
        left: -220px;
    }

    .mob-user-area {
        border-radius: 5px;
        border: 1px solid #ddd;
        padding: 5px;
        background: var(--gray-color);
        width: 100%;
    }

    .navbar-brand2 {
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
        justify-content: center;

    }

    .portal-page {
        padding-left: 20px;
    }

    html[lang=ar] .left-side-container {
        right: -220px;
        left: auto;
    }

    html[lang=ar] .portal-page {
        padding-right: 20px;
        padding-left: 0px;
    }

    .f-item {
        margin-bottom: 15px;
    }

    .portal-login {
        padding-top: 120px;
    }

    .portal-text h2 {
        font-size: 20px;

    }

    .portal-text h1 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .portal-text h1 span {
        font-size: 25px;
    }
    .portal-text {
        text-align: center;
    }
    .login-panel h3 {
        font-size: 18px;
    }

    .f-value {
        margin-top: 5px;
    }

    .filters-1 {
        margin-bottom: 10px;
    }

    .filters-1 a {
        margin-bottom: 5px;
    }


    .notification_list.dropdown-menu {
        transform: translate3d(30%, 0px, 0px) !important;
    }

    html[lang=ar] .notification_list.dropdown-menu {
        transform: translate3d(-30%, 0px, 0px) !important;
    }
}

.error {
    color: #DC3545 !important;
}


.by {
    font-size: 14px;
}

.text-share-note {
    display: none;
}

.charts p {
    font-size: 1.2rem;
}

/************* Enhancment ************/
.row-5-col .col-sm-2 {
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .row-5-col .col-sm-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.accordin-list {
    border-radius: 10px;
}

.startups-list h3 {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.startups-list .item img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 15px;
}

.startups-list .item {
    background: var(--gray-color);
    padding: 10px 10px 10px 40px;
}


.startups-list .item:nth-child(odd) {
    background: var(--theme-color);
}

.accordin-list .card-body {
    padding: 0;
}

.accordin-list .card-header {
    padding: 10px 5px;
    margin-bottom: 0 !important;
    background-color: var(--gray-color);
    border-bottom: 1px solid rgba(0, 0, 0, .04);
}

.accordin-list .card .card .card-header {
    padding-left: 40px;
}

.accordin-list .card {
    border-left: none !important;
    border-right: none !important;
}

.accordin-list .card .card .item {
    padding-left: 80px;
}

.accordin-list .card-header button {
    box-shadow: none;
    color: #000000;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
}

.accordin-list .card-header button i {
    color: rgba(0, 0, 0, .4);
    font-size: 20px;
    margin-right: 5px;
}

.accordin-list .card-header .startups_num {
    color: var(--primary);
    font-weight: bold;
    margin-left: 10px;
}

.accordin-list .dropdown-toggle {
    width: 20px;
}

.subfolder-menu a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

.subfolder-menu a img {
    margin-right: 10px;
}

.edit-color {
    color: var(--primary);
}

.delete-color {
    color: #D11E1E
}

.add-color {
    color: #2D9883
}

.accordin-list .card {
    overflow: visible;
}

.btn-with-icon {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    background: transparent;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0;
    margin-right: 15px;
}

.btn-with-icon img {
    object-fit: inherit;
}

.btn-with-icon.delete-btn img {
    width: 11px;
    height: auto;
    object-fit: unset;
    border-radius: 0;
    margin: auto !important;
}

.btn-outline-success:hover {
    color: #fff;
    background: #2D9883;
}

.btn-outline-success:hover #plus1, .btn-outline-success:hover #plus2 {
    stroke: #fff;
}

.left-sidebar-footer .btn-light {
    background: var(--gray-color);
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    width: 100%;

}

.profile-left-sidebar {
    position: fixed;
    width: 260px;
    top: 75px;
    left: 230px;
    height: calc(100vh - 75px);
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    transition: all .4s ease-in-out;
    z-index: 110;
    background: var(--theme-color);
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.profile-container {
    padding-left: 270px;
    padding-right: 15px;
}

.custom-numbers2 {
    position: relative;
}

.customText2 {
    display: block;
    width: 115px;
    height: 115px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 2;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customText2 span {
    font-weight: 700;
    font-size: 20px;
    display: block;
}

.customText2 sub {
    font-weight: 400;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.3);
}

.ldBar-label {
    display: none;
}

.metrics-list .item {
    margin-bottom: 30px;
    text-align: center;
}

.metrics-list .item h3 {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin: 15px 0 0 0;
}

.add_metric {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 115px;
    height: 115px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.milestones {

}

.milestones .item {
    position: relative;
    z-index: 2;
    padding-top: 15px;
    margin-top: -10px;
    border-radius: 10px;
    padding-bottom: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--theme-color);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}

.show_checklist_btn, .show_support_btn {
    cursor: pointer;
}

.milestones .item h3 {
    line-height: 35px;
}

.milestones .item h3 a {
    width: 100%;
    display: block;
}

.w100px {
    width: 100px;
}

.w-auto {
    min-width: 10px !important;
}

.milestones h3 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: bold;
    outline: none;
    box-shadow: none;
}

.milestones h2.mil-title {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;

}

.milestones .item:first-child {
    z-index: 100;
    padding-top: 5px;
    margin-top: 0px;
}

.milestones .item:nth-child(2) {
    z-index: 99;
}

.milestones .item:nth-child(3) {
    z-index: 98;
}

.milestones .item:nth-child(4) {
    z-index: 97;
}

.milestones .item:nth-child(5) {
    z-index: 96;
}

.milestones .item:nth-child(6) {
    z-index: 95;
}

.milestones .item:nth-child(7) {
    z-index: 94;
}

.milestones .item:nth-child(8) {
    z-index: 93;
}

.milestones .item:nth-child(9) {
    z-index: 92;
}

.milestones .item:nth-child(10) {
    z-index: 91;
}

.milestones .item-add {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    margin-top: -10px;
    border-radius: 10px;
    padding-bottom: 5px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
}

.milestones .item-add a {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.milestones .item .btn-with-icon {
    margin-right: 0;
    margin-left: 15px;
}

.profile-team-list {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--theme-color);
    border-radius: 15px;
    padding: 15px;
    overflow: hidden;
}

.profile-team-list .item {
    margin-bottom: 15px;
}

.profile-team-list .item img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 50%;
}

.profile-team-list .item h3 {
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

.profile-team-list .item h4 {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.profile-container h2 {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
}

.profile-left-sidebar .left-sidebar-head {
    background: var(--gray-color);
    font-size: 20px;
    padding: 10px 10px 10px 25px;
}

html[lang=ar] .profile-left-sidebar .left-sidebar-head {
    padding: 10px 25px 10px 10px;
    border-radius: 10px 0 0 0;
}

.profile-left-sidebar .left-sidebar-head h3 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
}

.left-pd {
    padding: 10px 20px 10px 35px;
}

html[lang=ar] .left-pd {
    padding: 10px 35px 10px 20px;
}

.profile-left-sidebar .logo-img {
    width: 130px;
    height: 130px;
    text-align: center;
    margin: auto;
    position: relative;
}

.logo-img input {
    width: 100%;
    height: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    cursor: pointer;
}

.btn-edit-image-profile {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 30px;
    height: 30px;
    z-index: 2;
    background: var(--gray-color) url("../images/edit.svg") center no-repeat;

}

.profile-left-sidebar .logo-img img {
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.btn-edit-image-profile img {
    position: relative;
    z-index: 2;
    width: 20px;
    max-height: 20px;;
}

.left-sidebar-content h1 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
    margin-top: 15px;
}

.left-sidebar-content h2 {
    font-size: 13px;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    margin-top: 15px;
}

.left-sidebar-content p {
    font-size: 13px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    margin-bottom: 5px;
}

.left-sidebar-footer {
    text-align: center;
    padding: 0px 25px 0 35px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

.rd-btn {
    position: relative;
    display: inline-block;
}

.rd-btn span {
    line-height: 35px;
    display: block;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
}

.rd-btn input:checked + span {
    border: 1px solid var(--primary);
    color: var(--primary);
}

.rd-btn.green-rd input:checked + span {
    border: 1px solid var(--success);
    color: var(--success);
}


.rd-btn input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.modal_400.modal.show .modal-dialog {
    max-width: 400px;
}

.modal_900.modal.show .modal-dialog {
    max-width: 900px;
}

.modal_800.modal.show .modal-dialog {
    max-width: 800px;
}

.percent_input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.percent_input .form-control {
    width: auto;
    display: inline-block;
    max-width: 60px;
    margin-right: 15px;
}

html[lang=ar] .percent_input .form-control {
    margin-right: 0px;
    margin-left: 15px;
}

.delete-metric {
    box-shadow: none !important;
    color: #D11E1E !important;
    font-size: 11px;
    line-height: 15px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.metrics-history {
    box-shadow: none !important;
    font-size: 11px;
    line-height: 15px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-metric img {
    height: 15px;
    margin-right: 5px;
}

html[lang=ar] .delete-metric img {
    margin-right: 0px;
    margin-left: 5px;
}

.datepicker1 {
    background-image: url(../images/calender2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
}

.accordin-list {
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.startups-table td {
    vertical-align: middle;

}

.applications-tbl.startups-tbl {
    box-shadow: none;
}

.folder-modal-head {
    padding: 10px 15px;
}

.folder-modal-head .filter-search .input-group > .input-group-append > .btn {
    border-radius: 0;
    box-shadow: none;
}

.folder-modal-head .btn {
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.milestones .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

.milestones .card-header .btn-link {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: bold;
    outline: none;
    box-shadow: none;
}

.milestones .card {
    position: relative;
    z-index: 2;
    padding-top: 15px;
    margin-top: -10px;
    border-radius: 10px;
    padding-bottom: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--theme-color);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}

.milestones .card:first-child {
    z-index: 100;
    padding-top: 5px;
    margin-top: 0px;
}

.milestones .card + .card {
    z-index: 99;
}

.milestones .card + .card + .card {
    z-index: 98;
}

.milestones .card + .card + .card + .card {
    z-index: 97;
}

.milestones .card + .card + .card + .card + .card {
    z-index: 96;
}

.milestones .card + .card.card + .card.card + .card {
    z-index: 95;
}

.milestones .card + .card.card + .card.card + .card + .card {
    z-index: 94;
}

.milestones .card + .card.card + .card.card + .card + .card + .card {
    z-index: 93;
}

.milestones .card + .card.card + .card.card + .card + .card + .card + .card {
    z-index: 92;
}

.milestones .card + .card.card + .card.card + .card + .card + .card + .card + .card {
    z-index: 91;
}

.milestones .card + .card.card + .card.card + .card + .card + .card + .card + .card + .card {
    z-index: 90;
}

.milestones .card + .card.card + .card.card + .card + .card + .card + .card + .card + .card + .card {
    z-index: 89;
}

.milestones .card + .card.card + .card.card + .card + .card + .card + .card + .card + .card + .card + .card {
    z-index: 88;
}

.milestones .card .btn-with-icon {
    margin-right: 0;
    margin-left: 15px;
}

.mil-progress {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.10);
    border-radius: 5px;

}

.mil-progress-bar {
    display: block;
    height: 5px;
    border-radius: 5px;
}

.milestones h2 {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 4px;
}

.milestones p {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 15px;
}

.key-results {
    margin-bottom: 15px;
}

.key-results h3 {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0px;
}

.key-results .row {
    margin-top: 10px;
    margin-botom: 10px;
}

.mil-date {
    color: #000;
    font-size: 13px;
}

.mil-date span {
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
}

html[lang=ar] .profile-container {
    padding-right: 270px;
    padding-left: 15px;
}

html[lang=ar] .profile-left-sidebar {
    right: 230px;
    left: auto;
    box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.16);
    border-radius: 10px 0 0 0;
}

html[lang=ar] .profile-left-sidebar .left-sidebar-head h3 i, html[lang=ar] .accordin-list .card-header button i {
    transform: rotateY(180deg);
}

html[lang=ar] .milestones .card .btn-with-icon {
    margin-left: 0;
    margin-right: 15px;
}

html[lang=ar] .profile-team-list .item img {
    margin-left: 15px;
    margin-right: 0px;
}

html[lang=ar] .startups-list .item img {
    margin-left: 15px;
    margin-right: 0px;
}

html[lang=ar] .btn-with-icon {
    margin-left: 15px;
    margin-right: 0px;
}

html[lang=ar] .subfolder-menu a img {
    margin-right: 0px;
    margin-left: 10px;

}

html[lang=ar] .accordin-list .card .card .card-header {
    padding-left: 5px;
    padding-right: 40px;
}

html[lang=ar] .startups-list .item {
    padding: 10px 40px 10px 10px;
}

html[lang=ar] .accordin-list .card-header .startups_num {
    margin-left: 0px;
    margin-right: 10px;
}

html[lang=ar] .accordin-list .card-header button i {
    margin-left: 5px;
    margin-right: 0px;
}

.left-sidebar-head .btn-edit-profile {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.user-profile-form {
    overflow-y: auto;
    height: calc(100vh - 340px);
    padding-right: 10px;
    padding-bottom: 15px;
}

.user-profile-form h2 {
    margin-bottom: 5px;
}

html[lang=ar] .user-profile-form {
    padding-left: 10px;
    padding-right: 0px;
}

.user-profile-form .form-control {
    border: 1px solid rgba(0, 0, 0, 0.4);
    line-height: 20px;
    height: 30px;
    background: var(--gray-color);
}

.user-profile-form textarea.form-control {
    height: 65px;
}

.user-profile-form .form-group {
    margin-bottom: 10px;
}

.user-profile-form .action-btns {
    text-align: center;
}

.user-profile-form .action-btns .btn {
    min-width: 60px;
}

.invite-team-btn {
    text-align: center;
    background: var(--gray-color);
    margin: -15px;
    margin-top: 15px;
    padding: 10px 0;
}

.invite-team-btn .btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.invite-team-btn .btn-outline-primary:hover,
.invite-team-btn .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--primary);
}

.date-ddl {
    background: var(--gray-color2);
    font-size: 1rem;
}

.user-profile-data {
    overflow-y: auto;
    height: calc(100vh - 329px);
    margin-top: 15px;
}

.left-sidebar-content.user-profile-data h1 {
    margin-top: 0px;
}

.select2-container {
    display: block;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--gray-color);
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--gray-color);
    border: 1px solid #888682;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #888682 1px;

}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: var(--input-bg);
    position: relative;
    border-radius: 3px;
}

input[type=checkbox]:checked:after {
    position: absolute;
    color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 2px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00c";
    font-size: 11px;
}

.ddl-select2 {
    width: 200px;
    text-align: initial;
}

.ddl-select2 .select2-container--default .select2-selection--single {
    background-color: var(--gray-color2);
    border: 1px solid #aaa;
    font-size: 0.9rem;

}

.select2-dropdown {
    /*background: var(--gray-color);*/
}

.select2-container .select2-search--inline .select2-search__field {
    font-size: 13px;
}

.w-300 {
    width: 300px;
}
.w-400 {
    width: 453px;
}

.edit-item {
    display: none;
}

#score-modal h2 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: 700;
}

#score-modal h3 {
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

#score-modal h4 {
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

#score-modal .item {
    margin-bottom: 10px;
}

#score-modal .item.item_total {
    margin-top: 20px;
}

#score-modal .item.item_total h3, #score-modal .item.item_total h4 {
    font-weight: 700;
}

.key-results .item-key {
    padding: 10px;
    background: #F8F6EF;
    border-radius: 5px;
    margin-bottom: 5px;
}

#milestone_modal.portal-modal .modal-content {
    background-color: var(--theme-color);
}

.assign-to {
    font-size: 10px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}

.assign-to h4 {
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    margin-right: 5px;
}

.key-btns .btn {
    border-radius: 5px;
}

.select2-container--default .select2-selection--single {
    border-radius: 4px;
    background-color: var(--gray-color);
    border: 1px solid #888682;
    height: 32px;
    font-size: 13px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 13px;
}

.select2-container--default .select2-selection--multiple {
    background-image: url("../images/add-user.svg") !important;
    background-position: calc(100% - 10px) 5px !important;
    background-repeat: no-repeat !important;
    padding-right: 35px;
}

.select-no-ic .select2-container--default .select2-selection--multiple {
    background-image: none !important;
    padding-right: 5px;
}


html[lang=ar] .select2-container--default .select2-selection--multiple {
    background-position: 10px 5px !important;
    padding-right: 5px;
    padding-left: 35px;
}
html[lang=ar] .select-no-ic .select2-container--default .select2-selection--multiple {

    background-position: 10px 5px !important;
    padding-right: 5px;
    padding-left: 5px;
}


.icon-cal {
    background-image: url("../images/input-calender.svg") !important;
    background-position: calc(100% - 10px) center !important;
    background-repeat: no-repeat !important;
    padding-right: 35px;

}

html[lang=ar] .icon-cal {
    background-position: 10px 5px !important;
    padding-right: 5px;
    padding-left: 35px;
}

.profile-checklist-list {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: var(--theme-color);
    border-radius: 15px;
    padding: 15px 0;
    overflow: hidden;
}

.checklist-list-header {
    padding: 0 15px 15px 15px;

}

.checklist-list-header h2 {
    margin: 0;
}

.checklist-list-header span {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    background: var(--gray-color);
    border-radius: 50%;
    font-weight: 700;
}

.chk-item {
    background: var(--gray-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 10px;
}

.chk-item:nth-child(odd) {
    background: transparent;
}

.chk-item h3 {
    color: var(--primary);
    font-size: 13px;
    margin: 0;
}

.chk-item .status {
    font-size: 10px;
    font-weight: 700;

}

.chk-item h3 {
    color: var(--primary);
}

.chk-item .num {
    color: #000000;
    width: 30px;
}

.checklist-list-footer {
    padding-top: 15px;
}

.checklist-table-header {
    background: var(--theme-color);
    padding: 15px 10px 5px 40px;
    border-radius: 10px 10px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}

.mob-visible {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
    margin-right: 15px;
    text-decoration: underline;
}

.accordin-list .card-header.chks-card-header {
    background: var(--theme-color);
}

.accordin-list .card-header.chks-card-header button {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.checklist-items .item {
    background: var(--theme-color);
    padding: 10px 10px 10px 40px;
    font-size: 13px;
    font-weight: 400;
}

html[lang=ar] .checklist-items .item {
    padding: 10px 40px 10px 10px;
}

.checklist-items .item.not-read {
    font-weight: 700;
}

.checklist-items .item.not-read .btn {
    font-weight: 700;
}

.not_complete {
    color: #505050 !important;
}

.complete {
    color: #2D9883 !important;
}

.checklist-items .item .btn {
    font-size: 13px;
    min-width: 100px;
}

.checklist-items .item .btn-outline-danger {
    color: #D11E1E;
    border-color: #D11E1E;
}

.checklist-items .item .btn-outline-danger:hover {
    color: #ffffff;
    background: #D11E1E;
}

.checklist-items .item .btn-outline-warning {
    color: #E1B324;
    border-color: #E1B324;
}

.checklist-items .item .btn-outline-warning:hover {
    color: #ffffff;
    background: #E1B324;
}

.checklist-items .item .btn-outline-secondary {
    color: #8E8E8E;
    border-color: #8E8E8E;
}

.checklist-items .item .btn-outline-secondary:hover {
    color: #ffffff;
    background: #8E8E8E;

}

.checklist-items .item:nth-child(odd) {
    background: var(--gray-color);
}

.checklist-modal .modal-section {
    margin-bottom: 15px;
}

.modal-section textarea {
    height: 80px;
    border-radius: 5px;
    font-weight: 400 !important;
}

.checklist-modal h3 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}

.checklist-modal.portal-modal h2 {
    margin-bottom: 0;
}

.checklist-modal.portal-modal .modal-header {
    border: none;
}

.checklist-modal p {
    font-size: 14px;
    color: #000;
}

.modal-section h4 {
    font-size: 14px;
    color: var(--primary);
    margin-top: .25rem;
}

.col-3-section > div {
    margin-right: 15px;
}

.checklist-radio {
    margin-top: .25rem;
}

.checklist-radio > div {
    position: relative;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.checklist-radio .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.checklist-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    /*opacity: 0;*/
    top: 0;
    left: 0;
    border-radius: 10px;
    cursor: pointer;
}

.checklist-radio .active label span, .checklist-radio .active:hover label span {
    color: #fff;
}

.btn-outline-success:not(:disabled):not(.disabled).active {
    background-color: #2D9883;
    border-color: #2D9883;
}

.checklist-radio span {
    cursor: pointer;
}

.checklist-radio label {
    margin-bottom: 0;
    cursor: pointer;
    color: inherit;
}

.checklist-radio input[type="radio"]:checked {
    background: transparent;
}

.attach-file {
    background: rgba(0, 0, 0, 0.10);
    color: rgba(0, 0, 0, 0.5);
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 13px;
}

.attach-file input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 11;
    cursor: pointer;
}

.btn.edit-checklist-btn {
    font-size: 11px;
}

.checklist-modal .file-info {
    max-width: 200px;
    width: 100%;
}

.modal {
    overflow-y: auto;
}

.delete-checklist-btn {
    color: #D11E1E;
    background: var(--gray-color);
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 30px;
    height: 30px;
}

.checklist-modal .btn-outline-warning {
    color: #E1B324;
    border-color: #E1B324;
}

.checklist-modal .btn-outline-warning:hover, .checklist-modal .btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background: #E1B324;
}

.download_btn {
    border-radius: 5px;
    color: var(--primary);
    border-color: var(--primary);
    background: var(--theme-color);
}

.download_btn:hover {
    color: var(--theme-color);
    background: var(--primary);
}

html[lang=ar] .modal-header .close {
    padding: 5px;
    margin: 0;
}

.new_support_btn img {
    height: 18px;
}

.input-group-text {
    font-size: 13px;
    font-weight: 600;
    background-color: #f3f2f1;
    border: 1px solid #888682;
    border-radius: 0 5px 5px 0 !important;
    border-left: 0;
}

html[lang=ar] .input-group-text {
    border-radius: 5px 0px 0px 5px !important;
    border-left: 1px solid #888682;
    border-right: 0;
}


.portal-modal .select2-container--default .select2-selection--multiple {
    background-color: #ffffff;
}

.modal-600 .modal-dialog {
    max-width: 600px !important;
}


@media (min-width: 576px) {
    #score-modal.portal-modal.status-modal .modal-dialog {
        max-width: 350px;
    }
}

@media (max-width: 640px) {
    .w-50 .mob-visible {
        display: block !important;
    }

    .checklist-items .row > div {
        margin-bottom: 10px;
    }

    .profile-left-sidebar {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin: 0 15px;
        overflow: hidden;
        border-radius: 15px !important;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    }


    html[lang=ar] .profile-left-sidebar {
        right: auto;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    }

    .profile-container {
        padding-left: 15px;
        margin-top: 20px;
    }

    html[lang=ar] .profile-container {
        /*padding-left: 0px;*/
        padding-right: 15px;
        margin-top: 20px;
    }

    .profile-team-list {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .filter-search .input-group > .form-control {
        min-width: 100px;
    }

    .left-pd {
        padding: 10px 20px 10px 20px;
    }

    .key-results h3 {
        margin-bottom: 5px;
    }

    .charts .col-sm-6 {
        margin-bottom: 30px;
    }

    .ddl-select2 {
        width: 100%;
    }
}

.datepicker-dropdown {
    z-index: 1600 !important;
}

.loader_m {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;

}

.text-underline {
    text-decoration: underline !important;
    font-weight: 600;
}

#viewed_history_modal .btn-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
}


#viewed_history_modal table {
    font-size: 13px;
}

.daterangepicker {
    background-color: var(--gray-color) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.daterangepicker .calendar-table {
    border-color: var(--gray-color) !important;
    background-color: var(--gray-color) !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: var(--gray-color) !important;
}

.daterangepicker:after {
    border-bottom: 6px solid var(--gray-color) !important;
}

.modal .btn-light {
    background-color: var(--gray-color) !important;
}

.btn:active, .btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.swal2-confirm {
    background: var(--primary) !important;
    border-radius: 20px !important;
    padding: 0 20px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

.swal2-cancel {
    background: #343a40 !important;
    border-radius: 20px !important;
    padding: 0 20px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

.swal2-title {
    font-size: 1.5em !important;
}

.swal2-icon {
    display: none !important;
}

.portfolios-hed-fixed {
    position: fixed;
    top: 0;
    width: calc(100% - 240px);
    padding: 10px 20px;
    background: var(--theme-color);
    z-index: 111;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

@media (max-width: 640px) {
    .daterange_input {
        width: auto;
    }

    .portfolios-hed-fixed {
        width: auto;
    }

    .portal-content h1 {
        font-size: 15px;
    }
}

.list-heading {
    padding: 10px 0;
}

.list-div {
    overflow: hidden;
}

.list-table tbody tr td {
    background: var(--theme-color);
}

.list-table tbody tr:nth-child(2n+1) td {
    background: var(--gray-color);
}

.side-dll {
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    position: relative !important;
    margin: 0 !important;
}
.cta{
    font-size: 16px;
    font-weight: 600;
}
.cta a{
    display: block;
    color: var(--primary);
    text-decoration: underline !important;
}



.side-dll img {
    display: none;
}

.left-side .dropdown-toggle:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    display: inline-block;
    border: none !important;
    position: absolute;
    /*top: 12px;*/
    left: 10px;
    color: rgba(0, 0, 0, 0.5);
}

html[lang=ar] .left-side .dropdown-toggle:after {
    right: 13px;
    left: auto;
    content: "\f104";
}

.left-side .show .dropdown-toggle:after, html[lang=ar] .left-side .show .dropdown-toggle:after {
    content: "\f107";
}

.side-dll a {
    font-size: 14px;
    border-left: 10px solid transparent !important;
}

html[lang=ar] .side-dll a {
    border-right: 10px solid transparent !important;
    border-left: none !important;
}

.side-dll a.active {
    background: rgba(208, 203, 192, 0.30);
}

html[lang=ar] .side-dll a.active {
}

html[lang=ar] .left-side li.active1 > a {
    background: var(--gray-color);
    border-left: none !important;
    border-right: 6px solid #E1B324 !important;
}

.app-header {
    background: #000000;
    padding: 15px 0;
}

.falak-application {

}

.falak-application h1 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 20px 0;
}

.falak-application h2 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.hed-list-text {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.falak-application .nav_wizardNav .nav-link {
    margin-top: -5px;
    border-top: 5px solid transparent;

}

.falak-application .nav_wizardNav .nav-link.active {
    border-top: 5px solid #000;
    color: rgba(0, 0, 0, 1);

}

.falak-application .nav_wizardNav {
    display: flex;
    justify-content: space-between;
    border-top: 5px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    margin-top: 30px;

}

.falak-application .wizerd_result_block label {
    font-size: 13px;
    font-weight: 700;
}

.falak-application .wiz .form-control {
    border-color: rgba(0, 0, 0, 0.4);
}

.falak-application .radio_block label {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
}

.falak-application h3 {
    font-size: 13px;
}

.falak-application h3 a {
    text-decoration: underline !important;
}

.app-footer-text {
    text-align: center;
    max-width: 85%;
    margin: 30px auto;
}

.app-footer-text p {
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
}

.app-footer-text h4 {
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline !important;
}

.step-number {
    font-size: 13px;
    margin-top: 10px;
}

.falak-application .form-action {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.share-holder-item {
    background: #F8F6EF;
    padding: 20px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 15px;
}

.delete-shareholder {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.share-holder-item h3 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
}

.falak-application .select2-container--default .select2-selection--single {
    border-radius: 5px;
    background-color: transparent;
    height: 36px;
}

.falak-application .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.inline-radio label {
    font-weight: 400;
    margin-right: 30px;
}

html[lang=ar] .inline-radio label {
    font-weight: 400;
    margin-left: 30px;
    margin-right: 0px;
}

.falak-application textarea {
    height: 110px;
}

.kml-2 {
    margin-left: 1rem;
}

.kml-1 {
    margin-left: .30rem !important;
}

html[lang=ar] .kml-2 {
    margin-right: 1rem;
    margin-left: 0;
}

.kmr-2 {
    margin-right: 1rem;
}

.kmr-1 {
    margin-right: .30rem !important;
}

html[lang=ar] .kmr-1 {
    margin-left: .30rem !important;
    margin-right: 0;
}

html[lang=ar] .kmr-2 {
    margin-left: 1rem;
    margin-right: 0;
}

.metric_subtitle_head {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    font-weight: 700;
}

.profit-header .select2-container {
    min-width: 120px;
}

.profit-header .btn {
    white-space: nowrap;
}

.ststus-milston {
    font-size: 13px;
    font-weight: 700;
    width: 80px;
}

.last-update {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.last-update span {
    margin-right: 10px;
    margin-left: 10px;
    white-space: nowrap;
}

.milestone-agreements .text-info {
    color: #2D9883 !important;
}

.milestone-agreements .text-warning {
    color: #E18A24 !important;
}

.milestone-agreements .text-muted {
    color: #797878 !important;
}

.w-250 {
    min-width: 250px;

}

.upload-btn:hover .up_1 {
    fill: #fff;
}

.milestone-startup .portfolios-hed h4 {
    font-size: 15px;
    font-weight: 400;
}

.milestone-startup .portfolios-hed h5 {
    font-size: 13px;
    font-weight: 400;
}

.checklist-table-header .nav-tabs {
    border: none;
}

.checklist-table-header .nav-tabs .nav-link {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    line-height: 25px;
    background: var(--theme-color);
    padding-bottom: 15px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: var(--gray-color);
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.milestone-startup .checklist-table-header {
    padding: 0 10px 5px 0;
    position: relative;
    z-index: 1;
}

.milestone-startup .accordion {
    position: relative;
    z-index: 10;
    margin-top: -5px;
}


.checklist-table-header .nav-tabs .nav-item:nth-child(1) {
    position: relative;
    z-index: 1;
}

.checklist-table-header .nav-tabs .nav-item:nth-child(2) {
    position: relative;
    z-index: 2;
    margin-left: -10px;
}

.checklist-table-header .nav-tabs .nav-item:nth-child(3) {
    position: relative;
    z-index: 3;
    margin-left: -10px;
}

.checklist-table-header .nav-tabs .nav-item.active {
    position: relative;
    z-index: 10 !important;
}

.milestone-startup table {
    font-size: 13px;
}

.milestone-startup table tr td:nth-child(1) .td-size {
    width: 150px !important;
}

.milestone-startup table tr td:nth-child(2) .td-size {
    width: 275px !important;
}

.milestone-startup table tr td:nth-child(3) .td-size {
    width: 150px !important;
}

.milestone-startup table tr td:nth-child(4) .td-size {
    width: 150px !important;
}

.milestone-startup table tr td:nth-child(5) .td-size {
    width: 150px !important;
}

.milestone-startup table tr td:nth-child(6) .td-size {
    /*width: 150px !important;*/
}

.tb-no-bg td {
    background: transparent;
    border: none;
}

.tb-no-bg {
    background: var(--gray-color);
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}

.add-milestone-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 20;
}

.btn-info {
    background: #2D9883;
    border-color: #2D9883;
}

.milestone-startup .btn-warning {
    color: #fff !important;
}

.data-with-bg h4, .data-with-bg h5 {
    background: rgba(0, 0, 0, 0.05);
    padding: 3px 5px;
}

.td-size2 {
    width: 130px;
}

.td-size3 {
    width: 160px;
}

.td-size2 input, .input-div {
    background: rgba(0, 0, 0, 0.05);
    font-size: 13px;
    height: 30px;
}

.input-div {
    padding: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: .25rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.td-size2 .input-group-text {
    height: 30px;
    border-color: rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.02);
}

.select-process .item {
    line-height: 40px;
    font-size: 13px;
}

.process-lbl {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.process-txt {
    color: rgba(0, 0, 0, 1);
}

.select-process h3 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 15px;
}

.select-process .table {

}

.milestone-agreements .table td, .milestone-agreements .table th {
    border: none;
}

.milestone-agreements .table td, .milestone-agreements .table th {
    padding: .5rem 1rem;
    vertical-align: middle;
    border-top: none;
    font-size: 13px;
}

.select-process .table td label {
    margin-bottom: 0;
}

.milestone-agreements .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--gray-color);
}

.select-process .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--theme-color);
}

.select-process textarea {
    height: 105px;
    border-color: rgba(0, 0, 0, 0.4) !important;
}

.tab-date-name {
    display: inline-block;
    width: 80px;
}

.btn-outline-info {
    color: #2D9883;
    border-color: #2D9883;
}

.btn-outline-info.active {
    background-color: #2D9883 !important;
    border-color: #2D9883 !important;
    color: #fff;
}

.milestone-agreements {
    background: var(--theme-color);
    overflow: hidden;
    margin-bottom: 30px;
}

.milestone-agreements .card {
    background: transparent;
    border: none;
}

.target_lists .item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.target_lists .item span {
    display: inline-block;
    width: 80px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}

.target_lists .item input {
    display: inline-block;
    width: 85px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.05);
    height: 28px;
}

.agreement-file h3 {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
}

.agreement-file p {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.add_assign {
    border-radius: 5px !important;
    width: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 35px !important;
    color: #fff !important;
}

.preview-btn {
    border-color: var(--primary);
}

.Milestone_modal h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.Milestone_modal p {
    font-size: 13px
}

.key-items {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.key-items .item span {
    font-size: 12px;
}

.key-items .item .mil-target {
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 5px;
    font-size: 13px;
}

.text-primary {
    color: var(--primary) !important;
}

.ui-datepicker-calendar {
    display: none !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: var(--gray-color) !important;
    border: 1px solid rgba(0, 0, 0, 0.45) !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.ui-widget-header {
    background: transparent !important;
}

.ui-datepicker {
    background: var(--gray-color) !important;
}

.ui-datepicker-current {
    display: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    padding: 3px !important;
    font-size: 12px !important;
}

.item_click {
    cursor: pointer;
}

html[lang=ar] .add-milestone-btn {
    left: 5px;
    right: auto;
}

#budget_form .form-control {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
    font-size: 13px;
    height: 30px;
}

#budget_form .table td, #budget_form .table th {
    padding: 5px;
    font-size: 13px;
}

.select2-results__option {
    font-size: 13px;
}

.file-info {
    width: 100%;
}

.file-info h3 {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#milestone_modal .btn-light {
    color: var(--primary) !important;
}

#milestone_modal .btn-light:hover {
    color: #fff !important;
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 2px !important;
    border: 1px solid transparent;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #ededed !important;
}

.ui-datepicker-buttonpane {
    border: none !important;
    margin: 0 !important;
}


.upload-file {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    position: relative;
}

.delete_file {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
}

.upload-file input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.tableFixHead {
    overflow-y: auto;
    max-height: calc(100vh - 150px);
}

.tableFixHead thead {
    background: var(--theme-color);
    position: sticky;
    top: 0;
    z-index: 5;
}

.tableFixHead thead th {
    border: none !important;
    margin: 0 !important;
}

.tableFixHead tbody th {
    position: sticky;
    left: 0;
    font-weight: 400;
    z-index: 4;
}

.tableFixHead .sticky-th-full {
    position: sticky;
    left: 0;
    font-weight: 400;
    z-index: 4;
}

.tableFixHead tfoot tr th:first-child {
    position: sticky;
    left: 0;
    font-weight: 400;
    z-index: 10;
    background: var(--theme-color);
}

.tableFixHead tbody tr:nth-of-type(even) th {
    background-color: var(--theme-color) !important;
}

.tableFixHead tbody tr:nth-of-type(odd) th {
    background-color: var(--gray-color) !important;
}

.budget_show_number {
    display: block;
    min-width: 80px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: .25rem;
    background: rgba(0, 0, 0, 0.05);
    font-size: 13px;
    height: 30px;
}

.accordin-list .card .inner-accordion .card .item {
    padding: 10px 10px 10px 40px;
}

/***Sprint7**/
.upload-btn-td {
    width: 40px;
    height: 40px;
    background: url(../images/upload-btn.svg) center no-repeat;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.upload-btn-td input {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    cursor: pointer;

}

.upload-btn-td:hover {
    background-color: #d2d0e4;
}

.upload-btn-profit {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.upload-btn-profit input {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    cursor: pointer;
}

.profit-header h2 {
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.4);
    margin-right: 10px;
}

.profit-header .btn {
    margin-left: 10px;
}

.btn-outline-secondary:hover path, .export_to_excel path {
    fill: #fff !important
}

.notification-title-modal i {
    color: var(--primary);
}

.date-with-upload {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.radios_btns > label {
    display: flex;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 80px;
    position: relative;
    cursor: pointer;
    padding: 0 10px;
}

.radios_btns > label.active {
    border-color: var(--primary);
    color: var(--primary);
}

.radios_btns {
    display: flex;
}

.radios_btns input {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.tr-total-1, .tr-total-1 td, .tr-total-1 th,
.tableFixHead tbody tr.tr-total-1 th, .tableFixHead tbody tr.tr-total-1 td {
    background: #D2D0E4 !important;
    border: none !important;
}

.tr-total-1 th, .tr-total-2 th, .tr-total-3 th {
    font-weight: bold !important;
}

.tr-total-2, .tr-total-2 td, .tr-total-2 th,
.tableFixHead tbody tr.tr-total-2 th, .tableFixHead tbody tr.tr-total-2 td {
    background: #9E9DE1 !important;
    border: none !important;
}

.tr-total-2 .td-size2 input {
    background: #ffffff;

}

.tr-total-3, .tr-total-3 td, .tr-total-3 th,
.tableFixHead tbody tr.tr-total-3 th, .tableFixHead tbody tr.tr-total-3 td {
    background: var(--primary) !important;
    color: #ffffff;
    border: none !important;
}

.tr-total-3 .td-size2 input {
    background: #ffffff;
}

.audit_report_modal table td, .audit_report_modal table th {
    padding: 0.25rem;
    font-size: 13px;
    vertical-align: middle;
}

.audit_report_modal .tableFixHead thead {
    background: transparent;
    color: rgba(0, 0, 0, 0.4);
}

.audit_report_modal .btn-link {
    background: transparent;
    text-decoration: underline !important;
    box-shadow: none;
}

.modal-hed {
    margin-bottom: 15px;
}

.modal-hed h3 {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.modal-hed h4 {
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

.modal-section-data {
    margin-top: 15px;
    margin-bottom: 15px;

}

.btn-notify-bell {
    height: 30px;
    width: 30px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
}

.modal_p {
    font-size: 13px;
}

.modal-section-data h3 {
    font-size: 13px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.modal-section-data p {
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}

.text-secondary2 {
    color: #444 !important;
}

.check-item {
    display: none;
}

.modal .accordin-list {
    border-radius: 0;
    box-shadow: none;
}

.modal .checklist-table-header {
    background: var(--gray-color);
}

.accordin-list.financeAccordion .card .inner-accordion .card .item {
    padding-left: 70px;
}

html[lang=ar] .accordin-list.financeAccordion .card .inner-accordion .card .item {
    padding-right: 70px;
    padding-left: 10px;
}

.checklist-table-header {
    padding-left: 70px;
}

html[lang=ar] .checklist-table-header {
    padding-right: 70px;
    padding-left: 10px;
}

.financeAccordion .finance-card-header {
    padding-right: 40px;
    padding-left: 40px;
}

.accordin-list .finance-card-header .btn-primary {
    padding: .25rem .5rem;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
}

.hide_card_options .card-header button i {
    display: none;
}

.hide_card_options .card-header button.btn-link {
    cursor: default !important;
}

.hide_card_options .card-header button.btn-link:hover, .hide_card_options .card-header button.btn-link:active, .hide_card_options .card-header button.btn-link:focus {
    text-decoration: none !important;
}

.select2.error + .select2-container--default .select2-selection--single {
    border-color: #DC3545 !important;
}


.finance-tb .td-size3 {
    width: 100%;
    min-width: 160px;
}

.finance-tb .remove_tr {
    margin-right: 10px;
}

html[lang=ar] .finance-tb .remove_tr {
    margin-left: 10px;
    margin-right: 0;
}

.profit-header-mb {
    margin-bottom: -31px;
}

.dont-have-account {
    font-size: 14px;
    margin-top: 10px;
}

.dont-have-account a {
    font-weight: bold;
}

.login-panel .form-group {
    margin-bottom: 10px;
}

.cursor-pointer, .hide_card_options .card-header button.btn-link.cursor-pointer {
    cursor: pointer !important;
}

.checklist-items .item .btn.min-w-auto {
    min-width: auto;
}

.letter-icon span {
    border-radius: 50%;
    border: 1px solid var(--primary);
    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.fz-14 {
    font-size: 14px;
}

.metric-title-tb {
    color: #000;
    font-size: 14px;
}

.c-tooltip {
    margin-top: -7px;
    display: inline-block;
    margin-left: 10px;
}

.c-tooltip span {
    background: #fff;
    font-size: 13px;
    color: #000;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

.metric-ovreview-section {
    display: flex;
    margin-bottom: 15px;
}

.metric-ovreview-section .btn {
    margin-right: 10px;
    width: 22px;
    height: 22px;
    padding: 0;
}

.metric-ovreview-section h3 {
    color: rgba(0, 0, 0, 0.5);
    margin-right: 10px;
    font-size: 18px;
    font-weight: 700;
}

.date-metric i {
    color: rgba(0, 0, 0, 0.5);
}

.date-metric span {
    color: var(--primary);
    font-weight: 700;
    font-size: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.date-metric input {
    background: rgba(0, 0, 0, 0.08);
    width: 105px;
    height: 18px;
    padding: 0 5px;
    font-size: 13px;
    border: none;
}

.metric-box {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    background: var(--gray-color);
    border-radius: 12px;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 190px;
    position: relative;
    text-align: center;
}

.metric-box h3 {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.pos-top-left {
    position: absolute;
    top: 10px;
    left: 10px;
}

.metric-box .total {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
    margin: 10px 0;
}

.metric-box .currency {
    font-size: 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

.metric-box .date {
    font-size: 10px;
    font-weight: 700;
}

.metric-box .prev-month {
    font-size: 10px;
    font-weight: 400;
}

.metric-box .percent {
    color: #13937B;
}

.metrics-overviews-boxes {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

.metric-title-modal {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.15);
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.or {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    height: 20px;
}

.or:after {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 1px;
    border-bottom: 1px solid #ddd;
    z-index: 1;
}

.or span {
    background: var(--gray-color);
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 2;
}

.metric-builder-table tbody tr {
}

.metric-builder-table th {
    background: transparent;
    font-size: 13px;
    vertical-align: middle;
    padding: 5px;
    font-weight: 700;
}

.metric-builder-table td {
    background: rgba(0, 0, 0, 0.05);
    font-size: 11px;
    vertical-align: middle;
    padding: 5px;
    border-bottom: 5px solid var(--gray-color);
}

.metric-builder-table td .btn {
    background: transparent !important;
    padding: 0 5px;
    box-shadow: none;
}

.metric-builder-head h2 {
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}

.add_var {
    font-size: 13px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}

.add_var .btn {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    padding: 0;
    margin-left: 10px;

}

.metric_create label {
    margin-bottom: 0;
    color: #7B7A76;
}

.metric__item .btn-link {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: underline !important;
}

.metric__item_btn.btn-link {
    color: var(--primary);
    /*text-decoration: underline !important;*/
    font-size: 13px;
}

.metric_sheet_tbody tr.click-td > th {
    padding-left: 30px;
}

.metric_sheet_tbody tr.click-td .remove_tr {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.metric_sheet_tbody tr.click-td .remove_tr i {
    width: 25px;
}

.select2-w .select2-container {
    width: 200px !important;
}

@media (max-width: 640px) {
    .profit-header-mb {
        margin-bottom: 15px;
    }

    .mb-btn-mobile .btn {
        margin-bottom: 5px;
    }

    .accordin-list .finance-card-header .btn-primary {
        height: 22px;
    }

    .agreement-file {
        margin-top: 15px;
    }

    .falak-application .nav_wizardNav {
        border: 5px solid rgba(0, 0, 0, 0.1);
    }

    .falak-application .nav_wizardNav .nav-link {
        margin-top: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.5);
        width: 50%;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

    .falak-application .nav_wizardNav .nav-link.active {
        border-bottom: 1px solid #000;
        background: #000;
        color: #fff;
    }

    .hed-list-text {
        font-weight: 500;
    }

    .hed-list-text > div {
        margin-bottom: 5px;
    }

    .w-250 {
        min-width: 150px;
    }

    .checklist-table-header .nav-tabs .nav-item:nth-child(3) {
        position: relative;
        z-index: 1;
        margin-left: 0;
    }

    .milestone-startup .checklist-table-header {
        padding: 0 0 5px 0;
    }

    .nav-tabs .nav-item {
        width: 100%;
    }

    .checklist-table-header .nav-tabs .nav-item:nth-child(2) {
        margin-left: 0;
    }

    .table-responsive .btn {
        white-space: nowrap;
    }
}

/***Sprint 9***/
.left-side-container {
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.left-side-header {
    padding: 20px;
}

.site-name {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
    font-size: 15px;
}

.project-item {
    border: 1px solid #D8D8D8;
    background: #ffffff;
    width: 100%;
    border-radius: 10px;
    height: 260px;

}

.project-item-header {
    background: #E1B324;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    border-radius: 5px 5px 0 0;
}

.project-item-header h2 {
    font-size: 12px;
    font-weight: 700;
}

.project-item-header h3 {
    font-size: 15px;
    font-weight: 400;
}

.project-item-body {
    text-align: center;
    width: 100%;
    padding: 15px 0;
}

.project-item-body h4 {
    font-size: 14px;
    font-weight: 400;
}

.project-item-body .number {
    font-size: 30px;
    font-weight: 400;
}

.programs-new-title {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
}

/*******Column********/

.column {
    width: 220px;
    /*float: left;*/
    padding-bottom: 10px;
    position: relative;
    padding-top: 60px;
    min-height: 300px;
}


.column:after {
    position: relative;
    width: 200px;
    content: '';
    height: 1px;
    display: block;
}

.portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
    background: #ffffff !important;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
}

.portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.portlet-content {
    padding: 0.4em;
}

.portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}

.draggable-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    min-height: 100vh;
}

.draggable-container > div {
    /*white-space: normal;*/

}

.dots {
    text-align: right;
    color: #C3C3C3;
}

.app_id {
    text-align: left;
    font-size: 12px;
    font-family: 'Montserrat', DroidKufiRegular;
    font-weight: 500;
    line-height: 15px;
    color: #C3C3C3;
}

.app_id input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #C3C3C3;
    background: #ffffff;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 3px;
    float: left;
    position: relative;
}

.app_id input[type=checkbox]:checked:after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 15px;
}

.column-hed input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #C3C3C3;
    background: #ffffff;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 3px;
    float: left;
    position: relative;
}

.column-hed input[type=checkbox]:checked:after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 15px;
}

.app_id label {
    margin-bottom: 0;
}

.dateTime {
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
}

.user-data {
    text-align: center;
}

.user-data img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.user-data h3 {
    font-size: 13px;
    color: #2D9883;
    margin-top: 10px;
}

.user-data p {
    font-size: 10px;
    color: #C3C3C3;
    margin-bottom: 0;
}

.portlet-content.user-data {
    padding: 0;
}

.portlet-footer {
    margin-top: 10px;
    line-height: 25px;
}

.dateTime {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.match-percent {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: "Montserrat";
    font-weight: 700;
    color: #8A8C8F;
}

.actions_btns .selectedBtn {
    color: #ffffff;
}

.actions_btns .dropdown-menu {
    padding: 15px;
}


.applicant_move_to .movedTo {
    width: 100%;
}

html[lang=ar] .applicant_move_to .dropdown-menu.movedTo a img {
    margin: 0;
    margin-left: 5px;
    box-shadow: none;
    width: auto;
}

html[lang=en] .applicant_move_to .dropdown-menu.movedTo a img {
    margin: 0;
    margin-right: 5px;
    box-shadow: none;
    width: auto;
}

.column-hed {
    color: #9B9B9B;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 15px;
    padding: 0 15px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.column-hed .column-count {
    font-weight: 700;
    color: #000;
    float: right;
    /*margin-right: 1em;*/
    margin-left: 1em;
}
html[lang=ar] .column-hed .column-count {
    float: left;
    margin-left: 0;
    margin-right: 1em;
}

.fas.fa-star {
    color: #E1B324;
}

.top-20 {
    top: 20px;
}

html[lang=en] .left-20 {
    left: 20px;
}

html[lang=ar] .left-20 {
    right: 20px;
}

.column-hed {
    background: #fff;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-top: 5px solid #707070;
    border-radius: 4px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 10px 5px;
    width: calc(100% - 15px);
}

.column-hed label {
    margin-bottom: 0;
    font-size: 14px;
}

.programs-header-container {
    align-items: center;
}

.programs-header-container h3 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
}

.app_applications {
    color: var(--primary);
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    margin-right: 15px;
}

.programs-form-search {
    background: rgba(0, 0, 0, 0.05);
    width: 270px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}

.programs-form-search .btn {
    padding: 0;
    min-width: 40px;
    height: 30px;
}

.programs-form-search input {
    background: transparent;
    border: none;
    height: 30px;
    width: 100%;
    padding: 5px;
    font-size: 11px;
}

.program-name {
    font-size: 20px;
    font-weight: 400;
    color: #000 !important;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
html[lang=ar] .program-name {
    padding-right: 15px;
    padding-left: 0;
    margin-right: 15px;
    margin-left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
}
.program-name span {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5) !important;
}

.btn-setting {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.custom-control-label {
    line-height: 25px;
}

.btn-setting img {
    margin-right: 4px;
}

.project-item-footer {
    font-size: 12px;
}

.status-numbers {
    display: flex;
    align-items: center;
}

.status-numbers span {
    width: 15px;
    height: 15px;
    background: #D8D8D8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 7px;
    color: #707070;
    font-weight: bold;
    margin-right: 3px;
    margin-left: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16)
}

.status-numbers a {
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 7px;
    color: #707070;
    font-weight: bold;
    margin-right: 3px;
    margin-left: 3px;
}

.status-numbers span.active {
    color: #ffffff;
    background: var(--primary);
}

.attached {
    display: flex;
    justify-content: center;
    align-items: center;
}

.attached a {
    color: var(--primary);
    font-size: 18px;
    margin-right: 5px;
}

.bg-white {
    background: #ffffff;
}

.program-h1 {
    display: flex;
    align-items: center;
}

.program-name .page-title-app {
    color: #000 !important;
    font-weight: 400 !important;
}

.program-name .page-title-app span {
    color: rgba(0, 0, 0, 0.5) !important;
    font-weight: 700 !important;
}

.program-show-page .box {
    background: #ffffff;
}

.owner {
    display: flex;
    align-items: center;
}

.owner p {
    font-size: 10px;
    text-align: initial;

}

.img-label {
    background: #E1B324;
    border: 1px solid #A2A2A2;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 50%;
    margin-right: 15px;
}

.img-label-no-color {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
}

.owner h3 {
    font-size: 13px;
    font-weight: 400;
    text-align: initial;
}

.program-show-page .app-lists .item {
    background: transparent;
    box-shadow: none;
    text-align: initial;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 0;

}

.program-show-page .app-lists .text-success {
    color: #2D9883 !important
}

.box-title {
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5)
}

.btn-light-circle {
    background: transparent;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.note-item {
    margin-top: 15px;
}
.note-item label{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.note-item label input{
    margin-right: 5px;
}

.note-item-text {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    color: #000;
    text-align: initial;
}

.note-item-by {
    margin-top: 10px;
}

.box-tabs {
    border-bottom: 1px solid rgba(112, 112, 112, 0.4);
    padding-left: 20px;
    padding-right: 20px;
}

.box-tabs .nav-link {
    background: transparent;
    border-bottom: 5px solid transparent;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 700;
}

.box-tabs .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--primary);
    background-color: transparent;
    border-radius: 0;
    border-bottom: 5px solid var(--primary)
}

.interview-item {
    text-align: initial;
    padding: 20px;
}

.interview-item .date {
    font-size: 15px;
    margin-bottom: 15px;
}
.interview-item .time{
    font-size: 15px;
    font-weight: 700;
    color: rgba(0,0,0,0.6);
}

.interview-owners {
    padding-left: 15px;
    border-left: 5px solid var(--primary)

}
html[lang=ar] .interview-owners {
    padding-right: 15px;
    padding-left: 0;
    border-left: none;
    border-right: 5px solid var(--primary);
}
html[lang=ar] .img-label{
    margin-right: 0;
    margin-left: 15px;
}
html[lang=ar] .note-item label input {
    margin-left: 5px;
    margin-right: 0;
}

.interview-taab .btn {
    font-size: 12px;
}
.interview-taab{
    padding-bottom: 20px;
}

.interview-action .btn {
    width: 100%;
    font-size: 12px;
    font-weight: 700;
}

.cursor-pointer {
    cursor: pointer;
}

.pdf-item {
    background: #fff;
    border: 1px solid #ddd;
    height: 500px;
    margin-bottom: 15px;
    padding: 15px;
}

.pdf-item iframe {
    width: 100%;
    height: 500px;
}

.project-item-footer {
    padding: 5px;
}

.workflow-status-header {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    background: #ffff;
    display: flex;
}

.workflow-status-header a {
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    font-weight: 700;
    padding: 10px 30px;
}

.workflow-status-header a.active {
    color: var(--primary);
    border-bottom: 5px solid var(--primary);
}

.workflow-status-list {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    background: #ffff;
    padding: 15px;
    margin-top: 20px;

}

.workflow-status-list ol {
    list-style-position: outside;
    padding-left: 40px;
    font-size: 15px;
    max-width: 500px;
}

.workflow-status-list ol li {
    margin-bottom: 10px;
}

.workflow-status-list h2 {
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    font-weight: 700;
}

.workflow-status-list h2 label {
    display: flex;
    align-items: center;
}

.workflow-status-list input[type=radio] {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.workflow-status-list input[type=radio]:checked {
    background: #fff;
    position: relative;
    border-color: var(--primary);
}

.workflow-status-list input[type=radio]:checked:after {
    width: 12px;
    height: 12px;
    background: var(--primary);
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50%;
}

.btn-light.add-new-item {
    background: transparent;
    border: none;
    font-size: 11px;
}

.workflow-status-list ol li {
    position: relative;
    list-style-type: decimal;
}

.workflow-status-list ol li span {
    position: absolute;
    left: -40px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: move;
}

.workflow-status-list ol li span img {
    width: auto;
    height: 20px;
}

.workflow-status-list ol li .input-form {
    display: flex;
    width: 100%;
}

.workflow-status-list ol li .input-form input {
    width: 100%;
    background: transparent;
}

.workflow-status-list ol li .btn-light {
    background: transparent !important;
    border: none !important
}

#sort-type li {
    background: rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    border-radius: 4px;
    padding-left: 5px;

}

.tooltip-custom-theme {
}

/* Use this next selector to style things like font-size and line-height: */
.tooltip-custom-theme .tooltipster-box {
    border: 2px solid var(--primary) !important;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--primary) !important;
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--primary) !important;
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: var(--primary) !important;
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--primary) !important;
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: var(--primary);
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: var(--primary);
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: var(--primary);
}

.tooltip-custom-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: var(--primary);
}


.tooltip-custom-theme .tooltipster-content {
    background: #ffffff;
    color: #000000;

}

.tooltip-custom-theme .tooltipster-content p,
.tooltip-custom-theme .tooltipster-content b {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;


}

.tooltip-custom-theme .tooltipster-content b {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.add_applicant_modal h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.add_applicant_modal .btn-warning {
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.portal-modal.add_applicant_modal .modal-dialog {
    max-width: 450px;
}

.portal-modal.add_applicant_modal .modal-content {
    background: #ffffff;
}

.add_applicant_modal .form-control {
    color: rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.4);
    background: #ffffff;
}

.add_applicant_modal .or span {
    background: #ffffff;
}

.modal-actions {
    padding: 25px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-actions .btn {
    margin-left: 5px;
    margin-right: 5px;
}

.download-btn {
    font-size: 13px;
    background: #ffffff;
    border-color: #D8D8D8;
    border-radius: 4px;
}

.download-btn img {
    max-height: 17px;
}

.documents_tab .checklist-table-header {
    background: rgba(216, 216, 216, .2);
    border-radius: 0;
}

.documents_tab .accordin-list {
    box-shadow: none;
    border-radius: 0;
}

.documents_tab .accordin-list .card-header.chks-card-header {
    background: #ffffff;
}

.documents_tab .checklist-items .item {
    background: #ffffff;
}

.documents_tab .checklist-items .item:nth-child(odd) {
    background: rgba(216, 216, 216, .2);
}

.documents_tab .accordin-list .card-header, .documents_tab .card {
    border: none !important;
}

.docs-links .download-btn {
    width: 100%;
    max-width: 230px;
}

.docs-links .download-btn >span:first-child {
    max-width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: 20px;
    white-space: nowrap;
}


.docs-links {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.docs-links h2 {
    font-size: 15px;
    text-align: initial;
    font-weight: 700;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.6)
}

.chks-head {
    padding: 20px;
}

.chks-head h2 {
    font-size: 15px;
    text-align: initial;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0;
}

.question-modal h2 {
    font-size: 14px;
    font-weight: 400;
}

.question-modal h3 {
    font-size: 12px;
    font-weight: 700;
}

.question-modal p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}
.question-modal h2.modal-title{
    font-size: 20px;
    font-weight: 700;
    color: rgba(0,0,0,0.5);
}

.question-modal textarea {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    background: rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}

.question-modal .item {
    margin-bottom: 15px;
}

@media (max-width: 640px) {
    .program-h1 {
        margin-right: 0;
        margin-left: 0;
        display: block;

    }

    .program-h1 > span, .program-h1 .program-name {
        display: block;
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        border: none !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .programs-form-search {
        width: 100%;
    }
}

.note_div .note-item:nth-child(odd) .img-label {
    background-color: var(--primary);
}

.f-item .f-value:nth-child(odd) .img-label {
    background-color: var(--primary);
}

.my_item_parent .my_item:nth-child(odd) .img-label {
    background-color: var(--primary);
}

.soonimg{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11;
}
html[lang=ar] .soonimg{
    right: auto;
    left: 0;
    transform: rotateY(-180deg);
}

html[lang=ar] .portal-text h1 {
    letter-spacing: 0px;
}

.syotimer__body{
    display: flex;
    margin-top: 30px;
    /*direction: ltr*/

}
.syotimer__body > div{
    margin-right: 10px;
}
.syotimer-cell__value{
    width: 90px;
    height: 90px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    color: var(--primary);
    border-radius: 12px;
}
.syotimer-cell__unit{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    margin-top: 10px;
    text-transform: capitalize;
}
.soon-header{
    z-index: 1000;
}

.share-modal .user-data{
    text-align: initial;
}

.share-modal .user-data h3{
    color: #000;
}


.beta{
    margin-left: 10px;
    background: var(--primary);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    padding: 2px 5px;
    border-radius: 3px;
}

.forget-password{
    font-size: 13px;
    text-decoration: underline !important;
}


.show-pass-input{
    position: relative;
}
.show-pass-input input{
    padding-right: 40px;
}
.show-pass-input button{
    position: absolute;
    top: 0;
    right: 0;
}
.show-pass-input button.active .fa-eye:before {
    content: "\f070";
}


/*Portal V2*/
.login-v2{
    background: #000;
    min-height: 100vh;
}
.login-v2-header{
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.login-v2-type{
    display: flex;
    justify-content: center;
    padding: 20px 0;
}



.login-v2-type .btn{
    color: #fff;
}

.btn-google{
    font-size: 13px;
    font-weight: 700;
}

.login-v2  .or span{
    background: #fff;
}
.login-v2 .login-panel{
    max-width: 536px;
}
.login-v2 .login-panel p{
    color: #9B9B9B;
    font-size: 12px;
}
.login-v2 .cta p{
    display: flex;
    justify-content: center;
    color: #9B9B9B;
    font-size: 13px;
    font-weight: 400;
}
.login-v2 .cta p a{
    font-weight: 700;
    color: #9B9B9B;
    font-size: 13px;
}

.pass-strong{
    display: flex;
}
.pass-strong span{
    font-size: 12px;
    color: #9B9B9B;
}
.pass-strong span.active i{
    color: var(--success);
}

.register1-header{
    display: flex;
    padding: 15px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.register1-header img{
    height: 50px;
}

.register-steps{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.register-step1 {
    max-width: 550px;
    text-align: center;
}
.register-step2 {
    max-width: 550px;
    margin: auto;
    padding-top: 120px;

 }
.register-step2 label{
    font-size: 13px;
    font-weight: 400;
}

.register-step1 h2{
    font-size: 30px;
    font-weight: 700;
}

.register-step1 p{
    font-size: 15px;
    font-weight: 400;
}
.register-step2 .ques-number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid var(--success);
    box-shadow: 0 3px 6px rgba(0 ,0 ,0, 0.16);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.register-step2 .nav-pills .nav-link {
    z-index: 2;
    position: relative;
    font-size: 14px;
}


.register-step2 .nav-pills .nav-link.active {
    font-weight: 700;
}
.register-step2 .nav-pills .nav-link.active, .register-step2 .nav-pills .show > .nav-link {
    color: #000000;
    background-color: transparent;
    border-radius: 0;
}
.register-step2 .nav-pills .nav-link.pass .ques-number,
.register-step2 .nav-pills .nav-link.active .ques-number {
    background: var(--success);
    color: #fff;
}
.register-step2 .nav-pills .nav-link.active {
    font-weight: 700;
}
.register-step2 .iti {
    width: 100%;
}
.register-step2 .nav_wizardNav:after {
    height: 2px;
    position: absolute;
    top: 22px;
    left: 65px;
    right: 50px;
    width: calc(100% - 150px);
    background: var(--success);
    content: '';
    z-index: 1;
}
.register-step2 .nav_wizardNav {
    position: relative;
}
.register-step2 .ques-number:after {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #ffffff;
    position: absolute;
    left: -7px;
    top: -7px;
    z-index: -1;
    content: '';
}
.register-step2 .select2-container--default .select2-selection--multiple
{
    background-image: none !important;
    background-color: #ffffff;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid #ced4da;
}
.register-step2 .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    height: 38px;
}
.register-step2 select.error+ .select2-container--default .select2-selection--multiple{
    border-color: #f00;
}
.register-step2  select.error+ .select2-container--default .select2-selection--single {
    border-color: #f00;
}

.register-step2  .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 38px;
}
.register-step2{
    padding-bottom: 40px;
}

.apply-modal h5 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
.apply-modal-items > div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.apply-modal-items .num{
     width: 60px;
    height: 60px;
    background: #E4E4E4;
    color: #fff;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
}


.apply-modal-items h3{
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
 }
.apply-modal-items p{
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}
.apply-modal .close{
    position: absolute;
    top: 10px;
    right: 15px;
}

@media (min-width: 576px){
    .apply-modal .modal-dialog {
        max-width: 705px;
      }
    .apply-modal .modal-content {
         padding: 30px;
     }
}



.upload-img-startup{
    position: relative;
    padding: 3px;
    border:1px dashed #000;
    border-radius: 50%;
    width: 118px;
    height: 118px;
    margin: auto;
}

.upload-img-startup i{
    width: 30px;
    height: 30px;
    border: 1px solid #E0E0E0;
    background: #fff;
    position: absolute;
    right: 10px;
    bottom: 0;
    color: var(--success);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload-img-startup input{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.upload-img-startup img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.select2-container .select2-search--inline .select2-search__field{
    position: absolute;
    opacity: 0;
}
.input-with-counter{
    position: relative;
}
.input-with-counter input{
    padding-right: 45px;
}

.input-with-counter span{
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #9B9B9B;
    font-size: 10px;
}

.startup-stage a{
    font-size: 13px;
    font-weight: 700;
    color: #9B9B9B;
    text-decoration: underline !important;
}


@media(max-width: 640px){
    .syotimer-cell__value {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
    .syotimer-cell__unit {
        font-size: 15px;
    }
    .transparent-bg.soon-header{
        background: #000 !important;
    }


    .login-v2 .login-panel {
        margin-left: 15px;
        margin-right: 15px;
    }
    .form-group .text-danger{
        font-size: 13px;
    }


    .register-step1 h2 {
        font-size: 26px;
     }
    .register-step1 {
         padding: 15px;
    }
    .register1-header {
        background: #fff;
        z-index: 111;
    }

    .register-step2 .ques-number {
        margin-right: 10px;
    }
    .register-step2 .nav_wizardNav:after {
        height: calc(100% - 50px);
        position: absolute;
        top: 22px;
        left: 30px;
        right: 30px;
        width: 2px;
        background: var(--success);
        content: '';
        z-index: 1;
    }
    .application-form{
        padding: 15px;

    }
    .login-panel {
        padding: 25px;
    }

}
.form-control.error{
    border-color: #DC3545;
}

.in-tooltip , .tooltipster-content {
    max-width: 340px !important;
    font-size: 13px!important;
    font-weight: 400!important;
}

.ic-info , .fas.fa-info-circle {
    width: 13px;
    height: 13px;
    background: url(../../images/info.svg) center no-repeat;
    display: inline-block;
    content: '';
}

.ic-next   {
    width: 35px;
    height: 35px;
    background: url(../../angel/images/left-arrow.svg) center no-repeat;
    display: inline-block;
    content: '';
}
.ic-step {
    width: 35px;
    height: 35px;
    background: url(../../angel/images/right-arrow.svg) center no-repeat;
    display: inline-block;
    content: '';
}
.img-container{
    max-height: 450px;
}

.fa-info-circle:before{
    display:none !important;
}
.register-step2.new_investor_application .nav-pills .nav-link.pass .ques-number, .register-step2.new_investor_application .nav-pills .nav-link.active .ques-number {
    background: #4242d4;
}
.register-step2.new_investor_application .ques-number {
    border: 2px solid #4242d4;
}
.register-step2.new_investor_application .nav_wizardNav::after {
    background: #4242d4;
}
.register-step2.new_investor_application .upload-img-startup i {
    color: #4242d4;
}
.modal-radio {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-radio label {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: #000;
    font-size: 16px !important;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    font-weight: 400 !important;
}

.modal-radio label.active {
    border: 1px solid #707070;
    color: #fff;
    background: #707070 !important;
}

.modal-radio label input {
    position: absolute;
    opacity: 0;
}
.input-with-currency {
    position: relative;
}

.input-with-currency input {
    position: relative;
    z-index: 1;
}

.currency-txt {
    position: absolute;
    right: 5px;
    top: 5px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 400;
    z-index: 2;
}

#user_image-error{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;

}
#image-error{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;

}
.upload-img-startup-bg input+img{
    background: rgba(3, 4, 4, 0.7);
}

.upload-img-startup-bg input.error+img{
    background: rgba(255, 0, 0,1);
}
.form-icon-check{
    font-size: 100px;
    color: #0abb87;
    text-align: center;
}

.privacy-help-link{
    color: #9B9B9B;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline !important;
}
.privacy-item-title h3{
    font-size: 15px;
    font-weight: 400;
    color: #000;

}
.ic-lock2 {
    background: url(../../angel/images/ic-lock.svg) left center no-repeat;
    width: 17px;
    height: 22px;
    display: flex;
}

.privacy-item {
    border:1px solid #707070;
    background: #fff;
    color: #707070;
    display: flex;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
}
.input-r{
    margin-right: 15px;
}
.input-r input{
    width: 15px;
    height: 15px;
}
.privacy-data h3{
    font-size: 15px;
    font-weight: 700;
    color: #707070;
    margin-bottom: 5px;
}
.privacy-data p{
    font-size: 13px;
    font-weight: 400;
    color: #9B9B9B;
}


.privacy-item.active {
    border:1px solid #4A4A4A;
    background: #4A4A4A;
    color: #ffffff;
}

.privacy-item.active .input-r input , .privacy-item .input-r input:checked{
    border:none;
    background: url('../../angel/images/check-white.svg') center no-repeat;
}
.privacy-item .input-r input:checked:after{
    display:none;
}



.privacy-item.active .privacy-data h3{
     color: #ffffff;
}
.privacy-item.active .privacy-data p{
     color: #ffffff;
}


.btn-action-login{
    margin-top: 15px;
}

.btn-action-login a{
    color: #707070;
    font-weight: 400;
    font-size: 13px;
}
.register-step3 h2{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;

}
.register-step3 p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
}

.title-register{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}
.modal-radio22 label{
    height: 38px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 1px solid #ced4da;
}
.font-bold{
    font-weight: 700 !important;
}

.text-danger {
    color: var(--danger) !important;
}

 .btn-outline-secondary {
    color: #8E8E8E;
    border-color: #8E8E8E;
}

 .btn-outline-secondary:hover {
    color: #ffffff;
    background: #8E8E8E;

}
.new-team-item .img > div {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px dashed #000;
    padding: 2px;
    margin-right: 10px;
}
.new-team-item .img > div img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.new-team-item h3 {
    font-size: 15px;
    font-weight: 700;
}
.new-team-item h4 {
    font-size: 13px;
    font-weight: 700;
    color: #9B9B9B;
}
.website a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    text-decoration: underline !important;
}
.new-team-item {
    position: relative;
}
.new-team-item {
    margin-top: 20px;
    display: flex;
}
.timeline-history{
    margin-top: 20px;
}
.timeline-history .item {
    padding-left: 20px;
    border-left: 2px solid var(--success);
    position: relative;
    padding-bottom: 20px;
    padding-top: 0 !important;
    border-bottom: none !important;

}

.timeline-history .item:last-child {
    padding-bottom: 0;
}

.timeline-history .item:after {
    position: absolute;
    top: 0;
    left: -6px;
    width: 12px;
    height: 12px;
    content: '';
    background: var(--success);
    border-radius: 50%;
}

.timeline-history .item h2 {
    font-size: 15px;
    font-weight: 700;
    color: var(--success) !important;
    margin-bottom: 10px;
}


.timeline-history .item .text-item-1 {
    margin-top: 10px;
}

.text-item-1 {
    margin-top: 20px;
}

.text-item-1 .tags {
    margin-top: 10px;
}

.text-item-1 .tags a {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary);
}

.text-item-1 .tags a:hover {
    color: #fff;
}

.text-item-1 h3 {
    font-size: 13px;
    font-weight: 700;
    color: #9B9B9B;
}

.text-item-1 p {
    font-size: 15px;
    font-weight: 400;
}

.text-item-1 span {
    font-size: 13px;
}

.text-decoration-underline {
    text-decoration: underline !important;
}


.bg-success {
    background: var(--success) !important;
    color: #fff;
}

.app-lists .item h3 {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}
.contact_investor_a{
    display: flex;
    max-width: 160px;
    align-items: center;
}
.app-lists .item h4 {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    margin-top: 15px;
    margin-bottom: 5px;
}

.app-lists .item p {
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
}

.f-title {
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.f-value {
    font-size: 15px;
    font-weight: normal;
    color: #000;
    margin-top: 5px;
}

.box-1 {
    height: 100%;
}

.box-1 .img {
    position: absolute;
    top: 10px;
    left: 10px;
}

.box-1 h2 {
    font-size: 30px;
    font-weight: bold;
    color: var(--primary);
    margin-bottom: 10px;
}

.box-1 h3 {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    line-height: 20px;

}

.box-2 h2 {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.box-2 .btn {
    color: var(--primary);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background: #ffffff !important;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    padding: 0;
    line-height: 25px;
}

.legand {
    margin-top: 40px;
    font-size: .9rem;
}

.legand ul {
    padding: 0;
}

.legand ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.legand ul li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 4px;
}

.legand ul li b {

    margin-left: 10px;
    margin-right: 10px;
}
.last-update {
    font-size: 10px;
    font-style: italic;
    color: #9B9B9B;
}
.btn-outline-success {
    border-color: var(--success);
    color: var(--success);
}
.btn-outline-success:hover {
    color: #fff !important;
    background: #2D9883;
}


.new-team-items h2 {
    font-size: 13px;
    font-weight: 700;
    color: #9B9B9B;
}

.new-team-item {
    margin-top: 20px;
    display: flex;
}


.new-team-item .img > div {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px dashed #000;
    padding: 2px;
    margin-right: 10px;
}

.new-team-item .img > div img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.new-team-item h3 {
    font-size: 15px;
    font-weight: 700;
}

.new-team-item h3 a {
    color: var(--primary);
    font-size: 20px;
}

.new-team-item h4   {
    font-size: 13px;
    font-weight: 700;
    color: #9B9B9B;
}


.new-team-item p   {
    font-size: 13px;
}

.ac-btn{
    width: 90px;
}
.h-400{
    height: 400px !important;
    line-height: 35px;
    font-size: 16px;
}

select.h-400 option{
    height: 30px;
}