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

body {
  font-family: circularstd, sans-serif;
}

.container {
  max-width:max(80%, 1120px);
  margin-inline: auto;
}

header {
  padding: 1.6875rem 0;
  position: relative;
  /* background-image:url("https://images.unsplash.com/photo-1666875753105-c63a6f3bdc86?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") ; */
  /* background-image: url("https://images.pexels.com/photos/7413936/pexels-photo-7413936.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"); */
  background-image: url("https://images.pexels.com/photos/5716025/pexels-photo-5716025.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
 

}
.background-pular{
 position: absolute;
 width: 100%;
 height: 96vh;
 background-color: rgba(0, 0, 0, 0.393);
}

.desktop-menue {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0.5rem 5%;
  z-index: 1111;
  /* background-color: #ecf0f0; */
  background-color: #fff;

 
}

.logo {
  height: 2.375rem;
}

.desktop-menue .menues-link {
  display: flex;
  gap: 2rem;
  list-style: none;
}

.desktop-menue .menues-link a {
  text-decoration: none;
  color: #000;
  font-size: 0.875rem;
  line-height: 21px;
  font-weight: 400;
}

.desktop-menue .menues-link a:hover {
  background-color: #2761ec;
  padding: 10px 10px;
  border-radius: 10px;
  color: #fff;
}

.desktop-menue .menues-link-butten {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  align-items: center;
}

.desktop-menue .menues-link-butten a {
  text-decoration: none;
  color: #000;
  font-size: 0.875rem;
  line-height: 21px;
  font-weight: 400;
}

.desktop-menue .menues-link-butten a:hover {
  background-color: #2761ec;
  padding: 10px 10px;
  border-radius: 9px;
  color: #fff;
}

.desktop-menue .menues-link-butten .start {
  background-color: #2761ec;
  padding: 10px 20px;
  border-radius: 10px;
}

.desktop-menue .menues-link-butten .start a {
  text-decoration: none;
  color: #fff;
  font-size: 0.875rem;
  line-height: 21px;
  font-weight: 400;
}

.mobile-header {
  display: none;
}

.mobile-menue {
  display: none;
}

/* .background-shadow{
  position: absolute;
  background-color: #212529af;
  height: 100%;
  width: 100%;
  z-index: 4;
} */


.hero-section {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  margin: 10.5rem 0 ;
  position: relative;
  
  
 
}

/* .hero-section img {
  max-width: 60%;
} */

 .hero-section .hero-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 80%;
  text-align: center;
} 
 .hero-section .hero-content h1 {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3.75rem;
  /* color: rgb(11, 34, 56) ; */
  color: white;
} 
 .hero-section .hero-content p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  padding: 0 8rem;
  color:  rgb(227, 228, 232);
  /* color: white; */
} 

 .hero-section .hero-content .hero-butten  span:nth-child(1){
  background-color: #2761ec;
  padding: 10px 20px;
  border-radius: 10px;
} 

.hero-section .hero-content .hero-butten span:nth-child(1) a {
  text-decoration: none;
  color: #fff;
  font-size: 0.875rem;
  line-height: 21px;
  font-weight: 400;
} 
.hero-section .hero-content .hero-butten  span:nth-child(2){
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
} 

 .hero-section .hero-content .hero-butten span:nth-child(2) a {
  text-decoration: none;
  color: #2761ec;
  font-size: 0.875rem;
  line-height: 21px;
  font-weight: 400;
} 

.main{
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100vh;

}

.features .feature-topic{
  display: flex;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
 
}




.features .feature-topic hr{
   width: 6%;
  height: 0%;
  border: 1px solid rgb(218, 221, 223);
  margin: 2rem 1rem; 
}
.container .feature-topic p {
 
font-size:0.875rem;
font-weight: 400;
line-height: 1.325rem;
color: rgb(108, 117, 125);

}

.features .feature-contect {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-bottom: 3rem;
 
}


