/*
Theme Name: Nazzal Child
Description:  Nazzal Child Theme
Template: nazzal
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nazzal-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
*{
  margin:0;
  padding:0;
}
:root{
  --manrope: "Manrope", sans-serif;
}
body {
  font-family:var(--manrope);
}

ul{
  list-style:none;
  margin:0;
  padding:0;
}
a{
  text-decoration:none;
}
img{
  max-width:100%;
  height:auto !important;
}
:root {
  scroll-behavior: unset !important;
}

.container{
  max-width:1170px;
}

/**/

.o-header{
  padding:28px 0;
  position:absolute;
  z-index:999;
  top:0;
  transition:all 0.3s ease-in-out;
}
.o-header.sticky{
  position:fixed;
  padding:10px 0;
  background:#000;
}
.c-nav-sup{
  position:relative;
}
.c-nav-sup ul {
  display:inline-block;
  vertical-align:middle;
}
.c-nav-sup ul > li{
  display:inline-block;
  vertical-align:middle;
  position:relative;
}
.c-nav-sup ul > li > a,
.c-mobile-menu ul > li > a{
  font-size:14px;
  font-weight:400;
  color:#e4be5e;
  padding:4px 0;
  position:relative;
}
.c-nav-sup ul > li > a:hover,
.c-mobile-menu ul > li > a:hover{
  color: #FFF;
}
/*.c-nav-sup ul > li > a:before{
  content:"";
  width:100%;
  height:2px;
  background:#FFF;
  position:absolute;
  left:0;
  bottom:-5px;
  opacity:0;
  pointer-events:none;
  transition:all 0.3s ease-in-out;
}
.c-nav-sup ul > li:hover > a:before,
.c-nav-sup ul > li > a.active:before{
  bottom:0;
  opacity:1;
  pointer-events:auto;
}*/
.c-nav-sup > ul > li + li::before {
  content: "\\";
  position: absolute;
  left: -28px;
  top: 3px;
  font-size: 15px;
  color:#e4be5e;
}
.c-nav-sup > ul > li + li{
  margin-left:46px;
}


/*.c-nav-sup ul ul{
  width:215px;
  position:absolute;
  left:0;
  top:100%;
  background:#FFF;
  border-radius:3px;
  padding:10px 0;
  transform:translateY(5px);
  opacity:0;
  pointer-events:none;
  transition:all 0.3s ease-in-out;
}
.c-nav-sup ul > li:hover > ul{
  transform:translateY(0);
  opacity:1;
  pointer-events: auto;
}

.c-nav-sup ul ul > li{
  display:block;
}
.c-nav-sup ul ul > li a{
  color:#252525;
  font-size:14px;
  display:block;
  font-weight:400;
  padding:8px 12px;
}
.c-nav-sup ul ul > li i{
  font-size:13px;
  color:#33b714;
  margin-right:5px;
}*/

.offcanvas-end{
  width:280px;
  z-index:9999;
}

.c-sidebar-mobile-menu{
  width: 280px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  background: #FFF;
  z-index: 99999;
  padding:60px 0 20px;
  transition:all 0.3s ease-in-out;
}
.c-sidebar-mobile-menu.active{
  right:0;
}
.c-sidebar-mobile-menu ul > li{
  display:block;
}
.c-sidebar-mobile-menu ul > li > a{
  font-size: 16px;
  font-weight: 400;
  color: #252525;
  padding:6px 15px;
  display: block;
}
.c-sidebar-mobile-menu ul ul{
  padding-left:10px;
}
.c-sidebar-mobile-menu ul ul > li i{
  margin-right:3px;
}
.c-sidebar-mobile-menu ul ul > li > a{
  font-size:14px;
}
.c-sidebar-mobile-menu__close{
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
}

/**/
.c-main-banner{
  position:relative;
}

.c-main-banner img{
  width:100%;
}

