@import url('animate.css');


@import url('https://cdn.lineicons.com/3.0/lineicons.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;800;1000&display=swap');
/* CSS Document */

html,
body {
overflow-x: hidden;
}
body { font-family: 'Open Sans', sans-serif;

float: left;
width: 100%;
color: #000;font-weight: 300;
background-attachment: fixed; background-size: 40%;
padding-right: 0 !important;
     scroll-behavior: smooth;
       -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

}
/*Snakbar start*/
#snackbar {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#00bc8c;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#snackbar1 {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#00bc8c;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar1::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar1.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#snackbar2 {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#fc5d44;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar2::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar2.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/*Snack bar end*/



/*Success Tic Start*/
#success_tic{text-align:center;}
#success_tic .modal-content{background:url(../slider/slider-1.jpg);background-attachment:fixed;}
#success_tic h3{font-size: 16px;
    padding: 24px;
    line-height: 30px;color:#fff;}
    #success_tic img{max-width: 300px;margin-bottom: 25px;}
 #success_tic .page-body .head{
text-align: center;
    padding: 20px 15px;
}
#success_tic p{font-size: 20px;
    color: #fff;
    line-height: 30px;font-weight:600;
}
.modal-header{border-bottom:0px;padding:5px;}
/* #success_tic .tic{
  font-size:186px;
} */
#success_tic .close{
      opacity: 1;
    position: absolute;
    right: 0px;
    font-size: 30px;
    padding: 3px 15px;
  margin-bottom: 10px;
}
#success_tic .checkmark-circle {
  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkmark-circle .background {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #1ab394;
  position: absolute;
}
#success_tic .checkmark-circle .checkmark {
  border-radius: 5px;
}
#success_tic .checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#success_tic .checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid #fff;
  border-top: 15px solid #fff;
  border-radius: 2.5px !important;
  content: '';
  left: 35px;
  top: 80px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}


/*Success Tic End*/

