@charset "utf-8";

:root {
  /* colors */
  --primary-color:#020617;
  --hover-color:#a4e94e;
  --black: #100C08;
  --black-02:#54595F;
  --black-03:#5e5e5e;
  --white: #ffffff;
  --red: #e31e24;
  --green:#003024;
  --green-02:#63AB45;
  --gray:#bbbbbb;
  --gray-02:#c1c1c1;
  --gray-03:#e5e7eb;

  /* Font sizes */
  --font-size-12: clamp(0.625em, 0.6em + 0.125vw, 0.75em);
  --font-size-14: clamp(0.6875em, 0.65em + 0.1875vw, 0.875em);
  --font-size-16: clamp(0.75em, 0.7em + 0.25vw, 1em);
  --font-size-18: clamp(0.8125em, 0.75em + 0.3125vw, 1.125em);
  --font-size-20: clamp(0.875em, 0.8em + 0.375vw, 1.25em);
  --font-size-24: clamp(1em, 0.9em + 0.5vw, 1.5em);
  --font-size-30: clamp(1.125em, 0.975em + 0.75vw, 1.875em);
  --font-size-36: clamp(1.25em, 1.05em + 1vw, 2.25em);
  --font-size-48: clamp(1.375em, 1.05em + 1.625vw, 3em);
  --font-size-60: clamp(1.625em, 1.2em + 2.125vw, 3.75em);
  --font-size-72: clamp(1.875em, 1.35em + 2.625vw, 4.5em);

  /* Font weight */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold : 800;
  --fw-black : 900;

  --figtree : "Figtree", serif;
  
  --border-radius-10: clamp(0.3125rem, 0.2367rem + 0.3236vw, 0.625rem);
}

