/* global */

body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Almarai', sans-serif !important;
  background: #FBFBFD !important;
  position: relative !important;
}

:root {
  --main-color: #001B12;
  --second-color: #818181;
  --white: #fff;
  --gray: #e2e3e3;
  --black1: #222;
  --black2: #999;
}

a {
  text-decoration: none !important;
}


.navbar .lang-drp:dir(rtl) {
  margin-left: 0 !important;
}

.navbar .lang-drp:dir(ltr) {
  margin-right: 0 !important;
}

.fa-globe {
  font-size: 18px;
  background: #D7D1EE;
  padding: 6px;
  border-radius: 4px;
}

.collapse .lang {
  font-size: 16px;
  cursor: pointer;
}

.lang .dropdown-menu .sec {
  text-align: center;
  cursor: pointer;
  margin: 5px 0;
  padding: 5px 10px;
  transition: all 0.2s ease;
}

.lang .dropdown-menu .sec:hover {
  color: white;
  background: #F0AC08;
}

.lang p {
  margin: 0;
  text-align: center !important;
}

.lang .dropdown-menu {
  min-width: 50px !important;
  border-radius: 4px !important;
}

.lang-drp span{
font-size: 16px;
font-weight: 700;
color: #0C0C0C;

}

/* navbar */

.navbar {
 background: #FFFFFF;
  z-index: 999999999999;
}

.navbar-collapse {
  flex-grow: 0 !important;

}

.nav-btns .login-btn {
  padding: 6px 14px 6px 14px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  border: 1px solid #4DB748;
  background: #4DB748;
  margin: 0 5px;
  transition: all 0.5s ease;

}

.nav-btns .login-btn:hover {
  background: #4eb748cc;
}

.logo{
  width: 100px;
}

/* home-page */

.first-section{
  background: #F4F7F9;
  padding: 30px 0 10px 0;
}

.first-section img{
  width: 100%;
  height: 100%;
}

.first-section h5{
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  color: #272727;
  margin-bottom: 30px;

}

.first-section p{
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0%;
  font-weight: 400;
color: #484748;
margin-bottom: 25px;
}

.first-section h6{
  font-weight: 800;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
color: #2A6AB8;
margin-bottom: 0;
}

.first-section button ,.third-section button ,.sixth-section button{
font-size: 20px;
font-weight: 700;
line-height: 26.78px;
color: #FFFFFF;
background: #60C057;
border-radius: 42px;
border: 1px solid #60C057;
padding: 8px 30px;
margin-top: 20px;
transition: all 0.5s ease;
}

.first-section button:hover ,.third-section button:hover,.sixth-section button:hover{
background: #4eb748cc;
  }

.second-section{
  padding: 60px 0 ;
}

.second-section .card{
  padding: 20px;
  border: 1px solid #F7F7FF;
border: 4px;
box-shadow: 0px 4px 25px 0px #B16BE81A;
}

.second-section p{
  margin: 0;
  color: #949494;
}

.second-section h6{
font-weight: 700;
font-size: 25px;
line-height: 120%;
letter-spacing: 0%;
  color: #000000;
  
}

.second-section .row {
  display: flex;
  flex-wrap: wrap;
}

.second-section .col-lg-3 {
  flex: 1 1 25%;
  display: flex;
  align-items: stretch;
}

.second-section .card{
  width: 100%;
}

.third-section .mob-img{
  width: 372px;
  height: 426px;
}

.third-section h5{
font-size: 35px;
font-weight: 800;
line-height: 49px;
color: #272727;
margin-bottom: 20px;
}

.third-section p{
  font-size: 22px;
  font-weight: 400;
  line-height: 35px;
  color: #484748;
margin-bottom: 40px;
}

.third-section img{
  width: 90%;
}

.fourth-section .card{
  border: 1px solid #F7F7FF;
  border: 4px;
  box-shadow: 0px 4px 25px 0px #B16BE81A;
}

.fourth-section .carousel-indicators [data-bs-target] {
  background-color: #f6c64d50 !important;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 6px;
}

.fourth-section .carousel-indicators .active {
  background-color: #F0AC08 !important;
}

.fourth-section .carousel-indicators{
  margin-bottom: 0 !important;
  display: none;
}

.carousel-inner .card-body{
  text-align: center;
}


.fourth-section h5{
  font-size: 20px;
  font-weight: 700;
  line-height: 22.43px;
  color: #000000;  
}

.fourth-section p{
  font-size: 16px;
  font-weight: 300;
  line-height: 22.43px;
  color: #666363;
  margin-bottom: 10px;
}


.fourth-section h6{
  font-size: 16px;
  font-weight: 400;
  line-height: 25.43px;
  color: #000000;
}


.fifth-section{
  background: #FCFCFC;
}

.fifth-section .card img{
width: 45px;
height: 45px;
margin-bottom: 15px;
}

.fifth-section .card{
  padding: 20px;
  border: 1px solid #F7F7FF;
border: 4px;
box-shadow: 0px 4px 25px 0px #B16BE81A;
margin-bottom: 30px;
width: 100%;
}