.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: #000;
line-height: 22px;
font-size: 14px; 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;
}
.no-padding {
padding: 0px;
}
.text-left {/* text-align: left !important; */}
.mob-only {
display: none;
}
.desktop-only {
display: block;
}
.layout {
width: 100%;
background: #fff; 

overflow: hidden;
margin: 0 auto;
max-width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.desktop {
display: block;
}
.mob-view {
display: none;
}

.margin-auto{margin: auto !important; float: none !important;}
.full-width{width: 100% !important;}
.header {
position: relative; height:auto;
  background-repeat: repeat-x; z-index: 999;padding:5px 0px;
}


.italic{font-style: italic;}
.navbar-brand{position: relative;top: 0px;padding:0px;z-index: 99999;}
.navbar-brand img{width:220px;}
.navbar-nav li{margin: 0px 5px;}
.navbar-nav li a{text-decoration: none; font-weight: 600; font-size: 15px;text-transform:uppercase;margin:10px 10px; float: left;position: relative;padding-bottom:10px;color:#fff;text-shadow:1px 1px 2px #000;}

.navbar-nav li a:hover::after{content:"";position: absolute;bottom: 0px;left: 0px;width: 30px;height: 3px;background: #fff;}
.attr-nav{flex-direction: row; border-left: 2px solid #fff;padding: 0px 10px;margin-left: 15px;}
.attr-nav i{font-size:28px;color:#fff;}
.attr-nav li{float: left;margin: 0px 10px;}
.attr-nav li a{font-size: 14px;color: #fff;}
.nav-link{color: #fff;}
.attr-nav li img{width: 25px;margin-top: 0px; float: right;margin-left: 10px;}
.attr-nav li .c-btn{background: #FBBE18;color: #fff;padding:8px 12px; border-radius: 20px;color: #fff;text-align: center;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0px !important;}
.header .dropdown-menu{padding: 0px;border: 1px solid #ccc;border-radius: 0px;}
.header .dropdown-menu .navbar-nav li a{padding-left: 0px; padding-right: 0px;}
.header .dropdown-menu li{margin: 0px 0px !important;}

.top-fix{background-color: #fff;position:fixed;top:0;width:100%;z-index:99999;}

/*.navbar-expand-lg .navbar-nav{float: right !important;}*/
.slide-wrap {
width: 100%;
background: #ccc;
float: left;
}
.main-slider {
z-index: 99;
position: relative;
left: 0;
bottom: 0;
right: 0; max-height: auto;
    overflow: hidden;top:-11px;margin-bottom:-11px;
}
.fixed-top{background: rgb(40 40 40 / 30%)}
.main-slider .container {position: relative;
}
.overly{position: absolute;}
.swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto; float: left;

}
.swiper-container img{width: 100%; float: left;}
.swiper-button-white{border-radius: 50%; width: 40px; height: 40px;border: 1px solid #3e4b5a; background-size:12px;display: none;}
.swiper-button-next{bottom: 20px; top: auto; left: 60px;}
.swiper-button-prev{bottom: 20px; top: auto;}
.main-slider .swiper-pagination {
right:10px; left: auto; margin:auto;display:none;
bottom: 0px !important; top: auto !important; width: fit-content;
}
.main-slider .swiper-pagination-bullet {
float: left;
background: #fff !important;
width: 30px; height: 3px;  margin-right: 8px !important;
margin: 10px; opacity: 0.6;
 left: 10px; top: auto !important; bottom: 10px; float: left;
}
.main-slider .swiper-pagination-bullet-active {
width: 50px; height: 3px; background:#064aae !important;opacity: 1 !important;
}
.main-slider .swiper-slide {}
.main-slider .gallery-top {
width: 100%;
}
.main-slider .content {height:100%;background-repeat: no-repeat;position: absolute;left:0px; right:0px; margin:auto auto;width:60%;padding:0px;z-index: 999; top:22%;text-align: center;}


.exp-btn-wrap{position: relative; margin-top: 20px;margin-right: 15px; float: left;width: 100%;text-align:center;}

.exp-btn{width:160px;background: #180750;font-size: 15px;padding: 6px 2px;font-weight: bold;margin-right: 15px;/* float: left; */color:#fff;line-height:22px;position:relative;overflow:hidden;border-radius: 1px;text-align: center;font-weight: bold;display: inline-block;line-height: 30px;text-transform: uppercase;margin: 20px 0px;border-radius: 2px;}
.exp-btn a{color: #fff;font-weight: 600;}

.exp-btn a{color: #fff;font-weight: 600;}


.exp-btn2{width:160px; float: left;}
.exp-btn2 a{color: #fff; font-weight: 400;}
.exp-btn2 i{color: #fff;background: rgba(0,42,25,0.8);border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 39px;font-size: 13px;margin-right: 10px;}
.exp-btn-wrap .wh{background: rgba(255,255,255,0.1) !important; color: #fff; border: 0px; }
.exp-btn-wrap span{background: #042992; color: #fff;text-align: center; border-radius: 50%; width: 30px; height: 30px; float: right;}
.exp-btn:hover{color:#fff}
.exp-btn:hover:after{left:0rem}

.main-slider .content h1{color:#180750;font-size:40px;text-transform:uppercase;font-weight:bold;line-height:50px;}
.main-slider .content h2{font-size:22px;margin-bottom:10px;color:#fff;font-weight:300;text-transform:uppercase;}
.spagecontent h2{font-size:3vh;color:#0a1a3d !Important;font-weight:300;text-transform:uppercase;}
.main-slider .content h3{color: #000; text-align: center; font-size: 16px; line-height: 20px;}
.main-slider .content h1 span{font-size: 22px; width: 100%; float: left;}
.main-slider .content p {
font-size: 22px; font-weight: 400;
color: #fff;margin-top: 5px;line-height: 36px; float: left;text-align:center;width: 100%; 
}
.main-slider .content a.quote-btn {
border: 1px solid #fff;
padding: 15px;
font-weight: 600;
float: none;
color: #fff;
text-transform: uppercase;
}


.header nav.navbar.bootsnav ul.nav > li > a.active{color: #10171D !important;}
.header nav.navbar.bootsnav ul.nav > li > a i{font-size: 18px;}


.container{max-width: 1140px;}

.top-section{ padding: 2em 0px; float:left;width:100%;background-attachment:fixed;background-size:cover;}
/*.top-section{background:url(../img/bg.jpg)center center; padding: 2em 0px; float:left;width:100%;background-attachment:fixed;background-size:cover;}*/

.home-about {float: left;width: 100%;position: relative;padding: 2em 0px 2em 0px; float:left;}
.home-about .container{max-width: 960px;}


.home-about h2{font-size:40px; font-weight:bold;line-height:50px; float: left;width: 100%; text-align:right;color:#180750;}
.home-about h2 span{width: 100%; font-weight:800;float: right;text-align:right; color:#4d1036;font-size:32px; }
.home-about p{font-size: 14px; color:  #0E1422;line-height: 24px;text-align: justify;font-weight: 400;}


.home-agenda {float: left;width: 100%;position: relative;padding:  2em 0px 2em 0px; float:left;}
.home-agenda .container{max-width: 960px;}
.home-agenda h2{font-size:40px; font-weight:bold;line-height:50px; float: left;width: 100%; text-align:right;color:#180750;}
.home-agenda h2 span{width: 100%; font-weight:800;float: right;text-align:right; color:#4d1036;font-size:32px; }
.home-agenda p{font-size: 14px; color:  #0E1422;line-height: 24px;text-align: justify;font-weight: 400;}
.timeline-container{
     width:90%;
     margin:auto;
     display:block;
     position:relative;
}
 .timeline-container ul.tl{
     margin:20px 0;
     padding:0;
     display:inline-block;
}
 .timeline-container ul.tl li {
     list-style: none;
     margin:auto;
     min-height:50px;
     border-left:1px solid #180750;
     padding: 0px 0 30px 30px;
     position:relative;
     display: flex;
     flex-direction: row;
}
 .timeline-container ul.tl li.dashed {
     border-left:1px dashed #180750;
}
 .timeline-container ul.tl li:last-child{
     border-left:0;
}
 .timeline-container ul.tl li .item-icon {
     position: absolute;
     left: -11px;
     top: -1px;
     content: " ";
     border: 8px solid rgb(25 17 81);
     border-radius: 500%;
     background: #ffffff;
     height: 20px;
     width: 20px;
}
 .timeline-container ul.tl li:hover::before{
     border-color:#86D6FF;
     transition: all 1000ms ease-in-out;
}
 ul.tl li .item-text {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
}
 ul.tl li .item-title {line-height: 10px;font-weight: 400;text-transform:uppercase;direction: ltr;}
 ul.tl li .item-detail {
     color: #4d1036;
     font-size: 15px;
     font-weight: 800;
}
 ul.tl li .item-timestamp{
     color: #000;
     font-size: 12px;
     text-align: right;
     padding-left: 20px;
}
.headlogo{    max-width: 400px;float: none !important;margin: 15px 0px;}

.home-video{width:100%;padding:3em 0px; float:left;}
.home-venue{width:100%;padding:3em 0px; float:left;background:#efefef;}

.home-venue h2{font-size:40px; font-weight:bold;line-height:50px; float: left;width: 100%; text-align:left;color:#180750;}
.home-venue h2 span{width: 100%; font-weight:800;float: left;text-align:left; color:#4d1036;font-size:32px; }
.home-venue h3{font-size:20px; font-weight:bold;line-height: 30px; float: left;width: 100%; text-align:left;color:#4d1036;margin:15px 0px;}
.home-venue .btn-submit{float:left;padding:15px 20px;}
.home-about .exp-btn-wrap{float: right !Important;margin-top: 20px;}
.home-about .exp-btn{width:160px;border:1px solid #E41D24;background:none;float: left; font-size:14px;padding:2px 2px;margin-right: 15px; margin-right: 0px; color:#fff ;line-height:22px;position:relative;overflow:hidden; border-radius: 40px;text-align: center; font-weight: 300; display: inline-block; line-height: 30px;}
.home-about .exp-btn:hover{color: #fff;}
.ha-img img{border-radius:0px;position: relative;z-index: 99;width: 70% !important;z-index: 999;float: right;}
.ha-img {float: right;position: relative;z-index: 999;}

.ha-img2 img{border-radius:0px;position: relative;z-index: 99;width: 320px !important;}
.ha-img2 {position: absolute;right: 0px;top: 0px;}

.home-partners{float:left;width:100%;}
.home-partners h2{text-align: center; font-size: 22px;text-align: center;margin: 15px 0px;width: 100%;}
.partnerslist img{max-width:100%;}
.home-partners h3{text-align:center;font-weight:600;text-transform:uppercase;}
.partnerslist li{position: relative;padding: 10px;}

.partnerslist li::after{content:"";position:absolute;right:0px;height: 121px;width:2px;background:#ccc;top: 25%;}
.partnerslist li:last-child::after {content: none;}

.startuplist{width: 100%;float: left;padding:3em 0px;background:#efefef;background-attachment:fixed;}
.startuplist h1{color:#4c1036;font-weight:bold;margin:15px 0px;font-size:32px;}
.startuplist h1 span{color:#180750;}
.startups{padding: 25px; background: #ffffff;border-radius: 4px;position: relative; float: left;width:100%;margin-bottom:25px;height:470px;}
.startups h2{color: #180750;font-size: 22px;margin-bottom: 15px;font-weight:bold;width:100%;line-height: 69px;}
.startups p{color: #000000;line-height: 20px;text-align: justify;width:100%; float:left;}
.startuplogo{width: 75px;float: right;margin: 0px 0px;line-height: 0px;position:absolute;top:25px;right:25px;}
.startuplogo img{width: 100%;}
.startupbody{height:130px;}
.startupcontact{float: left;width: 100%;padding: 15px 0px;}
.startupcontact p{color: #000;text-align:left;}
.startupcontact p span{color:#4d1136;font-weight:600;}
.startupcontact p a{color: #000;}
.startupfoot{text-align:center;float: left;width: 100%;position: absolute;bottom: 10px;left: 0px;}
.startupfoot .dealbtn{background: #4d1136;width: auto;margin:10px 0px;float:none;padding: 10px 15px;position: relative;color: #fff;border-radius:0px;font-weight:600;z-index: 999;}

.startupfoot .dealbtn::before{content:"";position:absolute;background:#180750;width: 100%;height: 100%;z-index: -1;left: -5px;right: 0;margin: 0 auto;top: -2px;}
#red{color:red;font-size:13px;}
.dmodal .modal-dialog{padding:0px;width:700px;max-width:90%;}
.dmodal .modal-header{background:#180750;border-radius: 0px !important;}
.dmodal h2{font-size: 24px;font-weight: bold;margin-bottom: 15px;color: #180750; line-height: 32px;}
.dmodal .modal-content{border-radius: 0px !important;background-size: contain;background-repeat: no-repeat;}
.dmodal .modal-body{border-radius: 0px !important;background: url(../img/mbg.jpg)center center;border: 0px;background-size: contain;background-repeat: no-repeat;}
.dmodal .modal-header h1{color:#9fbfb5;text-transform:uppercase;text-align:center;font-weight:600;width:100%;}
.ddform{padding: 2em;
    float: left;
    background: #fff;
    border-radius: 0px;
    height: 100%;}
.ddform label{width:100%;margin:5px 0px;font-weight:400;font-size:14px;width:auto;}

.ddform  h2{font-size:40px; font-weight:bold;line-height:50px; float: left;width: 100%; text-align:left;color:#180750;}
.ddform  h2 span{width: 100%; font-weight:800;float: left;text-align:left; color:#4d1036;font-size:32px; }
.ddform .form-control{border-radius:0px;box-shadow:none;height:50px;border:1px solid #111a2a;margin-bottom:15px;}
#ddform{max-width:600px;margin:0 auto;padding:5em 1em;}
#subs_form{max-width:600px;margin:0 auto;padding:5em 1em;float:none;}
.fullmodal .page-body{padding: 15% 25%;}

.fullmodal .modal-dialog{width: 100% !important;padding: 0px !important;border-radius: 0px !important;max-width: 100%;margin: 0px;}
.fullmodal .modal-content{width: 100%;background:url(../img/bg.jpg)center center;  height: 100vh;}
.fullmodal h2{font-size: 30px;font-weight: bold;margin-bottom: 15px;color: #180750;line-height:40px;}
#mylink{float:left;width:100%; float:left;margin:25px 0px;}
#mylink a{background: #180750;width: auto;margin:10px 0px;float:none;padding: 10px 15px;position: relative;color: #9fbfb5;border-radius:0px;font-weight:600;z-index: 99;}
#mylink a::before{content:"";position:absolute;background:#4d1136;width: 100%;height: 100%;z-index: -1;left: -5px;right: 0;margin: 0 auto;top: -2px;}
.colse-btn{color:#180750;margin:10px;font-size:14px;}


.btn-submit{background: #4d1136;width: 200px;margin:10px 0px;float:right;padding: 10px 15px;position: relative;color: #fff;border-radius:0px;font-weight:600;z-index: 99;}
.btn-submit::before{content:"";position:absolute;background:#191252;width: 100%;height: 100%;z-index: -1;left: -5px;right: 0;margin: 0 auto;top: -2px;}
.btn-submit:hover{color:#fff !important;}
.checkbox{width:100%; float:left;}
.c1{width: auto;float: left;background: #d9d9d9;margin-right: 10px;padding: 5px 20px;}
.c1 label{float:left;width: auto;margin-left: 5px;font-size: 14px;}
.c1 input{float:left;margin-top: 5px;}

.footer{background: #191151; float: left;width: 100%;padding: 2em 0px;}
.footer h3{color: #fff;font-weight: 400; font-size:15px; margin-bottom: 10px;}
.footer p{color: #fff; font-size: 13px;text-align: left;line-height: 20px;}
.footer p span{/* float:left; */}
.footer a{color: #fff; font-size: 13px; font-weight: 300;line-height: 14px;}
.elogo{
    max-width: 60px;
    filter: brightness(11.5);
    position: relative;
    top: 18px;
    padding: 4px;
    }
.br{height: 190px;width: 1px;background:rgb(255 255 255 / 20%);text-align: center;margin: 0 auto;}
.fmenu ul li{width: 50%; float: left;}
.footmid{padding: 10px 0px; float: left;width: 100%;}
.foot-social{width: 100%;padding: 0em 0px; float: left;}
.foot-social h4{color: #fff; font-weight:600; margin: 5px 0px;font-size: 16px;}
.foot-social  ul li {float: left;}
.foot-social  ul li a{color: #fff;font-size: 16px;margin: 5px;}

.copyright{width: 100%; float: left; padding: 1em 0px;text-align: center; border-top:0px solid rgb(255 255 255 / 10%) }
.copyright p{color: #fff;text-align: center;width: 100%;font-size: 13px;margin-top:10px;}


.inner-banner{height: 100px; margin-top: 120px;   background:#ed3833;}
.inner-banner h2{text-align: center;font-size: 3vh;font-weight: 600;margin-top: 40px;color: #fff; float: left;width: 100%;text-transform: uppercase;}
.content-area{padding: 3em 0px;width: 100%; float: left;}


.mt-about h2{font-weight: bold;margin-bottom: 5px;}
.mt-about p{margin-bottom: 15px;}

.has-error{position:relative;}
.has-error .form-error{color: red;font-size: 12px;position: absolute;bottom: 0px;}
.home-contact{padding:2em 0px; float:left;width:100%;background:#fafaf;}
.home-contact h3{text-align:center;font-size:16px;margin:10px 0px;}
.home-contact p{text-align:center;font-size:16px;}

.proimg img{width:100%;}
.qlogo img{max-width:200px;margin:20px;}
.backlink {font-weight:600;margin:15px;color:#000;}
.ar{font-family: 'Cairo', sans-serif}
.arabic{font-family: 'Cairo', sans-serif;direction:rtl;}
.arabic .timeline-container ul.tl li{padding: 0px 30px 30px 0px;    border-right: 1px solid #180750;border-left:0px;}
.arabic .timeline-container ul.tl li .item-icon{left:auto;right:-10px;}
.arabic .home-about h2{text-align:left;font-size:32px;}
.arabic .home-about h2 span{text-align:left;}

.arabic .home-agenda h2{text-align:left;}
.arabic .home-agenda h2 span{text-align:left;}
.arabic .c1{float:right;margin-right:0px;margin-left:15px;}
.arabic .startups h2{float:right;}
.arabic .startuplogo{float:left;left:25px;right:auto;}
.arabic .attr-nav{border-left:0px;    border-right: 2px solid #fff;}
.arabic .home-venue h2{float:right;text-align:right;}
.arabic .home-venue h3{float:right;text-align:right;}
.arabic .home-venue .btn-submit{float:right;}
/*.arabic .startupcontact p span{float:left;}*/
.arabic .startups{height:520px;}
.arabic .startupbody{height:220px;}
.arabic .startupcontact p{text-align:right !important;}
.arabic .partnerslist li::after{right:auto;left:0px;}
.arabic .main-slider .content h1{line-height:58px;font-size:42px;}
.arabic .home-venue h2 span{float:right;text-align:right}
.arabic .ddform h2 span{float:right;text-align:right}
/*.arabic .footer p span{float:right;}*/
/*.arabic .elogo{float:right;}*/

/* Off-canvas menu styles */
.offcanvas {

  background-color: #541738;height:50vh;
 
}
.btn-close{opacity:1;}

.successpage{background:url(../slider/slider-1.jpg);background-attachment:fixed;height: 90vh;position: relative;background-size:cover;top: -10px;padding: 8em 0px;}
.successbody{text-align:center;}
.successbody h2{color:#fff;font-size:22px;line-height:30px;}
.successbody a{color:#fff;font-size:22px;line-height:30px;}
#mylink a{color:#fff;padding:20px 20px;}
/* -------------------------------- 

Main components 

-------------------------------- */
@media (min-width: 1600px) {
    .inner-banner .overlay{margin: 0 auto; padding-left: 15px;}
.main-slider .gallery-top {
    width: 100%;
}
 
 

}
@media only screen and (min-width: 1600px) {

    .home-about{max-width: 1140px;margin: 0 auto; float:none !important}
.footer .foot-area .container {
    max-width: 90%;
}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
.content-wrap {
    width: 100%;
}
        .tat-gallery-box{height: auto;}
    .swiper-container{height: 472px !important; }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) {
#nav > ul > li > a {
    font-size: 9px;
}
    
    .content-wrap {
    width: 100%;
}
    .swiper-container{height: 385px;}
    .timing-wrap{height: 420px;}
.content-area .product-list {
    height: auto;
}
.content-area .product-list ul li {
    width: 76%;
    padding: 0px;
    height: 300px;
    float: none;
    margin: 0 auto;
}
.header .top-bar .menu ul li a {
    font-size: 10px;
}
.header .logo-bar .right {
    width: 92%;
}
.header .logo-bar .right {
    
    
}    
    
}
@media screen and (max-width: 773px) {
    .header {padding:10px 0px;}
    .navbar-nav li a{margin:5px 0px;}
   .navbar-toggler{border:0px solid #fff;}
   .navbar-toggler-icon{filter: invert(1);}
    .col-6{width: 100%;}
    .col-4{width:100%;}
       .col-8{width:100%;}
.navbar-brand img{width:140px;}
    .attr-nav{border-left: 0px;padding-left: 0px;margin-left: 0px;}
    .attr-nav li{float: left !important;    margin: 0px !important;}
    .header .ms-auto{    margin-left: 0px !important;}
    .top-info-bar{text-align: center;}
    .swiper-slide {height:300px;}
     .headlogo{max-width:200px !important;height:auto !important;}
      .swiper-slide img{width: 100% !important; height:100%;}
      .main-slider{top:-24px;margin-bottom:-24px;}
    .main-slider .content{width: 90%;}
    .main-slider .content h2{font-size: 18px; line-height: 26px;margin-top:5px;}
    .main-slider .content h1{font-size: 22px; line-height:26px;}
    .main-slider .content p{font-size: 16px; line-height: 26px;}
      .main-slider .content h2 span{font-size: 22px; line-height: 26px;}
    .home-agenda{background:#fafafa;}
.top-section{padding:0px;}
    .home-about{padding: 2em 0px;}
   
    .exp-btn{margin-bottom: 15px;}
    .home-about h2{text-align:left;font-size: 5vh;line-height:5vh;margin-bottom:10px;}
    .home-about h2 span{text-align:left;font-size: 3vh;}
   .home-agenda h2{text-align:left;font-size: 5vh;line-height:5vh;margin-bottom:10px;}
  .home-agenda h2 span{text-align:left;font-size: 3vh;}
      .home-venue h2{text-align:left;font-size: 5vh;line-height:5vh;margin-bottom:10px;}
  .home-venue h2 span{text-align:left;font-size: 3vh;}
 .arabic .home-about h2{text-align:right;font-size:32px;line-height:32px;    margin-bottom: 20px;}
 .arabic .home-about h2 span{text-align:right;}
 .arabic .home-agenda h2{text-align:right;}
  .arabic .home-agenda h2 span{text-align:right;}
  .arabic .main-slider .content h1{font-size:18px;line-height:24px;}
  .main-slider .content{top:10%;}
  .fullmodal .page-body{padding:15% 10%;}
  .fullmodal h2{font-size:18px;line-height:20px;}
  .home-partners .col-7{width:100%;}
   .dmodal .modal-dialog {max-width:100%; margin:0px 0px;}
   .tc{text-align:center;}
   .tc .btn-submit{float:none !important;margin:15px 0px;}
   .arabic .tc .btn-submit{float:none !important;margin:15px 0px;}
  
    .partnerslist li.col-3{width:50% !important;}
     .partnerslist li.col-6{width:100% !important; }
        .partnerslist li.col-5{width:100% !important; }
    .copyright p{color: #fff;text-align:center !Important;width: 100%;font-size: 13px;}
}


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

@media screen and (max-width:480px) {
  
}
@media screen and (max-width:320px) {
    
    .navbar-brand img{max-width: 240px;;float:left;}
}