@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
html {
  scroll-behavior: smooth;
}


body {
font-family: "Mukta", sans-serif;
  float: left;
  width: 100%;
  color: #000;
  font-weight: 300;
  background-attachment: fixed;
  background-size: 40%;
  padding-right: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.ar{ font-family: "Cairo", sans-serif;direction:rtl;}
.modal-open {
  padding-right: 0!important;
  overflow: hidden;
}

::-moz-selection {
  /* Code for Firefox */
  color: #000;
  background: #d7c07f;
}

::selection {
  color: #000;
  background: #d7c07f;
}

.btn {
  box-shadow: none;
  outline: none;
}

button {
  box-shadow: none;
  outline: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

p {
  color: rgba(35, 31, 32, 1);
  line-height: 26px;
  font-size: 15px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

a:hover {
  color: #0e2c18;
}

ul li,
ul li a,
ol li,
ol li a {
  color: #161616;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

:focus {
  outline: none;
}

/* Styles for images */
img {
  max-width: 100%;
  height: auto;
}
:root{--pc:rgba(160, 37, 31, 1)}

/* header */
.navbar{padding:0px !important;}
.navbar-brand{padding: 0px;
}
.navbar-brand img{max-width: 200px;border-left:2px solid #fff;border-right:2px solid #fff;margin: 0px 0px;padding: 10px 15px;}
.rmenu a{ color:#fff;border:1px solid #fff !Important;}
.ar{font-family: "Cairo", sans-serif;direction:rtl;}
.offcanvas-body li{list-style:none;padding:10px 0px; border-bottom:1px solid #ccc;}
.offcanvas-body li a{font-size:16px;}
.banner-area{height: 600px;background:rgb(128 36 70);position: relative;}
header nav{display: flex;justify-content: space-between;align-items: stretch;}
header{border-bottom: 1px solid #fff;}
.logo{border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 0.5rem 0.5rem;max-width:200px;}
.ham{border-left: 1px solid #fff;padding-left: 3rem;height: 100%;display: flex;}
h1{font-size: 80px;color: #fff;font-weight: 400;margin: 0;line-height: 65px;}
h1 span{font-size: 50px;}
.banner-body{text-align:center;margin-top:3%;}
.banner-body img{max-width:300px;margin-bottom:15px;}
.banner-body h1{font-size:30px;color: #fff;font-weight:bold;margin: 0.5rem 0;text-align:center;    line-height: 42px;}
.banner-body h1 span{font-size:26px;color: #fff;font-weight:600;margin: 0.1rem 0;width:100%;float:left;}
.banner-body a{font-size: 18px;font-weight: bold;text-transform: capitalize;color: rgba(35, 31, 32, 1);background:rgb(255 190 60);border-radius: 3rem;padding: 13px 50px;display: inline-table;margin-top: 0.5rem;position: relative;position: absolute;bottom: 30px;left: 0px;right: 0px;margin: auto;text-transform:uppercase;}
.org-by{max-width: 200px;
    margin: 0 auto;}
  .org-by  span{color:#fff;font-weight:600;}
  .org-by img{max-width:100%;filter: brightness(9.5) grayscale(8);}
.banner-body a::after{content: '';width: 100%;height: 100%;border: 1px solid #fff;position: absolute;left: 5px;top: 5px;border-radius: 3rem;}
.banner-body h6{font-size: 15px;color: #fff;font-weight: 300;position: absolute;bottom: 30px;}
.banner-body h6 img{margin-right: 7px;vertical-align: bottom;}
.pat1{position: absolute;right: 0;top: 30%;}
.pat2{position: absolute;right: 10%;bottom:10%;}
.pat3{position: absolute;left: 0;top:50%;}
.pat4{position: absolute;left: 0;top:10%;}
.client ul{display: flex;align-items: center;gap: 5rem;list-style-type: none;padding: 0;margin: 0;justify-self: center;}
.client{background: rgba(53, 53, 53, 1);padding: 1.5rem 0;}
.about{padding: 3rem 0 3rem;text-align: center;}
.about p{font-size:18px;line-height:30px;}
h2.title{font-size: 30px;font-weight: bold;margin-bottom: 1rem;text-transform:uppercase;}
.benifit h2.title{color:#fff !important;}
.theme{padding: 3.5rem 0;}
.theme-box .accordion-button{background:none !Important;font-size: 13px;font-weight:bold;line-height: 19px;text-align: center;width: 100%;display: contents;text-transform: uppercase;}
.theme-box .card-body{background:none !Important;font-size:14px;border:0px;padding: 7px 10px;font-weight: 500;line-height: 20px;color: #000;}
.theme-box:nth-child(1){background: #0093c9}
.theme-box:nth-child(2){background:#ffbf3d}
.theme-box:nth-child(3){background:#c23b33}
.theme-box:nth-child(4){background: #802446}
.theme-box:nth-child(5){background:#802446;}
.theme-box{border-radius: 20px;flex-basis: 380px;padding: 1.5rem 0;}
.t-head,.t-body,.t-log{/* padding-left: 1.5rem; *//* padding-right: 1.5rem; */padding: 20px 20px 00px 20px;}
.t-head {
  overflow: hidden;
  position: relative;border-radius:20px;
}

.t-head img {
     transform: scale(1.7);
    object-fit: contain;
}
.theme-boxes {margin-top: 3rem;
  display: flex
;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  align-items: stretch;
}
.t-head{display: flex;align-items: center;justify-content: space-between;}
.t-head h3{font-size: 22px;font-weight: bold;color: #fff;text-align:center;width:100%;text-transform:uppercase;}
.t-body ul{list-style-type: none;padding: 0;margin: 0;}
.t-body ul li{margin: 0.5rem 0;padding: 0.5rem ;border-radius:12px;background:rgb(255 255 255 / 21%);border: 1px solid #fff;color: #fff;font-size: 18px;font-weight: 300;text-align:center;}
.list-group-item+.list-group-item{border-radius:12px;}
.list-group-item:first-child{border-radius:12px;}
.list-group-item:last-child{border-radius:12px !important;}
.t-log{border-top: 1px solid #fff;margin-top: 3rem;padding-top: 1rem;}
h3.sub-title{font-size: 16px;font-weight: 500;margin-bottom: 1rem;color:#fff;}
.benifit{padding: 4rem 0;background:#6c1d3b;margin: 0 }
.cash-box h3{font-size: 35px;font-weight:bold;text-transform: uppercase;color: rgba(19, 20, 76, 1);}
.cash-box h4{margin: 0;color: rgba(19, 20, 76, 1);font-size: 22px;font-weight: 500;}
.cash-box{background: rgba(255, 255, 255, 1);border-radius: 15px;text-align: center;display: inline-block;padding: 3rem 1rem;}
.mul-cach-box{display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;}

.text{margin: 2rem 2rem;}
.cash-box p{margin: 0;}

@media (min-width: 1600px) {
    .banner-body{text-align:center;margin-top:10%;}
    .banner-area{height: 900px;}
}

@media (min-width: 1200px) {
  .theme-box {
    border-radius: 20px;
    flex-basis: 340px;
    padding: 1.5rem 0;
}
.mul-cach-box .cash-box{flex-basis: 340px;}
.cash-box{width: 430px;position: relative;}
.key-date-area div{flex-basis: 262px;}

}

/* 90% */
@media (min-width: 1400px) {
  .theme-box {
    border-radius: 20px;
    flex-basis: 380px;
    padding: 0 !important;
}
.mul-cach-box .cash-box{flex-basis: 230px;}
.cash-box{width: 430px;position: relative;}
.key-date-area div{flex-basis: 272px;}

}


.cash-box::after{content: '';width: 100%;height: 100%;border: 1px solid #ccc;position: absolute;left: 10px;top: 10px;border-radius:15px;}
.benifit p{color:#fff;/* margin-bottom: 0px; */}
.cash-box p{color:rgba(19, 20, 76, 1);font-size: 14px;line-height: 25px;}
.mul-cach-box .cash-box::before{content: '';width: 30px;height: 1px;background:#fff;position: absolute;left: 102%;top: 50%}
.mul-cach-box .no-bor::before{display: none;}
.key-dates{
  padding: 6rem 0;
}
.key-date-area{display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;margin-top: 3rem;}

.date-box{text-align: center; background: #fff;border-radius: 15px;position: relative;z-index: 1;padding: 2rem;}
/* .date-box::after{content: '';width: 98.5%;height: 98.5%;position: absolute;left: 50%;top: 50%;border-radius:15px;z-index: -1;background: #fff;transform: translate(-50% , -50%);} */
.date-box h3{font-size: 18px;font-weight: bold;}
.date-box:nth-child(odd){background: rgb(255 248 253);}
.date-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px; /* Same as parent */
  padding: 1px; /* This controls the border width */
   background: linear-gradient(45deg, rgba(19, 20, 76, 1), rgb(108 29 59)); /* Your gradient colors */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.date-box h4{font-size: 15px;font-weight: 300;line-height: 27px;}
.d-ico{margin-bottom: 28px;}
.row .date-box{height:300px;}
.color{width: 100%;height: 7px;margin: 2rem 0 2.5rem;position: relative;}
.cl1{background: #6c1d3b;}
.cl2{background:  #6c1d3b;}
.cl1:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top:8px solid #6c1d3b;;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.cl2:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 10px solid  #6c1d3b;;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

  .first-col img {
            width: 180px; 
            height: auto;
            margin-bottom: 20px;
        }

        .second-col img {
            width:180px;
            height: auto;
            margin:0px auto;
        }

        .second-col {
            display: flex;
            justify-content: space-between;
        }
        .mb20{margin-bottom:20px;}

h2.heading {font-size:16px;font-weight: bold;margin-bottom: 1rem;text-transform:uppercase;text-align:center;}    
  .margin-auto{margin:0 auto;}    
.division{text-align: center;}
.incubators{background:#fff;padding: 2rem 0;border-top:1px solid #efefef;}
.img-ul{list-style-type: none;padding: 0;display: flex;gap: 1.5rem;}
.link-ul{list-style: none;padding: 0 0 0 3.5rem;border-left: 1px solid rgba(0, 0, 0, 0.2);height: 100%;}
.link-ul li{border-bottom:1px solid rgba(0, 0, 0, 0.2) ;padding: 10px 0;}
.link-ul li a{font-size: 14px;text-transform: capitalize;font-weight: 400;color: rgba(0, 0, 0, 0.8);}
.link-ul li:last-child{border: none;}
.banner-area.sub-banner{height: auto;    background: rgb(128 36 70);}
.sub-title-medium{font-size: 18px;font-weight: 400;color: rgba(35, 31, 32, 1);}
.faq{padding: 4rem 0;}
.client .owl-carousel{margin-top: 2rem;}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: white;
  /* box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow:none;
}
.faq .accordion-button:not(.collapsed){box-shadow: none;background: #fff !important;}
.faq .accordion-button {
  background: #fff;
  font-size: 14px;
  font-weight: 600;text-transform:uppercase;
  color: #000;
 
  padding: 1.5rem;
  /* border-radius: 16px !important; */
}
.faq .accordion-item{border: none;}
.faq .accordion-body{background: #fff!important;padding-top: 0;}
  .faq .accordion-item{ margin: 15px 0;border-radius: 15px;overflow: hidden;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
  .faq .accordion{margin-top: 3rem;}
  .faq .accordion-button:not(.collapsed){padding:1em 1.5em;}
  .faq .accordion-button:not(.collapsed)::after{background-image: url(../media/ac-op.svg);}
  .faq .accordion-button::after{background-image: url(../media/ac-cl.svg);}
  .accordion-body p{font-size: 14px;line-height:18px;}
.terms{list-style: none;padding: 0;margin-top: 3rem;}
.terms li{    color: rgba(35, 31, 32, 0.8);
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;margin-bottom: 2rem;}
  .terms li span{font-weight: 500;color: #000;}
  .accordion-button:not(.collapsed)::after{transform: none;}
  .inp-grp *{width: 100%;border: none;font-size: 14px;}
  .inp-grp{border-bottom: 1px solid #000;padding-bottom: 1rem;margin-bottom: 1.5rem;}
  .form-div label{font-size: 18px;font-weight: 400;margin-bottom: 1.4rem;}
  .form-div{margin-top: 4rem;}
  footer{background: #6c1d3b;padding: 2rem 0;}
   footer img{filter: brightness(9.5) grayscale(8);
    max-width: 150px;}
  footer p{color: #fff;font-weight: 300;font-size: 14px;line-height: 23px;}
  .f-logo{margin-bottom: 0rem;}
  .social-ul{padding: 0;list-style: none;display: flex;gap: 1rem;}
  .social-ul li{background: rgba(255, 255, 255, 0.1);  padding: 7px 15px;
    border-radius: 11px;}
  .social-ul li a{color: #fff;font-size: 20px;}
  .fr ul{padding: 0;list-style: none;display: flex;justify-content: flex-end;margin-bottom: 2rem;}
  .fr ul li a{font-size: 14px;font-weight: 300;padding: 0 15px;border-right: 1px solid #cdcd;color: #fff !important;}
  .footer-area{display: flex;justify-content: space-between;}
  .fr ul li:last-child a{border: none;padding-right: 0;}
  .footer-area div{flex-basis: 40%;}
  .footer-area div:last-child{text-align: right;align-self: end;}

  .cash-box{position: relative;}

.termspage{padding:2em 0px;}
.termspage h1{font-size:20px; font-weight:bold;text-transform:uppercase;text-align:center;color:#000;}
.termspage h2{font-size:16px; font-weight:600;text-transform:uppercase;}
.termspage p{font-size:13px;line-height:18px;}

.submit-btn{font-size: 18px;font-weight: bold;text-transform: capitalize;color: rgba(35, 31, 32, 1);background: rgba(255, 213, 0, 1);border-radius: 3rem;padding: 13px 50px;display: inline-table;margin-top: 0.5rem;position: relative;text-transform:uppercase;}

.closed{padding:15% 0px;min-height:70vh;}
.closed svg {max-width:100px;}
.closed h1{text-transform:uppercase;font-size:20px;}
.closed p{font-size:14px;}
  /* mobile */
  @media only screen 
  and (min-device-width: 350px) 
  and (max-device-width: 800px) {
      .navbar-brand img{    max-width: 130px;}
 
    h1{font-size: 25px;line-height: 27px;}
    h1 span{font-size: 20px;}
    .about p{text-align:justify;}
    .banner-body{text-align:center;}
    .banner-body h2{font-size: 15px;line-height: 23px;}
    .banner-body a{font-size: 13px;padding: 5px 20px;}
.banner-body{margin-top: 2rem;}
.banner-area{height: 460px;}
.banner-body img{width: 120px;}
.banner-body h6{font-size: 12px;}
.banner-body h6 img {
  margin-right: 7px;
  vertical-align: bottom;
  width: 15px;
}
.client ul{flex-wrap: wrap;gap: 1rem;justify-content: center;}
.client ul li{flex-basis: 38%;}
p{font-size: 18px;line-height: 26px;}
.pat1,.pat2,.pat3,.pat4,.pat5{width: 35px;z-index: -1;}
.about{padding: 3.5rem 0 1rem;}
h2.title{font-size: 24px;text-transform:uppercase;font-weight:bold;}
.theme {
  padding: 3rem 0;
}
.theme  p{text-align:center;}
.t-head h3{font-size: 15px;}
.t-body ul li{font-size: 13px;}
.theme-box{flex-basis: 100%;}

.cash-box h3{font-size: 18px;}
.cash-box h4{font-size: 15px;}
.cash-box {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  text-align: center;
  display: inline-block;
  padding: 1rem 2rem;width:100%;
}
.mul-cach-box .cash-box::before{display: none;}
.key-dates{padding: 3rem 0;}
.date-box h3{font-size: 15px;}
.date-box h4{font-size: 13px;line-height: 22px;}
.date-box{flex-basis: 45%;}
.row .date-box {
  height: 240px;
}
.color {
  width: 100%;
  height: 7px;
  margin: 2rem 0 1.5rem;
  position: relative;
}
.date-box{padding: 10px;}
.row .col-4 {
  flex: 0 0 auto;
  width: 100%;
}
.incubators .row div[class*='col']{width: 100%;}
.link-ul{padding: 0;border: 0;}
.link-ul li a{font-size: 13px;}
.footer-area{display: block;}
.social-ul li a {
  color: #fff;
  font-size: 14px;
}
.fr ul {
  padding: 0;
  list-style: none;
  display: flex
;
  justify-content: flex-start;
  margin: 2rem 0 1rem;
}
.footer-area div:last-child {
  text-align: left;
  align-self: end;
}
.fr ul li:first-child a{padding-left: 0;}
footer p{font-size: 13px;}
.fr ul li a{font-size: 13px;}
.sub-title-medium{font-size: 13px;line-height: 23px;}
.faq .accordion-button{font-size: 14px;}
.accordion-body p{font-size: 13px;line-height: 22px;}
.terms li{font-size: 13px;}
.form-div label{font-size: 14px;}
.inp-grp *{font-size: 13px;}
h2.heading{font-size:24px;}
 .first-col{flex-direction: column; align-items: center;text-align:center;}
   .second-col {flex-direction: column; align-items: center;}
.second-col img {margin-right: auto; margin-bottom: 0px; }
.margin-auto{margin:0px 15px;}
.theme p{text-align:justify;}
}