.features .feature-contect h1 {
  width: 50%;
  font-size: 2.5rem;
  font-weight: 600;
  color: rgb(33, 37, 41);
  line-height: 3rem;
 
}

.features .feature-contect p{
  width: 50%;
  font-size: 0.875rem;
  font-weight: 400;
  color: rgb(108, 122, 135);
  line-height: 1.3125;
  padding: 0 2rem;
 
}

.services{
  display: flex;
  width: 100%;
  align-items: center;
  /* padding: 0rem 0; */
  margin: 2rem  0;
  
}

.feature-service{
  display: flex;
   width: 50%;
  align-items: center;
  gap: 1rem;
  width: 50%;
}



.feature-service .service-icon {
  font-size: 2.75rem;
    background-color: rgb(247 206 228 / 27%);
    padding: 0.4375rem 0.5625rem;
    width: 5.625rem;
    height:5.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f7afc0;
    border-radius: 22.5rem;
}
.feature-service .second-service-icon{
  font-size: 2.75rem;
background-color: rgb(39 97 236 / 8%);
padding: 0.4375rem 0.5625rem;
width: 5.625rem;
height:5.625rem;
display: flex;
align-items: center;
justify-content: center;
color: #2761ec;
border-radius: 22.5rem;

}


.feature-service .service-content{
  display: flex;
  flex-direction:column ;
  gap: 0.25rem;
}
.feature-service .service-content h6{
  font-size: 1rem;
  font-weight: 700;
  color: rgb(52, 58, 64);
  line-height: 1.25rem;
}
.feature-service .service-content p{
  font-size: 0.875rem;
  font-weight: 400;
  color: #6c7a87;
  line-height: 1.3125rem;
}
.feature-service .service-content p a{
  font-size: 0.875rem;
  font-weight: 400;
  color: #2761ec;
  line-height: 1.3125rem;
}

.analytics {
  display: flex;
  gap: 2rem;
  width: 100%;

  margin: 14rem 0;
  

}

.analytics img{
  width: 50%;
}

.analytics .analytics-content{
  width: 50%;
  display: flex;
  flex-direction: column;
  /* gap: 2rem; */
  /* text-align: justify; */
}

.content-topic{
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 4rem;
}
.analytics .content-topic hr{
  width: 6%;
 height: 0%;
 border: 1px solid rgb(218, 221, 223);
 margin: 2rem 1rem; 
}

.analytics .analytics-content h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  /* text-align: justify ; */
  line-height: 1.2; 
}
.analytics .analytics-content .pragraph-one {
  font-size: 1rem;
  color: #6c7a87;
  margin-top: 1rem;
  margin-bottom: 1rem;
  /* font-weight: 500; */
  /* text-align: justify ; */
  line-height: 1.2; 
}



.analytics-content  .analytics-icon{
  font-size: 1.75rem;
    /* background-color: rgb(247 206 228 / 27%); */
    /* padding: 0.4375rem 0.5625rem; */
    height:0.625rem;
    display: flex;
    align-items: center;
    color: #4b4748;
}
.analytics-content .analytics-service{
  display: flex;
  align-items: center ;
  /* flex-direction:column ; */
  gap: 1rem;
}
.analytics-service-content h6{
  font-size: 1rem;
  font-weight: 700;
  color: rgb(52, 58, 64);
  line-height: 0.25rem;
  margin-top: 3rem;
}
.analytics-service-content p{
  font-size: 0.875rem;
  font-weight: 400;
  color: #6c7a87;
  line-height: 0.3125rem;
}


.Offers  .topic {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 4rem;
  
}
.Offers .topic hr{
  width: 6%;
 height: 0%;
 border: 1px solid rgb(218, 221, 223);
 margin: 2rem 1rem; 
}

.Offers h1 {
 font-size: 2.5rem;
 font-weight: 600;
 line-height: 3rem;
 color: #212529;
 width: 65%;
}