.c-banner__caption{
  width:100%;
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
}
.c-banner__caption h1{
  color:#faf9f6;
  font-size:52px;
  font-weight:800;
  margin:0 0 30px;
}
.c-banner__caption h1 span{
  display:block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5d45b+0,d39518+100 */
  background: linear-gradient(to bottom,  rgba(245,212,91,1) 0%,rgba(211,149,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.c-primary-btn{
  min-width:157px;
  text-align:center;  
  color:#FFF;
  font-size:22px;
  font-weight:700;
  border:4px solid transparent;
  border-image:linear-gradient(to top, rgba(245,212,91,1), rgba(211,149,24,1)) 1;
  overflow: hidden;
  border-radius:0;
  padding:10px 15px;
}
.c-primary-btn:hover{
  background:rgba(245,212,91,1);
  color:#000;
}
/**/

/**/

.c-about-sec{
  padding:100px 0;
  overflow:hidden;
}
.c-about-sec__content{
  width:100%;
  max-width:660px;
  padding:0 55px;
}
.c-about-sec h2{
  color:#0b0b0b;
  font-size:36px;
  font-weight:600;
  margin:0 0 38px;
}
.c-about-sec p{
  color:#0b0b0b;
  font-size:16px;
  font-weight:400;
  line-height:1.6em;
  margin:0 0 18px;
}

/**/
.c-our-team-sec{
  padding:55px 0;
}
.c-our-team-sec h2{
  color:#FFF;
  font-size:36px;
  font-weight:600;
  margin:0 0 34px;
}
.c-single-team-sec{
  text-align:center;
}
.c-single-team-sec figure{
  width:100%;
  max-width: 260px;
  margin:0 auto 25px;
  border:6px solid transparent;
  position:relative;
  border-image: linear-gradient(to top, rgba(245, 212, 91, 1), rgba(211, 149, 24, 1)) 1;
}
.c-single-team-sec figure br{
  display:none;
}
.c-single-team-sec .btn{
  width:100%;
  max-width:180px;
  text-align:center;
  padding:14px 10px;
  color:#f5d48f;
  font-size:14px;
  font-weight:400;
  border-radius:0;
  background:rgba(0, 0, 0, 0.8);
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  margin:0 auto;
}
.c-single-team-sec .btn:hover{
  background:#000;
}
.c-single-team-sec h5{
  color:#faf9f6;
  font-size:22px;
  font-weight:700;
  margin: 0 0 10px;
}
.c-single-team-sec h6{
  color:#ffd58d;
  font-size:20px;
  font-weight:400;
  margin:0;
}

.c-team-modal .modal-dialog{
  max-width:1140px;
}
.c-team-modal .modal-content{
  border-radius:0;
  padding:50px 40px;
  position: relative;
  text-align:center;
}
.c-team-modal .btn-close{
  position:absolute;
  right:20px;
  top:20px;
}
.c-team-modal img{
  border: 6px solid transparent;
  border-image: linear-gradient(to top, rgba(245, 212, 91, 1), rgba(211, 149, 24, 1)) 1;
}
.c-team-modal h5{
  color:#000;
  font-size:24px;
  font-weight:700;
  margin: 0 0 5px;
}
.c-team-modal h6{
  color:#000;
  font-size:20px;
  font-weight:400;
  margin:0 0 30px;
} 
.c-team-modal p{
  color: #0b0b0b;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
  margin: 0 0 15px;
}
.c-team-modal p:last-child{
  margin:0;
}
/**/

.c-investment-thesis-sec{
  padding:75px 0;
}
.c-investment-thesis-sec h2{
  color:#0b0b0b;
  font-size:36px;
  font-weight:600;
  margin:0 0 50px;
}

.c-single-investment-box{
  text-align:center;
  padding:30px 22px;
  height:100%;
  border: 2px solid transparent;
  border-image: linear-gradient(to bottom, rgba(245, 212, 91, 1), rgba(211, 149, 24, 1)) 1;
  margin:0 0 20px;
}
.c-single-investment-box h4{
  color:#000000;
  font-size:24px;
  font-weight:600;
  margin:0 0 26px;
}
.c-single-investment-box p{
  font-size:16px;
  color:#000000;
  line-height:1.7em;
  margin:0;
}
/**/
.c-contact-sec{
  position:relative;
  text-align:center;
  padding:55px 0 0;
}
.c-contact-sec h2{
  color:#ffffff;
  font-size:36px;
  font-weight:700;
  margin:0 0 35px;
}
.c-contact-sec__form{
  width:100%;
  max-width:615px;
  display:block;
  margin:0 auto;
}
.c-contact-sec .c-input-fld{
  margin:0 0 40px;
}
.c-contact-sec .form-control{
  height:55px;
  background:#000;
  border-radius:0;
  padding:0 18px;
  font-size:16px;
  color:#e4be5e;
  border:#e4be5e 1px solid;
}
.c-contact-sec textarea.form-control{
  height:175px;
  padding:15px 18px;
}
.c-contact-sec .form-control:focus{
  box-shadow:none;
}

.c-contact-sec .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#e4be5e;
}
.c-contact-sec .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#e4be5e;
}
.c-contact-sec .form-control::-ms-input-placeholder { /* Microsoft Edge */
 color:#e4be5e;
}

.c-contact-sec__form .btn{
  min-width:167px;
  text-align:center;
  color:#ffffff;
  font-size:20px;
  padding:12px 10px;
  border:1px solid #FFF;
  border-radius:0;
}
.c-contact-sec__form .btn:hover{
  background:#e4be5e;
  color:#000;
}

.c-address-btn-grp{
  display:flex;
  align-content: center;
  flex-wrap:wrap;
  justify-content:center;
  padding:40px 0;
  border-top:#2e2613 1px solid;
  border-bottom:#6b3d01 1px solid;
  margin-top:50px;
  column-gap:20px;
  background:url('images/light.png') no-repeat center 144%;
}
.c-address-btn-grp br{
  display:none;
}
.c-address-btn-grp .btn{
  display:inline-flex;
  align-items:center;
  min-width:190px;
  text-align:center;
  color:#e5b44e;
  font-size:15px;
  padding:12px 10px;
  justify-content:center;
  border:1px solid #e5b44e;
  border-radius:0;
  column-gap:18px;
  cursor: text;
}

.o-footer{
  padding:20px 0;
  text-align:center;
  background:#000;
}
.o-footer p{
  color:#725c29;
  font-size:14px;
  font-weight:400;
  margin:0;
}
/**/


/*innerbody css*/



@media (max-width: 1199.98px){
  .c-nav-sup > ul > li + li {
    margin-left: 15px;
  }
  .c-banner__caption h1 {
      font-size: 36px;
  }
  .c-contact-sec {
    padding: 40px 0 0;
  }
  .c-about-sec {
    padding: 50px 0;
  }
}

@media (max-width: 991.98px) {
  .c-nav-sup > ul > li + li {
    margin-left: 10px;
  }
  .c-main-banner img{
    height:450px !important;
    object-fit:cover;
  }
  .c-about-sec__content {
    padding: 0 25px;
  }
  .c-about-sec h2 {
    font-size: 26px;
    margin: 0 0 15px;
  }  
  .c-about-sec p {
    margin: 0 0 10px;
  }
  .c-single-team-sec {
    margin: 0 0 30px;
  }
  .c-investment-thesis-sec {
    padding: 45px 0;
  }
  .c-single-investment-box{
    height:auto;
  }
  .c-contact-sec .c-input-fld {
    margin: 0 0 20px;
  }
  .c-contact-sec h4 {
    font-size: 20px;
    margin: 0 0 25px;
  }
}

@media (max-width:767.98px){
  .o-logo{
    width:80px;
  }
  .c-nav-sup ul > li > a, .c-mobile-menu ul > li > a{
    color:#000 !important;
  }
  .c-nav-sup ul{
    display:none;
  }
  .c-banner__caption h1 {
     font-size:24px;
     margin: 0 0 10px;
  }
  .c-primary-btn {
    font-size: 18px;
    padding: 5px 15px;
  }
  .c-toggle-btn{
    color:rgba(245,212,91,1) ;
  } 
  .c-contact-sec .c-input-fld {
      margin: 0 0 15px;
  }
  .c-address-btn-grp .btn {
    min-width: 160px;
  }

}

@media (max-width: 575.98px) {

}

/* Legal Pages */

.legal ul {
	list-style-type: disc;
	padding-left: 1.5em;
}

a.legal {
	color: #999;
}

/* */