body{
	font-family: "gotham", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:18px;
}
h1,h2,h3,h4,h5{
	font-family: "gotham", sans-serif;
}
h1{
	font-size:75px;
	font-weight:600;
}
/* 
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

 
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
body {
  font-family: 'Gotham', sans-serif;
  font-weight: 400; 
}*/

 * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
     
    }

    html, body {
      height: 100%;
      width: 100%;
    }

    .hero-section {
      background: url('https://mosaicmena.com/wp-content/uploads/2025/05/Gradiant.jpeg') no-repeat center center/cover;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
      text-align: center;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.45);
      z-index: 1;
    }

    .content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;
    }

    .logo img {
      max-width: 778px;
      height: auto;
    }

    .coming-soon {
		text-transform: uppercase;
      font-size: 2rem;
      color: #ffffff;
      font-weight: bold;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    }

    .form-container {
      background: rgba(248, 242, 234, 0.95); /* Soft beige */
      padding: 2rem;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      width: 470px;
     
    }

    .form-container h2 {
      margin-bottom: 1rem;
      color: #1c2b36;
      font-weight: 600;
    }

    form {
      display: flex;
      flex-direction: column;
    }

    input[type="text"],
    input[type="email"] {
		width: 100%;
		font-family: 'Gotham';
      padding: 0.8rem;
      margin: 0.5rem 0;
      border: 1px solid #aab6c2;
      border-radius: 8px;
      font-size: 1rem;
      color: #1c2b36;
      background-color: #ffffff;
      transition: border-color 0.3s ease;
    }

    input::placeholder {
      color: #788896;
    }

    input:focus {
      border-color: #35698e;
      outline: none;
    }
	  .screen-reader-response{
		  display: none;
	  }
	  .wpcf7-not-valid-tip{
		  font-family: 'Gotham';
		  display: block;
    text-align: left;
    padding-left: 29px;
    color: red;
	  }
	  .wpcf7-response-output {
		  font-family: 'Gotham';
		   padding-left: 29px;
		  text-align: left;
    color: red;
    margin-top: 11px;
	  }
    .wpcf7-submit {
		font-family: 'Gotham';
		  width: 130px;
      margin-top: 1rem;
      padding: 0.8rem;
      border: none;
      background: #254a6d;
      color: #fdfdfd;
      font-size: 1rem;
      border-radius: 8px;
      cursor: pointer;
      transition: background 0.3s ease, transform 0.2s;
    }

    .wpcf7-submit:hover {
      background: #c09b56;
      color: #1c2b36;
      transform: scale(1.02);
    }
.wpcf7 form.sent .wpcf7-response-output {
      border-color: #034549;
}
    @media (max-width: 500px) {
        .content {
    width: 90%;
}
        .form-container{
            width: 100%;
        }
      .form-container {
        padding: 1.5rem;
      }

      input,
      button {
        font-size: 0.95rem;
      }

      .coming-soon {
        font-size: 1.5rem;
      }

      .logo img {
        max-width: 375px;
      }
    }

/*===========Header=======================*/
header.main_header {
    background-size: cover;
    height: 477px;
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    z-index: 1;
}
@media (min-width: 1280px) {
    .container--narrow, .sec_mian section.sec .container-fluid{
        max-width: 64rem;
    }
}

section.sec{
    position: relative;
    padding:60px 0px;
}

section.sec_2 .main_title {
    position: absolute;
    top:9%;
}
.card_col .card_text {
    padding: 10px 10px;
}
.card_col figure img {
    width: 80%;
}
.style_title {
    position: relative;
}

.style_title h2 {
    font-size: 60px;
    font-weight: 600;
    position: relative;
    color: #048185;
    margin-bottom: 0px;
}

.style_title h2:nth-child(2) {
    left: 12%;
    color: #AA1F7F;
}


.style_title h2:nth-child(3) {
    left: 47%;
    color: #FDB81C;
}

section.sec_2 ._title_sec_1 h1 {
  background: linear-gradient(
    270deg,
    #009688,
    #673AB7,
    #E91E63,
    #FF9800,
    #FFEB3B,
    #009688
  );
  background-size: 300% 300%;
  animation: animateGradient 6s ease infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  font-weight:800;
}

@keyframes animateGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