.Offers .all-offers .offers-list .fa-solid {
  font-size: 1.4375rem;
  background-color: rgb(247 206 228 / 27%);
    padding: 0.625rem 0.6875rem;
    width: 3.125rem;
    height:3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f7afc0;
    border-radius: 22.5rem;
}



.Offers .all-offers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 5rem;
  /* grid-template-rows: repeat(2, 1fr); */
}
.Offers .all-offers .offers-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
.Offers .all-offers h6 {
 font-size: 1rem;
 font-weight: 700;
 color: #343a40;
 line-height: 1.5625rem;
}
.Offers .all-offers p {
 font-size: 0.875rem;
 font-weight: 400;
 margin-right: 1rem;
 color: #6c7a87;
 line-height: 1.3125rem;
}



.collaboration {
  display: flex;
  gap: 2rem;
  width: 100%;

  margin: 14rem 0;
  

}

.collaboration img{
  width: 50%;
}

.collaboration .collaboration-content{
  width: 50%;
  display: flex;
  flex-direction: column;
  /* gap: 2rem; */
  /* text-align: justify; */
}

.collaboration-content-topic{
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 4rem;
}
.collaboration .collaboration-content-topic hr{
  width: 6%;
 height: 0%;
 border: 1px solid rgb(218, 221, 223);
 margin: 2rem 1rem; 
}

.collaboration .collaboration-content h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  /* text-align: justify ; */
  line-height: 1.2; 
}
.collaboration .collaboration-content .pragraph-one {
  font-size: 1rem;
  color: #6c7a87;
  margin-top: 1rem;
  margin-bottom: 1rem;
  /* font-weight: 500; */
  /* text-align: justify ; */
  line-height: 1.2; 
}


/* 
.collaboration-content .collaboration{
  font-size: 100.75rem;
    height:0.625rem;
    display: flex;
    align-items: center;
    color: #4b4748;
} */
.collaboration-content .collaboration-service {
  display: flex;
  align-items: center;
  gap: 5rem;

}
.collaboration-content .collaboration-service ul li{ 
  display: flex;
  align-items: center ;
  /* flex-direction:column ; */
  gap: 1.5rem;
  padding: 1rem;
}

.collaboration-content .collaboration-service ul li .fa-regular{
  color: #69f0ae ;

}


.collaboration-content .collaboration-service ul li  p{
  font-size: 0.875rem;
  font-weight: 700;
  color: #6c7a87;
  line-height: 1.3125rem;
}

footer{
  background-color: #f8f9fa;
  padding: 2rem  0;
}

footer .concludes {
  display: flex;
  gap: 1rem;
  width: 100%;
  align-items: center;
 
}

footer .concludes .social-media {
  width: 30%;
  display: flex;
  flex-direction: column;
  
}
footer .concludes .social-icons {
 margin: 1.5rem;
 font-size: 1.5rem;
 color: #2761ec;
  
  
}

footer .concludes .operations {
  width: 70%;
  display: flex;
  gap: 7rem;
}


footer .concludes .operations .operation-part-one {

  display: flex;
  gap: 7rem;
}

footer .concludes .operations  p {
 font-size: 0.875rem;
 font-weight: 700;
 line-height: 1.3125rem;
 color:  rgb(108, 122, 135);
 margin-bottom: 1.3rem;
}
footer .concludes .operations ul li {
  list-style: none;
  padding: 0.5rem 0;
}
footer .concludes .operations ul li a {
 text-decoration: none;
 color: #000;
 font-size: 0.875rem;
 font-weight: 500;
 line-height: 1.3125rem;
}
footer .concludes .operations ul li a:hover {
  color: #2761ec;
 
}

.copy-right{
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}

 .copy-right  p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color:  rgb(108, 122, 135);
 
 }
 .copy-right  p span {
  color: #0056b3;
  font-weight: 700;
 }