/* Common-css */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  border: none;
  position: relative;
  line-height: 1.2em;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  overflow-x: hidden;
}
body {
  margin: 0;
  padding: 0;
  background-color: var(--white);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: var(--primary-color);
  min-width: 320px;
  font-family: var(--figtree);
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.rows {
  width: 100%;
}
.container{
  width: 92% ;
  margin: 0 auto ;
  max-width: 1462px;
}
.cover,.covers {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(5, 5, 5, 0.7);
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.covers.act{display: block;}
.covers{z-index: 5;}
.cover{z-index: 20;}
.flex {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.align-end {
  align-items: flex-end;
}
.justify-end {
  justify-content: flex-end;
}
.justify-left {
  justify-content: flex-start;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.align-self-start{
  align-self: flex-start;
}
.text-center{text-align: center;}

.ws-nowrap {
  white-space: nowrap;
}

br {
  line-height: 0;
}

.scrollToTop{bottom:5.5em;z-index:6;display:none;position:fixed;right:20px;background:var(--green) url(../images/arw-up.png) no-repeat center center;width:35px;height:35px;text-align:center;border-radius:3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);box-shadow:1px 1px 5px rgba(0,0,0,0.5);cursor:pointer}

h1{font-size: var(--font-size-72);line-height: 1.1em;font-weight: var(--fw-bold);}
h2{font-size: var(--font-size-48);line-height: 1em;font-weight: var(--fw-semi-bold);}
h3{font-size: var(--font-size-36);line-height: 1em;font-weight: var(--fw-semi-bold);}
h4{font-size: var(--font-size-30);line-height: 1em;font-weight: var(--fw-semi-bold);}
h5{font-size: var(--font-size-24);line-height: 1em;font-weight: var(--fw-semi-bold);}
h6{font-size: var(--font-size-20);line-height: 1em;font-weight: var(--fw-semi-bold);}
p{font-size: var(--font-size-18);line-height: 1.4em;}

/*Button*/
.btn_primary,.btn_secondary{display: flex;width: auto;font-size: var(--font-size-18);font-weight: var(--fw-semi-bold);background-color: var(--hover-color);color: var(--green);border-radius: 3em;padding: 0.4em 0.875em;align-items: center;column-gap: 0.5em;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;border: 1px solid var(--hover-color);cursor: pointer;}
.btn_primary span,.btn_secondary span{background-color: var(--green);border-radius: 50%;width: 2em;height: 2em}
.btn_primary span i,.btn_secondary span i{color: var(--hover-color);;transform: rotate(-40deg);-webkit-transform: rotate(-40deg);transition: all 0.5s ease-in-out;}
.btn_primary:hover span i,.btn_secondary:hover span i{transform: rotate(0);-webkit-transform: rotate(0);}
.btn_secondary{background-color: var(--white);}
.btn_primary:hover,.btn_secondary:hover{background-color: rgba(164, 233, 78, 0.75);}
/*Button*/

/*Form*/
input[type="text"],input[type="tel"],input[type="email"],textarea,select {color: var(--primary-color); border: 1px solid var(--gray-03);width: 100%; font-size: var(--font-size-16);  resize: none;  background-color: var(--white);  padding: 0.9em 0.75em;  display: block;  font-weight: var(--fw-normal);  font-family:var(--figtree);border-radius: 5px;}
textarea { height: 7rem; resize: none;}
::placeholder,::-moz-placeholder,::-webkit-input-placeholder { color: var(--primary-color); font-weight: var(--fw-normal);opacity: 1;font-size: var(--font-size-14);}

input[type="text"].error, input[type="tel"].error, input[type="email"].error, textarea.error, select.error {
  color: var(--red);
  border-color: 1px solid var(--red);
}
.error_msg{display: block;  font-size: var(--font-size-12);  position: absolute;  bottom: -1.25em;  left: 0;color: var(--red);}
/*Form*/

/*Header*/
header{position: fixed; left: 0; top: 0; z-index: 5; background-color: transparent;padding: 1.125em 0;width: 100%;}
header.sticky{
  -webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.1);
  background-color: rgba(255,255,255,0.7);
  backdrop-filter: blur(20px);
}
header .logo img{max-width: 120px;}
header .hamberger{width: 1.75em;row-gap: 0.4em;cursor: pointer;}
header .hamberger div{width: 100%;height: 2px;background-color: var(--green);border-radius: 1px;}
header .primary_menu{position: fixed;top: 0;right: -150%;width: 92%;z-index: 6;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;background-color: var(--white);height: 100%;padding: 4em 1.25em;}
header.active .primary_menu{right: 0;}
header .primary_menu ul{row-gap: 1em;flex-direction: column;}
header .primary_menu li a{font-size: 1.125em;color: var(--primary-color);font-weight: var(--fw-medium);transition: all 0.4s cubic-bezier(.4,0,.2,1);-webkit-transition: all 0.4s cubic-bezier(.4,0,.2,1);}
header .primary_menu li a:hover{color: var(--hover-color);}
header .btn_wrapper{display: none;}
header .primary_menu .close{position: absolute; top: 1em; right: 1em; width: 1.35em; cursor: pointer;}
/*Header*/

/*Footer*/
footer{padding: clamp(1.5625em, 0.8894em + 3.3654vw, 3.75em) 0 1.25em 0;background-color: rgba(0,0,0,5); backdrop-filter: blur(20px);}
footer .footer_wrapper{row-gap: 2em;}
footer .logo img{max-width: 150px;}
footer .logo{margin-bottom: clamp(1.125em, 0.8942em + 1.1538vw, 1.875em);}
footer .col{width: 100%;}
footer .col p,footer .col a,footer h5{color: var(--white);} 
footer .col a:hover{color: var(--hover-color);}
footer .col address{font-style: unset;color:var(--white);}
footer .social_links{column-gap: 0.5em;margin-top: clamp(1.125em, 0.8942em + 1.1538vw, 1.875em);}
footer .social_links a{width: 2.75em;height: 2.75em;background-color: var(--hover-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--green);font-size: var(--font-size-16);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
footer .social_links a:hover{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);}
footer .social_links a:hover.fb,footer .social_links a:hover.linkedin{color: #1e509b;}
footer .social_links a:hover.insta{color: #d62976;}
footer .social_links a:hover.twitter{color: var(--black);}
footer .social_links i{font-size: 1.35em;}
footer .info_panel{row-gap: 1em;}
footer .info_panel i{margin-right: 0.5em;font-size: var(--font-size-20);}
footer h5{margin-bottom: 1em;}
footer nav ul{flex-direction: column;row-gap: 1em;}
footer .bottom_panel{padding: 1.5em 0 0.5em 0;border-top: 1px solid rgb(229, 231 ,235 ,0.2);margin-top: 3em;}
footer .bottom_panel span{font-size: var(--font-size-16);color: var(--white);}
/*Footer*/

/*home*/
.arabex_media_panel{
    display: none;
  background: rgb(164,233,78);
background: -moz-linear-gradient(90deg, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 50%, rgba(171,234,91,0.35057773109243695) 80%);
background: -webkit-linear-gradient(90deg, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 50%, rgba(171,234,91,0.35057773109243695) 80%);
background: linear-gradient(90deg, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 50%, rgba(171,234,91,0.35057773109243695) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4e94e",endColorstr="#abea5b",GradientType=1);
}
/* .home_banner{padding: clamp(3.125rem, -0.7212rem + 19.2308vw, 15.625rem) 0;background: rgba(164,233,78,0.15) url(../images/header-bg1.png) left top;background-size: cover;} */
.home_banner{padding: clamp(7.5em, 5.3846em + 10.5769vw, 14.375em) 0 clamp(2.5rem, 1.3462rem + 5.7692vw, 6.25rem) 0;overflow: hidden;}
.home_banner_wrapper{row-gap: 2em;}
/* .home_banner::before{content: "";position: absolute;top: -5%;left: -30%;width: 80%;height: 100%;background: rgb(164,233,78);
  background: radial-gradient(circle, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 57%);}
.home_banner::after{content: "";position: absolute;bottom: -5%;right: -30%;width: 80%;height: 100%;background: rgb(164,233,78);
  background: radial-gradient(circle, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 57%);} */
.home_banner h6{background: rgba(164,233,78,0.35);padding: 0.625em 0.875em;border-radius: 5px;color: var(--green);display: inline-block;font-size: var(--font-size-16);font-weight: var(--fw-semi-bold);}
.home_banner h6 i{margin-right: 0.25em;}
.home_banner h1{margin: 0.25em 0 0.4em 0;}
.home_banner .col_cont,.home_banner .col_img{width: 100%;z-index: 1;}
.home_banner .col_img img{object-fit: contain;z-index: 1;}
.home_banner .col_img::after{content: "";background-color: var(--hover-color);position: absolute;top: 50%;left: 50%;width: 100%;height: 72%;border-radius: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 0.5;}
.home_banner .btn_wrapper{margin-top:clamp(1.25em, 0.9615em + 1.4423vw, 2.1875em);column-gap: 1em;row-gap: 2em;font-size: clamp(0.75rem, 0.6731rem + 0.3846vw, 1rem);}

.about{padding: clamp(2.1875em, 1.226em + 4.8077vw, 5.3125em) 0 clamp(1.25em, 0.8654em + 1.9231vw, 2.5em) 0;}
.about_wrapper{justify-content: center;row-gap: 2em;}
.about .col_left_img{display: none;}
.about .col_left_img,.about .col_cont,.about .col_right_img{width: 100%;}
.about .col_cont{row-gap: 1.5em;}
.about .bt_about{width: auto;display: inline-block;max-width: 163px;}
.about .bt_about .arrow{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.about .bt_about .round{ -webkit-animation: animation-rotate 60s linear infinite; animation: animation-rotate 60s linear infinite;}
.about .col_cont h2{margin-bottom: 0.35em;}

.services{padding: clamp(2.1875em, 1.226em + 4.8077vw, 5.3125em) 0 clamp(1.25em, 0.8654em + 1.9231vw, 2.5em) 0;}
.services h2{margin-bottom: 0.5em;}
.services .cont p{max-width: 700px;display: inline-block;}
.services_box_panel{margin-top: clamp(1.875em, 1.4904em + 1.9231vw, 3.125em);}
.services_card{width: 100%;background-color: #febfda;padding: clamp(1.5625em, 1.274em + 1.4423vw, 2.5em) 1.5em;text-align: center;}
.services_card h6{text-align: center;font-weight: var(--fw-semi-bold);font-size: 1.25em;}
.services img{margin: clamp(1.125rem, 0.7019rem + 2.1154vw, 2.5rem) 0;display: inline-block;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.services_card:nth-child(2){background-color: #cac6fd;}
.services_card:nth-child(3){background-color: #ffe8a4;}
.services_card:nth-child(4){background-color: #d4ffd6;}
.services_card:hover img{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);}

.contact{padding: clamp(1.25em, 0.6731em + 2.8846vw, 3.125em) 0 clamp(2.1875em, 1.226em + 4.8077vw, 5.3125em) 0;}
.contact h2{margin-bottom: 0.5em;}
.contact p{max-width: 700px;display: inline-block;}
.contact .contact_wrapper{margin-top: clamp(1.875em, 1.4904em + 1.9231vw, 3.125em);row-gap: 1.5em;}
.contact .contact_wrapper .col_left{background-color: var(--black);padding: clamp(1.25em, 0.8654em + 1.9231vw, 2.5em);border-radius: var(--border-radius-10);}
.contact .contact_wrapper .col_left h6,.contact .contact_wrapper .col_left h4,.contact .contact_wrapper .col_left p,.contact_card address,.contact_card p,.contact_card a{color: var(--white);}
.contact h4{margin-bottom: 0.5em;}
.contact .col_left .cont{border-bottom: 1px solid #27272a;padding-bottom: 1.25em;margin-bottom: 1.25em;}
.contact .more_info{row-gap: 1.5em;}
.contact_card{column-gap: 1em;}
.contact_card .icon{width: 4em;height: 4em;border-radius: 50%;background-color: #5e5e5e;}
.contact_card .detials{width: 70%;}
.contact_card .icon i{font-size: var(--font-size-20);color: var(--white);}
.contact_card address,.contact_card p,.contact_card a{font-style: normal;margin-top: 0.25em;display: block;}
.contact_card:hover .icon{background-color: rgba(164,233,78,0.8);}

.contact .col_form{width: 100%;background-color: var(--white);padding: clamp(1.25em, 0.8654em + 1.9231vw, 2.5em);border-radius: var(--border-radius-10);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.contact .col_form p{color: #334155;}
.contact .form_box{margin-top: 1.25em;}
.contact .form_box,.contact .form_box .col_wrapper{row-gap: 1.125em;}
.contact .form_box .col{width: 100%;}
.contact .form_box .btn_sec{margin-top: 1em;}
/*home*/

/*popup*/
.popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-505);width: 90%;max-width: 750px;background-color: var(--white);border-radius: var(--border-radius-10);padding: clamp(1.125rem, 0.4583rem + 3.3333vw, 2.5rem);z-index: 99;display: none;}
.popup .close{position: absolute;right: -1em;top: -1em;background-color: var(--green);padding: 0.75em;border-radius: 5px;cursor: pointer;}
.popup .close img{max-width: 20px;}
#thankyou .popup_body h2{margin-bottom: 0.25em;font-size: var(--font-size-60);}
#thankyou .popup_body p{font-size: var(--font-size-20);}
/*popup*/
@media screen and (min-width : 380px) {
  h1{font-size: clamp(2.5em, 1.94em + 2.1333vw, 4.5em);}
  h2{font-size: clamp(1.875em, 1.56em + 1.2vw, 3em);}
  h3{font-size: clamp(1.5625em, 1.37em + 0.7333vw, 2.25em);}
  h4{font-size: clamp(1.5625em, 1.475em + 0.3333vw, 1.875em);}
  h5{font-size: clamp(1.3125em, 1.26em + 0.2vw, 1.5em);}
  h6{font-size: 1.25em;}
  p{font-size: clamp(1em, 0.965em + 0.1333vw, 1.125em);}

  header .logo img{max-width: 130px;}
  .home_banner .btn_wrapper{font-size: 1em;}
}
@media screen and (min-width : 640px) {
/*Footer*/
footer .col{width: 48%;}
/*Footer*/
/*home*/
.services_card{width: 50%;}
.contact .form_box .col_wrapper .col{width: 48%;}
/*home*/
}
@media screen and (min-width : 768px) {
  /*Footer*/
  footer .col{width: 28%;}
  /*Footer*/

  /*home*/
  .home_banner .col_cont{width: 48%;}
  .home_banner_wrapper,.home_banner .container{position: initial;}
  .home_banner .col_img{width: 34%;position: absolute;bottom: 0;right: 0;z-index: 1;}

  .about_wrapper{justify-content: space-between;}
  .about .col_left_img{width: 30%;display: inline-block;}
  .about .col_cont{width: 40%;padding: 5% 2% 0 1%;}
  .about .col_right_img{width: 25%;padding-top: 8%;}

  .contact .contact_wrapper .col_left{width: 40%;}
  .contact .contact_wrapper .col_form{width: 55%;}
  /*home*/
}

@media screen and (min-width: 980px){
/*Header*/  
    header.sticky{animation: scrolAnim linear 0.5s;}
    header .logo img{max-width: 150px;}
    header .hamberger,header .primary_menu .close{display: none;}
    header .primary_menu{position: relative;inset: 0;transition: none;width: auto;background-color: transparent;padding: 0;}
    header .btn_wrapper{display: inline-block;}
    header .primary_menu ul{flex-direction: row;column-gap: 2.5em;}
    header .primary_menu li a{font-size: 1.125em;}
    @keyframes scrolAnim {
      0%{transform: translateY(-25%);}
      100%{transform: translateY(0);}
    }
/*Header*/ 

/*Home*/
.home_banner .col_img::after{width: 110%;height: 82%;}
.services_card{width: 25%;}
/*Home*/
}

@media screen and (min-width:1280px) {
  section{min-height: 100vh;}
}
@media screen and (min-width:1600px) {
  .home_banner .col_cont{padding-top: 8%;}
}

@keyframes animation-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
  }
  100% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
  }
}


/*Animation*/
.slide-up {
  transform: translateY(30%) !important;
  -webkit-transform: translateY(30%) !important;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
}
.slide-down {
  transform: translateY(-1.25rem) !important;
  -webkit-transform: translateY(-1.25rem) !important;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  opacity: 0;
}
.slide-left {
  transform: translateX(30%) !important;
  -webkit-transform: translateX(30%) !important;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  opacity: 0;
}
.slide-right {
  transform: translateX(-30%) !important;
  -webkit-transform: translateX(-30%) !important;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  opacity: 0;
}

.zoom-in {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
}
.fade-in {
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
}

.anim.slide-up,
.anim.slide-left,
.anim.slide-right,
.anim.zoom-in,
.anim.slide-down,
.anim.fade-in {
  transform: none !important;
  -webkit-transform: none !important;
  opacity: 1;
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-200 {
  transition-delay: 0.2s;
}
.delay-300 {
  transition-delay: 0.3s;
}
.delay-400 {
  transition-delay: 0.4s;
}
.delay-500 {
  transition-delay: 0.5s;
}
.delay-600 {
  transition-delay: 0.6s;
}
.delay-700 {
  transition-delay: 0.7s;
}
.delay-800 {
  transition-delay: 0.8s;
}
.delay-900 {
  transition-delay: 0.9s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-800 {
  transition-duration: 0.8s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.duration-600 {
  transition-duration: 0.6s;
}
/*Animation*/

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(164,233,78);
  background: -moz-linear-gradient(90deg, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 50%, rgba(171,234,91,0.35057773109243695) 80%);
  background: -webkit-linear-gradient(90deg, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 50%, rgba(171,234,91,0.35057773109243695) 80%);
  background: linear-gradient(90deg, rgba(164,233,78,0.4234068627450981) 0%, rgba(252,252,252,0) 50%, rgba(171,234,91,0.35057773109243695) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4e94e",endColorstr="#abea5b",GradientType=1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  top: 0;
  left: 0;
}

/* Logo Animation */
#preloader img {
  width: 100px;
  animation: spin 2s linear infinite;
}

/* Spin Animation */
@keyframes spin {
  0% { transform: scale(0.4); }
  100% { transform: scale(1.3); }
}