section.sec_2 ._title_sec_1 h1::before {
      content: attr(data-text);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      color: transparent;
      -webkit-text-stroke:1px black; /* fallback */
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
section.sec_3 .row .card {
    border: 0px;
}
section.sec_3 .row .card ._title h3 {
    font-size: 35px;
    color: #FF6100;
    margin-bottom: 15px;
    font-weight: 600;
}
.bg_warning{
	background-color:#FFE1CE;
}

._title h2 {
    font-weight: 600;
    color: #FF6100;
    font-size: 75px;
}
._title_2 h3 {
    font-size: 32px;
    font-weight: 600;
}

section.sec_4 .card {
    background-color: transparent;
    height: 100%;
    border-color: #d49d7a;
	border-width:0px;
}
section.sec_4 .card .card-body {
    padding:0px;
}

section.sec_4 .card ._title h3 {
    color: #91146A;
	font-size: 22px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.desc ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.desc ul li {
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
}

.desc ul li:after, .desc ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    display: block;
    border-radius: 100px;
    opacity: 0.3;
    top: 5px;
    background-color: #91146a;
}

.desc ul li:after{
    background-color: #E91E63;
    width: 14px;
    height: 14px;
    top: 15px;
    left: 14px;
}
section.sec .eye_icon img {
    width: 100%;
}
section.sec .eye_icon {
    position: absolute;
    right: 4%;
    bottom: 0%;
    width: 350px;

}
.row_style > div {
    position: relative;
}

.row_style > div:after {
    height: 100%;
    width: 1px;
    background-color: #fdb81c;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
}

.row_style > div:first-child:after {
    /* width: 0px; */
}

section.sec_3 .row .card .card-body {
    padding: 0px;
    margin: 0px 30px;
}

.row_style > div:before {
    content: '';
    width: 8px;
    height: 50px;
    position: absolute;
    right: 0px;
    background-color: #fdb81c;
}
section.sec_4 .card .card-body ._title{
    margin-bottom: 25px;
}

.lists_box {
    display: flex;
    justify-content: space-between;
}
.lists_box .list_item:first-child {
    width: 40%;
}
.lists_box .list_item {
    width: 22%;
}

.lists_box .list_item ul {
    margin-bottom: 35px;
    padding-left: 8px;
    list-style: none;
}
.lists_box .list_item li {
    margin-bottom: 12px;
    font-size: 0.95em;
    color: #555;
    position: relative;
    padding-left: 20px;
}
.lists_box .list_item h3 {
    margin-bottom: 10px;
    font-size: 24px;
    color: #FDA921;
	text-transform: uppercase;
}
.lists_box .list_item:first-child ul {
    column-count: 2;
    column-gap: 40px;
}

.lists_box .list_item:first-child {
    width: 40%;
}


.lists_box .list_item li:before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #ccc;
    display: inline-block;
    position: absolute;
    border-radius: 100px;
    left: 0px;
    top: 9px;
	opacity:0.5;
}
._title_3 {
    position: relative;
}

._title_3 h2 {
    font-size: 90px;
}

._title_3 .text_shadow {
    position: absolute;
    left: 0px;
    top: -76%;
    font-size: 150px;
    font-weight: 600;
    color: #FFF6F4;
    z-index: -1;
}

.form_container form {
    }

  .form_container  .form-group {
      position: relative;
      margin-bottom: 20px;
    }

 .form_container   .form-group input,
   .form_container .form-group textarea{
      width: 100%;
      padding: 12px 40px;
      border-radius: 10px;
      border: 2px solid #e0c7f9;
      font-size: 16px;
      outline: none;
      transition: border 0.3s;
	   margin:0px;
    }

.form_container .form-group select{
	 width: 100%;
    padding: 12px 40px;
    border-radius: 10px;
    border: 2px solid #e0c7f9;
    font-size: 16px;
    outline: none;
    transition: border 0.3s;
    margin: 0px;

    -webkit-appearance: none; /* for Safari/iOS */
    -moz-appearance: none;    /* for Firefox */
    appearance: none;         /* standard */
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px;
	
}

   .form_container .form-group input:focus,
   .form_container .form-group textarea:focus {
      border-image: linear-gradient(to right, #ff512f, #f09819);
      border-image-slice: 1;
    }

 .form_container .form-group textarea {
      resize: vertical;
      height: 100px;
    }

  .form_container  .form-group img {
      position: absolute;
      top: 50%;
      left: 12px;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
      stroke: #000;
	   z-index: 2;
    }

.form_container  .form-group.text_area img{
	top:24%;
}

 .form_container form button{
    margin: auto;
    width: 100%;
    max-width: 210px;
    padding: 12px;
    background-color: #004d40;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

 .form_container form  button:hover {
      background-color: #00695c;
	 box-shadow: -1px 4px 0 #e6b94d7d;
    }
._title_4 h2 {
    font-size: 55px;
}

.slick-slider  button.slick-arrow {
	transform: translateY(-50%);
    padding: 0px;
    color: #58318d;
    width:35px;
    height:35px;
    position: absolute;
    top:50%;
    border-radius: 100px;
    border: solid 1px rgb(238 86 78);
    background-color: #fff;
    z-index: 1;
    transition:0.2s;
    cursor:pointer;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: inherit !important;
}
.slick-slider  button.slick-arrow:hover{
	transform: scale(1.03);
}
.slick-slider  button.slick-prev {
    left:5%;
}
.slick-slider  button.slick-next {
    right:5%;
}
 .slick-slider .slick-disabled {
  opacity : 0; 
  pointer-events:none;
}
.form_container form .form-group p {
    margin-bottom: 0px;
}

.form_container form .form-group p br {
    display: none;
}
.form_container .form-group span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    position: absolute;
    left: 0px;
    padding-left: 0px;
    font-size: 10px;
}
.form_container form input.wpcf7-form-control{
    margin-top: 0px;
}
.form_container form p {
    margin-bottom: 0px;
}