@media (max-width: 768px) {
  .desktop-menue {
    display: none;
  }


  .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    position: fixed;
    top:0 ;
    width: 100%;
    z-index: 1111;


    background-color: #fff;
  }

   .hamburger i {
    background-color: #2761ec;
    padding: 5px 10px ;
    border-radius: 5px;
    color: white;
  }

  .hamburger {
    font-size: 2rem;
    cursor: pointer;
  }

  .mobile-menue {
    /* display: flex; */
    flex-direction: column;
    /* background-color: #fff; */
    transform: translateY(-100%);
    /* transform: translateY(0%); */
    transition: transform 350ms ease-in-out;
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 5;
    background-color: #fff;
  }

 

  .mobile-menue[data-visible="true"] {
    transform: translateY(0%);
  }
  .mobile-menue[data-visible="false"] {
    transform: translateY(0%);
    display: flex;
  } 

  .hamburger i[data-visible="false"] {
    display: none;
  }

  .hamburger i[data-visible="true"] {
    display: block;
  }

  .navigation .menues-link {
    display: flex;
    flex-direction: column;
    gap: 25px;
    text-align: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
    

  }

  .navigation .menues-link li  a{
   text-decoration: none;
    color: black;
  }

  .navigation .menues-link  .start{
    background-color: #2761ec;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 0 20px;
    list-style: none;

  }

  .navigation .menues-link  .start a {
    color: white;
  }

  
.hero-section .hero-content {
  margin: 2rem 0 ;
  max-width: 100%;
}
.hero-section .hero-content H1{
  font-size: 2rem;
 
}
.hero-section .hero-content p{
  padding: 0PX;
}

/* 
.hero-section img {
  max-width: 90%;
} */


.main {
  width: 100%;
  /* top: 100%; */
}


/* .features .feature-topic {
  flex-direction: column;
} */
.features .feature-topic hr{
  width: 10%;}


.features .feature-contect{
  flex-direction: column;
  gap: 15px;
  margin: 0 25px;
  
}

.features .feature-contect h1 {
  width: 100%;
}

.features .feature-contect p{
  padding: 0;
  width: 100%;
}

.services{
  flex-direction: column;
  gap: 1rem;
  /* margin: 40px 10px; */
  padding: 0 5px;
  width: 100%;
}

.services .feature-service{
  
  width: 97%;

}


.feature-service .service-icon  {

 font-size: 20px;
 color: #f7afc0;
}
.feature-service .second-service-icon{
font-size: 20px;
padding: 0.4375rem 0.5625rem;
width: 5.625rem;
height:5.625rem;
display: flex;
align-items: center;
justify-content: center;
color: #2761ec;
border-radius: 22.5rem;

}

.analytics {
flex-direction: column;
justify-content: center;



}

.analytics img{
  width: 90%;
}

.analytics .analytics-content{
  width: 90%;
  /* margin-left: 1rem; */
  padding-left: 1rem;
  


}
.Offers {
  margin: 0;
  width: 100%;
}

.Offers h1 {
  width: 95%;
  font-size: 2rem;
  padding-left: 1rem;
  

 }

 .Offers .all-offers{
 grid-template-columns: 1fr;
 
padding-left: 2rem;
 }

 
.collaboration {
  flex-direction: column;
  

}

  
  .collaboration img{
    width: 90%;
  }


  .collaboration .collaboration-content {
   flex-direction: column;
   width: 90%;
   }
  .collaboration-content .collaboration-service{
    flex-direction: column;
    gap: 0rem;
    align-items: flex-start;
  }

  
footer .concludes {
flex-direction: column;
/* align-items: center; */
 
}
  
footer .concludes .social-media {
width: 100%;
margin-left: 3rem;

 
}
footer .concludes .operations {
  flex-direction: column;
  gap: 3rem;
  width: 100%;
 
}

footer .concludes .operations .operation-part-one {
  gap: 4rem;
  margin-left: 2rem;
}

.copy-right{
  flex-direction: column;
  align-items: center;
}
 
}