.fifth-section h6{
  font-size: 20px;
  font-weight: 700;
  line-height: 26px; 
  color: #000000;
}

.fifth-section p{
font-size: 16px;
font-weight: 400;
line-height: 25px; 
color: #000000;
margin: 0;
}

.fifth-section h5{
font-size: 35px;
font-weight: 700;
line-height: 56.08px;
text-align: center;
color: #000000;
}

.fifth-section ,.sixth-section{
  padding: 30px 0;
}

.sixth-section img{
width: 100%;
}

.sixth-section h6{
  color: #484848;
font-weight: 400;
font-size: 22px;
line-height: 169%;
letter-spacing: 0%;
text-align: center;

}

.sixth-section p{
color: #015D98;
font-weight: 800;
font-size: 30px;
line-height: 169%;
letter-spacing: 0%;
text-align: center;

}

.sixth-section .social-app a{
  margin: 0 15px;
}

.sixth-section .social-app p{
  margin: 0 15px;
}

.sixth-section .row {
  display: flex;
  flex-wrap: wrap;
}

.fifth-section .col-lg-4 {
  display: flex;
  flex: 1 0 30%;
}

.carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005C99'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;

}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005C99'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next{
  right: -60px !important;
  width: fit-content !important;
}

.carousel-control-prev{
  width: fit-content !important;
  left: -60px !important;

}

.carousel-inner .card .img-sec{
  width: 100%;
  height: 262px;
  overflow: hidden;
}

.carousel-item .row {
  display: flex;
  justify-content: center;
  height: 100%;
}

.carousel-item .col-lg-4 {
  display: flex;
  flex-direction: column;
}

.carousel-item .card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.grid-sec{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
}

.col-grid{
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}

.col-grid h5{
font-size: 22px;
font-weight: 500;
line-height: 40px;
color: rgba(72, 71, 72, 1);
margin-top: 15px;
}

.second-section h4 ,.fourth-section h4{
  color: rgba(39, 39, 39, 1);
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
}

.fourth-section{
  background: #F8F7F7;
  padding-top: 25px;
}

.col-grid img{
  width: 50%;
}

/* footer */

.footer{
  background: #015D98;
  padding: 30px 0;
}

.footer .footerText{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.23181818425655365px;
  color: #F7F7F7;
  margin-top: 20px;
margin-bottom: 0;
opacity: 0.7;
}

.footer .footerText2{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.23181818425655365px;
  color: #F7F7F7;
  margin-bottom: 20px;
  opacity: 0.7;
}

.footer .social-icons{
  margin-top: 30px;
}

.footer .social-icons i{
  color: #F7F7F7;
margin: 0 20px;
font-size: 20px;
}

.sec1{
background: #F3FAFE;

}

.sec1 button{
background: #DCEFFB;
color: #005C99;
font-weight: 700;
font-size: 26px;
line-height: 150%;
letter-spacing: 0%;
width: 100%;
border-radius: 10px;
border: 1px solid #DCEFFB;
margin-top: 30px;
padding: 10px;
}


@media screen and (max-width :991px) {
  .second-section .row {
  display: initial;
  flex-wrap: initial;
}

.second-section .col-lg-3 {
  flex: initial;
  display: initial;
  align-items: initial;
}

.second-section .row {
  display: initial;
  flex-wrap: initial;
}

.second-section .col-lg-3 {
  flex: initial;
  display: initial;
  align-items: initial;
}

.first-section h5 {
  font-size: 26px;
}

.first-section p {
  font-size: 20px;
}

.first-section .row{
  flex-direction: column-reverse;
}

.first-section button{
  margin-bottom: 20px;
}

.second-section{
  padding: 30px 0;
}

.third-section h5{
  margin-top: 40px;
  font-size: 27px;
}

.third-section p{
  font-size: 18px;
}

.third-section img{
  width: 80%;
}

.fourth-section .card{
  margin-bottom: 30px;
}

.fourth-section .row{
  padding-bottom: 0 !important;
}

.sixth-section .row {
  display: initial;
  flex-wrap: initial;
}

.fifth-section .col-lg-4 {
  display: initial;
  flex: initial;
}

 .sixth-section{
  padding-top: 0 !important;
}

.sixth-section p{
  font-size: 22px;
  margin-top: 30px;
}

.sixth-section h6{
  font-size: 18px;
}

.social-app{
  flex-direction: column;
}

.sixth-section .social-app p{
  margin-bottom: 30px !important;
}

.sixth-section .social-app a{
  width: 30% !important;
  margin: 0;
}

.sixth-section h6{
  margin-bottom: 30px;
}

.fourth-section .carousel-control-prev,
.fourth-section .carousel-control-next {
  display: none;
}

.grid-sec{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.col-grid{
  margin: 10px;
}

.col-grid img{
  width: 70%;
}

.second-section h4{
  font-size: 30px;
margin-bottom: 50px;
}

}