body{margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif;}

a{text-decoration: none;}

header{width: 100%; float: left; padding: 12px 0px; background: #000;}

.logo-dv img{width: 100%; float: left;}

.banner-img img{width: 100%; float: left;}

.banner-section{background: #191919; padding-bottom: 40px;}

.banner-text{position: absolute; height: 100%; display: flex;  left: 0; top: 0; align-items: center;
justify-content: center;}

.banner-text h1{margin: 0px; color: #fff; padding: 0px; font-weight: 800; font-size: 100px; line-height: 85px;}

.banner-text p{margin: 0px; padding: 0px; font-weight:300; font-size: 35px; color: #fff;}

.banner-text a{
    display: inline-block; background: #fff; color: #000;  padding: 8px 35px;
    font-weight: 500;  margin-top: 15px;border: 1px solid #fff;
}

.banner-text a span{ font-family: 'GFS Didot', serif; font-size: 20px;
    letter-spacing: 2px;  font-style: italic; }

.banner-text a:hover{background: #000; color: #fff;}

.clients-section{background: #000; padding:30px 60px; margin: 30px 0px 0px;}

.client-heading h2{margin: 0px; padding: 0px; color: #fff; font-weight: 700; font-size: 40px; 
	font-family: 'Poppins', sans-serif;}

.client-logosmain{margin-top: 30px;}

#owl-carousel .item{border-radius: 50%; overflow: hidden; background: #fff;}

.item img{width: 100%}

#owl-carousel .owl-nav { position: absolute; height: 100%;  top: 15%; width: 100%;}

#owl-carousel3 .owl-nav { position: absolute; height: 100%;  top: 35%; width: 100%;}

#owl-carousel .owl-nav button span, #owl-carousel3 .owl-nav button span{color: #fff; font-size: 75px;}

#owl-carousel .owl-prev, #owl-carousel3 .owl-prev{margin-left: -30px;}

#owl-carousel .owl-next, #owl-carousel3 .owl-next{margin-right: -30px; float: right;}

.countdown-section{background: #000; margin-top: 30px; padding: 30px 60px;}

.countdown-section .client-heading  h2{margin-bottom: 20px;}

.qatar-summit{display: flex; align-items: center; height: 100%}

.qatar-summit img{width: 280px; max-width: 100%; margin: 10px 0px;}

.qatar-summit h2{margin: 0px; padding: 0px;color: #fff; font-weight: 900;}

.qatar-summit a {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 8px 25px;
    font-weight: 500;
    margin-top: 15px;
    border: 1px solid #fff;
}

.qatar-summit a span {
    font-family: 'GFS Didot', serif;
    font-size: 20px;
    letter-spacing: 2px;
    font-style: italic;
}

.upcoming-text a span { font-family: 'GFS Didot', serif;
    letter-spacing: 2px;
    font-style: italic;}

.qatar-summit a:hover {
    background: #000;
    color: #fff;
}

.qatar-time-text{height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}

.qatar-time-text h2{color: #fff; margin-top: 40px; padding: 0px; font-size: 30px; font-weight: 900;
font-family: 'Poppins', sans-serif;}

#countdown ul{margin: 0px; padding: 0px; list-style: none;display: flex;
    flex-direction: row; justify-content: center;}

#countdown ul li{color: #fff;padding: 0px 5px; font-size: 35px; font-weight: 900;
font-family: 'Poppins', sans-serif; display: inline-block;
background-color: #1a1c1ccc;
    box-shadow: 0 5px 10px #0000004d;
    border-radius: 8px;
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-right: 4px;
    text-shadow: 0 1px 0 #0000004d;}

#countdown ul li i{font-size: 12px; }    

.speaker-section{background-image: linear-gradient(90deg, #757575 0%, #191919 100%); padding: 50px 0px 70px;}

.speaker-img{overflow: hidden; border-radius: 50%;}

.speaker-img img{max-width: 100%; border-radius: 50%;}

.speaker-img:hover img{cursor: pointer; transition: all ease-in-out 0.5s;
transform: scale(0.9);}


.speaker-text{margin-top: 10px;}

.speaker-text h4{margin: 0px; color: #fff;font-family: 'Poppins', sans-serif; font-size: 20px}

.speaker-text  p{margin:7px 0px; color: #fff; font-size: 15px; font-weight: 300;}

.speaker-text  p strong{font-weight: 600;}

.speakrs-bxes{margin-top: 30px;}

.event-part{margin-top: 30px;}

#owl-carousel1 .owl-nav { position: absolute; height: 100%;  top: 15%; width: 100%;
z-index: 1;}

#owl-carousel1 .owl-nav button span{ font-size: 75px;}

#owl-carousel1 .owl-next{float: right;}

.event-gallery{margin-top: 20px;}

footer{padding: 30px 0px; background: #000;}

.footerzeal img{width: 220px; max-width: 100%;}

.footerzeal p, .footzeallogos p{font-size: 14px; color: #fff; padding-left: 40px;}

.footzeallogos img{width: 220px; max-width: 100%;}

.footzeallogos p{padding-left: 0px;}

.footer-social{margin-top: 20px 0px;}

.footer-social ul{margin:10px 0px 0px; padding: 0px; list-style: none;}

.footer-social ul li{display: inline-block; margin: 0px 5px;}

.footer-social ul li a i{color: #949494; font-size: 25px;}

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

.services-dvs{background: #000; padding: 50px 0px;}

.servicenew {
    margin: 30px 0px 20px;
}

.service-bx{    margin: 0px 0px 0px;
    padding: 30px 60px;
    background: #191919;
    height: 100%;
    display: flex;
    align-items: center;}

.service-bx h3{font-weight: 700;  font-size: 35px; color: #fff; padding: 0px 0px; margin-bottom: 20px}


.service-bx p{margin: 0px; color: #fff; font-size: 15px;}

.service-bx a{
    display: inline-block; background: #fff; color: #000;  padding:6px 22px; font-style: italic;
    font-weight: 500; margin-top: 15px; border: 1px solid #fff;font-family: 'GFS Didot', serif;
    font-size: 18px;
}

.service-bx a:hover { background: #000;  color: #fff;}

.servicenew .col-md-6:first-child {
    padding-right: 0px;
}

.servicenew .col-md-6:last-child {
    padding-left: 0px;
}

.service-img{height: 100%;}

.service-img img {
    width: 100%; height: 100%;
}



.gallery-dv{background: #191919; padding: 30px 0px;}

.gallery-text h3{margin: 0px; padding: 0px; color: #fff;}

.gallery-text p{margin: 0px; color: #fff;}

.gallery-img img{width: 100%;}

.gallery-text{margin: 15px 0px;}

.gallery-text h3{margin: 0px; padding: 0px; font-size: 20px; font-weight: 800;}

.gallery-text p{margin: 0px; font-size: 16px; font-weight: 400; margin-top: 5px;}

.about-zealdv{width: 100%; float: left; padding: 30px 0px; background: #191919;}

.about-main{background: #000; padding: 30px 50px;}

.about-main h2{margin:50px 0px 0px; padding: 0px; color: #fff; font-family: 'Poppins', sans-serif;
font-size: 40px; font-weight: 700;}

.about-main h2:first-child{margin-top: 0px;}

.about-main p{margin:25px 0px 10px; padding: 0px; font-size: 16px; color: #fff;
line-height: 28px;}

.about-main ul{margin: 0px; padding: 0px 0px 0px 20px; list-style: none;}

.about-main ul li{margin:10px 0px 0px; padding: 0px 0px 0px 20px; font-size: 16px; color: #fff;
position: relative;}

.about-main ul li:before{width:6px; height:6px; background: #fff; border-radius: 50%;
content: ""; display: inline-block; top: 8px; position: absolute; left: 0px;}

.contact-section{background: #000; padding: 30px 50px; margin-top: 30px;}

.contact-section h2{margin:0px; padding: 0px; color: #fff; font-family: 'Poppins', sans-serif;
font-size: 40px; font-weight: 700;}

.contact-section p{margin: 20px 0px 0px; color: #fff; font-size: 16px;}

.contact-section ul{margin:20px 0px 0px; padding: 0px; list-style: none;}

.contact-section ul li a{width: 40px; height: 40px; background: #949494; border-radius: 50%;
color: #000; line-height: 40px; text-align: center; float: left; font-size: 25px; margin-right:10px;}

.contact-left{margin-top: 30px;}

.contact-left ul{margin: 0px; padding: 0px; list-style: none;}

.contact-left ul li{margin: 0px 0px 20px; color: #fff; }

.contact-left ul li i{font-size:25px; color: #fff; float: left; margin-right: 30px;}

.contact-frms label{width: 100%; float: left; color: #fff; font-size: 14px; margin-bottom: 5px;}

.contact-frms{margin-bottom: 15px;}

.contact-frms input,
.contact-frms select{width: 100%;float: left; margin:0px; padding: 7px 10px; border: 1px solid #fff;
background: transparent; color: #fff;}

.contact-frms input::placeholder, .contact-frms textarea::placeholder{color: #fff;}

.contact-frms textarea{width: 100%;float: left; margin:0px; padding: 7px 10px; border: 1px solid #fff;
background: transparent; color: #fff; height: 120px;}

.sendbtn input, .sendbtn button{
    background: #e6d8d7; margin: 10px 0px 0px;  padding: 15px 70px; color: #000;
    border: none; font-size: 14px; border: 1px solid #e6d8d7; transition: all linear 0.5s;
}

.sendbtn input:hover, .sendbtn button:hover{background: transparent; border: 1px solid #fff; color: #e6d8d7;}

.initiative{background: #417586; margin: 40px 0px 0px; padding:70px 30px;height: 85%;}

.initiative h3 {
    margin: 0px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}

.initiative p {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.upcomingheading{margin-top: 50px;}

.upcomingheading h2{
    margin: 0px;  padding: 0px;  color: #fff; font-weight: 700;
    font-size: 40px;  font-family: 'Poppins', sans-serif;
}

.upcomingheading p{margin: 0px; padding: 0px; font-weight:400; color: #fff; font-size: 16px;}

.upcomingheading p a{color: #fff;}

.upcoming-img img{width: 100%; float: left;}

.upcoming-text{position: absolute; bottom: 0; left: 0; width: 70%; background:#417586;
padding: 10px 25px;}

.upcomingmnbx{margin-top: 30px;}

.upcoming-text h4{margin: 0px; color: #fff; font-size: 26px; font-weight: 700;}

.upcoming-text p{margin: 0px; padding: 0px; color: #fff; font-size: 20px; font-weight: 300;}

.upcoming-text h3{margin:20px 0px 0px; color: #fff; font-size: 26px; font-weight: 700;}

.upcoming-text a {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 7px 30px;
    font-weight: 300;
    margin-top: 15px; float: right;
    border: 1px solid #fff;
    font-size: 15px;font-family: 'Poppins', sans-serif;
}

.upcoming-text a:hover{background: #fff; color: #000;}

/**css-end**/

/**menu-css-start**/

div#overlay { display: none}

a#toggle {position: relative; text-align: center; color:#fff; display: none;
float: right; outline: none; margin-right: 10px; z-index: 99;}

a#toggle i { font-size: 30px}

a#toggle i { position: relative;}

.open-menu a#toggle i {color: #fff}

main#content {padding: 10px;}

#menu{
    text-align: left; transition: all ease-out .3s; height: 100%;
 align-items: center;    display: flex; float: right;}

#menu a { color: #000; text-decoration: none}

#menu ul {margin:10px 0px 0px;padding: 0;text-align: center;}

#menu ul li {display: inline-block;position: relative; margin-right: 40px;}

#menu ul li>a {
    display: inline-block; /**padding: 4px 7px;  font-size: 14px;**/
    margin: 0px; color: #fff; position: relative; font-weight:500;
    transition: all linear 0.5s; margin: 0px 0px 0px 0px;
    padding: 4px 0px;  font-size: 15px;}

#menu ul li>a.active{color: #ff7c80;}

#menu ul li>a:hover{color: #ff7c80;}

#menu ul li>a>i { margin-left: 10px; transition: all ease-out .3s;  
    -webkit-transition: all ease-out .1s}

#menu ul li ul{
    display: none;
    position: absolute;
    top: 22px;
    width: 207px;
    background: #232323;
    text-align: left;
    z-index: 3;
}

#menu ul li ul li a { border: none; color: #000;}

#menu ul li ul li:hover>a {color: #fff}


#menu ul li ul li a:after{display: none;}

#menu ul li ul li {display: block}

#menu ul li ul li a {
    display: block;  text-transform: capitalize;  color: #fff;
    font-size: 14px;  padding:8px 15px;  font-weight: 500;  margin: 0
}

#menu ul li ul li:hover a{color: #ff7c80;}


#menu ul li ul li:before { border-left: none}

#menu ul li:hover>a>i { transform: rotateZ(90deg)}

#menu ul li:hover ul { display: block}

#menu ul li a:before {
    left: -16px;
    top: -1px;
    border-left: 3px solid #ff7c80;
    border-top: 3px solid #ff7c80;
    -webkit-transform: translate(100%, 50%);
    transform: translate(100%, 50%);
}

#menu ul li a:before, #menu ul li a:after {
    height: 14px;
    width: 14px;
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
}

#menu ul li a:hover:before, #menu ul li a.active:before, #menu ul li a:hover:after, #menu ul li a.active:after {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
}

#menu ul li a:after {
    right: -12px;
    bottom: 0;
    border-right: 3px solid #ff7c80;
    border-bottom: 3px solid #ff7c80;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

#menu ul li a:hover:before, #menu ul li.current a:before, #menu ul li a:hover:after, #menu ul li.current a:after {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
}

#menu ul li ul li a:before, #menu ul li ul li a:after {display: none;}

/**menu-media**/

@media screen and (max-width:767px) {
 a#toggle { display: block  }

a#toggle { margin-top: 15px;}

a#toggle:hover {  text-decoration: none  }

#menu .fa-plus { display: block }

main#content {  margin-top: 65px; transition: all ease-out .3s }

#menu { position: fixed; width: 250px; height: 100%; top: 0;
        right: 0; overflow: hidden; overflow-y: hidden; z-index: 9;
        overflow-y: auto; background-color:#1e1e1e; transform: translateX(750px)}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  top: 50px;
  position: absolute;
}

#menu ul li ul { padding-top: 0  }

#menu ul li { display: block }

#menu ul li a {
  display: block; outline: none; color: #fff; padding: 16px 0!important; margin: 0
}

#menu ul li a>i {  float: right;margin-top: 5px; }

#menu ul li ul { display: none; position: static; padding: 0; width: 100%}

#menu ul li:hover>ul {  display: none  }

#menu ul li:hover>a>i { transform: rotateZ(0) }

.open a i::before { content: "\f107"; }

#menu ul li.open>ul { display: block;margin-top: 0px; }

div#overlay { display: block; visibility: hidden; position: fixed;
 right: 0; top: 0;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, .8);
  z-index: 1; opacity: 0 }

html.open-menu { overflow: hidden  }

html.open-menu div#overlay { visibility: visible;  opacity: 1; width: calc(-150%);
left: 250px }

html.open-menu nav#menu {  z-index: 22; transform: translateX(0)  }

#menu ul li>a { border-right: none }

#menu ul li ul a { font-weight: 400; padding: 8px 0!important }

#menu ul li ul li {  border-bottom: none }

#menu ul li ul { background: 0 0 }

.open-menu .fa-bars:before {  content: "\f00d"  }

#menu li:last-child { border-bottom: none }

#menu ul li::before { display: none }

#menu ul li a.active {  border-bottom: none }

#menu ul li > a{border: none}

#menu  .active{color: #fff;}

#menu a.active::after{content: none !important; border: none;}
#menu a:hover{border: none;}

#menu ul li a:hover{border-bottom: none;}

#menu ul li > a:hover{background: none;}

#menu ul li>a.active{color:#fff;}

#menu ul li>a:hover{color: #fff;}

#menu ul li a::before, #menu ul li a::after{display: none;}

}

/**menu-css-end**/

/**gallery-start**/

.gallery-bx{margin-top: 10px;}



.counter-boxes {
  display: flex;
  flex-direction: row;
}

.count-box {
  background-color: #1a1c1ccc;
  box-shadow: 0 5px 10px #0000004d;
  border-radius: 8px;
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: 4px;
  text-shadow: 0 1px 0 #0000004d;
}

.count-box span {
  color: #9c9c9c;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}