body {
  margin: 0;
  padding: 0;
  font-family: "Oswald", sans-serif !important;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}
.translt{
  width: 100%;
  position: absolute;
  z-index: 999999;
  right: 0;
  text-align: right !important;
}

.p-font {
  font-family: "Noto Sans", sans-serif;
}

/* ..///////////Header menu////////////////... */

.top1 img {
  padding: 2px;
  margin-top: 4px;
  width: 60%;
  object-fit: cover;

}

.top1 {
  padding: 0px 20px;
  height: 87px;
  background-color: #ffffffd9;
  position: absolute;
  width: 100%;
  z-index: 99;
}


.menu1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-top: 33px;
}

.menu1 a {
  text-decoration: none;
  color: #202020;
  padding: 10px 10px;
  font-weight: 600;
}

.menu1 span {
  color: #202020;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}

.toggle{
  display: none;
}
.toggle img{
  float: right;
  width: 32px;
  margin-top: -30px;
}
.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  margin-top: 23px;
}

.menu li {
  position: relative;
}

.menu a {
  text-decoration: none;
  color: #202020;
  padding: 10px 14px;
  display: block;
  font-weight: 600;
  font-size: 16px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #393939fb;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 10px 0;
  margin: 0;
  display: none;
  z-index: 10;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu .dropdown-item {
  padding: 10px 20px;
  white-space: nowrap;
  text-decoration: none;
  color: #848484;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa;
}




/* ...//////////////////////////end */



/* ...........///////////Slider banner////////////................. */


.overlay-text h4 {
  margin-top: 15px;
}


.main-slider img {
  height: 600px;
  object-fit: cover;
}

.carousel-control i {
  font-size: 30px;
  background-color: #000;
  height: 60px;
  line-height: 50px;
  padding: 6px;

}

.carousel-dark .carousel-caption {
  color: #ffffff;
  text-align: left;
  top: 25%;
  font-size: 55px;
  font-weight: bold;
  padding-right: 200px;
}

.carousel-dark .carousel-caption h5 {
  font-size: 25px;
  margin: 0px;
}

.carousel-dark .carousel-caption p {
  line-height: 55px;
}

.carousel-caption {
  position: absolute !important;
}

.carousel-item {
  position: relative;
}

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

.carousel-caption {
  position: relative;
  z-index: 2;
}

.btns {
  display: flex;
}

.btns .btns-1 a {
  font-size: 17px;
  background-color: #002071;
  color: #ffffff;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 30px;

}

.btns .btns-2 a {
  font-size: 17px;
  background-color: #002071;
  color: #ffffff;
  font-weight: 600;
  margin-left: 25px;
  padding: 8px 20px;
  border-radius: 30px;
}


.overlay-text {
  justify-content: space-around;
  position: relative;
  display: flex;
  background: #ffffff;
  padding: 20px;
  width: 90%;
  margin-top: -70px;
  z-index: 999;
  border-radius: 5px;
  box-shadow: 2px 3px 2px #bcbcbcc4;
}

.overl-1 img {
  background-color: rgb(74, 155, 254);
  padding: 4px;
  border-radius: 5px;
  width: 100%;
}

.overl-2 img {
  background-color: rgb(0, 0, 0);
  padding: 4px;
  border-radius: 5px;
  width: 100%;
}

.overlay-text span {
  color: #b0b0b057;
  line-height: 49px;
  font-size: 77px;
  font-weight: 100;
}



/* abt-company section */

.abt-txt h6 {
  color: #444444 !important;
  margin-bottom: 0px;
}

.hdicon-2 {
  margin-left: -9px;
}

.abt-txt h2 {
  color: #002071;
  font-weight: bold;
  font-size: 37px;
  margin-bottom: 12px;
}

.content-section {
  padding: 50px 0;
}

.highlight-box {
  background: #fff;
  padding: 18px 33px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: absolute;
  left: 26%;
  right: 60%;
  margin-top: -188px;
}

.highlight-box h3 {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
}

.highlight-box p {
  margin: 0;
  color: #666;
}

.btn-yellow {
  background-color: #00147b;
  color: #ffffff;
  font-weight: 600;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  padding: 8px 17px;
  line-height: 20px;
}



.abt-img1 img {
  height: 400px;
  object-fit: cover;
}

.abt-txt {
  padding-left: 40px;
}

.abt-img2 img {
  height: 250px;
  object-fit: cover;
  position: relative;
}






/* Slider Container  for card slider*/
.slider-container-heading {
  height: 370px;
  background-color: #06013a;
  padding: 30px;
  position: relative;
  margin-bottom: 300px;
}

.hd-1 {
  text-align: center;
  font-size: 37px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}

.hd-1-sub {
  font-size: 22px;
  color: #a6a6a6;
  text-align: center;
}

.main-slider-container {
  position: absolute;
  margin-top: -33%;
}



.slider-container {

  width: 90%;
  margin: 50px auto;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}

.slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  gap: 20px;
  padding: 0 10px;
}

.slider-card {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}

.slider-card h3 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 12px;
  color: #333;
  margin-bottom: 10px;
  text-align: left;
}

.slider-card p {
  font-size: 14px;
  color: #666;
  text-align: left;
}

.slider-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease-in-out;
}

.slider-card:hover img {
  transform: scale(1.1);
  filter: brightness(70%);
}

.slider-card .hover-text {
  position: absolute;
  top: 80%;
  left: -100%;
  transform: translateY(-50%);
  color: #fff;
  background-color: #ffffff;
  padding: 10px 20px;
  padding-left: 8px;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.slider-card:hover .hover-text {
  left: 0;
  /* Attach to the left side of the card */
  opacity: 1;
  /* Make visible */
}

.arrow {
  position: absolute;
  top: 15%;
  transform: translateY(-50%);
  font-size: 35px;
  /* background-color: rgba(0, 0, 0, 0.5); */
  color: #050505;
  padding: 3px 6px;
  border-radius: 19%;
  cursor: pointer;
  z-index: 1000;
  background: #fff;
  display: none;
}

.arrow.left {
  left: 93%;
}

.arrow.right {
  right: 10px;
}




.slide-txt {
  background-color: #ffffff;
  position: absolute;
  width: 21%;
  /* z-index: 9999; */
  margin-top: -100px;
  transition: 0.3s ease-in-out;
}

.slider-card img {
  position: relative;
  height: 360px;
  object-fit: cover;
}

.abt-main {
  background: url(../images/tex-3.jpg) repeat;
  margin-bottom: 40px;
}





.card-slider {
  position: relative;
  overflow: hidden;
}

.carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.card-new111 {
  min-width: 300px; /* Adjust based on your design */
  margin: 0 10px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
}





/* .......////////our activities......//////////// */
/* .our-activ {
  background: url(../images/dominik-vanyi-F1B0-iuAxO4-unsplash.jpg);
  background-attachment: fixed;
  background-size: cover;
  padding: 40px;

}


.actv-img1 img {
  width: 100%;
  height: 681px;
  object-fit: cover;
}

.actv-desc {
  background: rgb(0, 37, 96);
  background: linear-gradient(25deg, rgba(0, 37, 96, 0.9920343137254902) 32%, rgba(2, 108, 145, 0.9864320728291317) 66%);
  padding: 25px;
}

.actv-desc ul {
  margin: 0;
}

.actv-desc ul li {
  color: #fff;
  font-weight: 600;
  margin-bottom: 3px;
}

.actv-desc ul li i {
  margin-bottom: 12px;
  margin-right: 6px;
}

.actv-desc h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
} */

.why-choose-us {
  background-color: #f9f9f9;
}

.content .triangle {
  width: 30px;
  height: 30px;
  background-color: #ffc107;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  margin-top: 20px;
}

.features-list .feature {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 5px;
}

.features-list .feature h5 {
  line-height: 17px;
  margin-top: 6px;
  font-weight: 550;
  font-family: "PT Sans Narrow", sans-serif;

}

.features-list .feature1 h5 {
  line-height: 17px;
  margin-top: 6px;
  font-weight: 550;
  font-family: "PT Sans Narrow", sans-serif;

}

.features-list .feature:last-child {
  border-bottom: none;
}

.features-list .feature1 {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 5px;
}

.icon-box {
  margin-top: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.icon-box i {
  font-size: 20px;
}

.activities-img11 img {
  height: 480px;
  object-fit: cover;
  width: 100%;
  box-shadow: 10px -10px 0px #0e0e0e;
}

.why-choose-us h5 {
  font-size: 14px;
  text-align: left;
}

.why-choose-us {
  background-color: #ededed;
  background-size: cover;
  margin-top: -300px;
  padding-top: 210px;
  padding-bottom: 40px;
}

.why-choose-us h2 {
  color: #002071;
  font-size: 37px;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}

.why-choose-us i {
  width: 20px;
  color: #f86a11;
}

.activities-img11 {
  padding: 20px;
}

.ml {
  margin-right: 1rem;
}



/* ...........////////////our service section...........//////////// */
.Our-service h2 {
  color: #002071;
  font-size: 37px;
  font-weight: bold;
}

.Our-service .card {
  height: 310px;
}

.Our-service .card-title {
  font-size: 19px !important;
}

.Our-service .carousel-item {
  padding: 10px !important;
}

.service-card {
  border: none;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  transition: transform 0.3s, background-color 0.3s;
  height: 230px;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 20px rgba(216, 216, 216, 0.048);
  background: rgba(189, 189, 189, 0.918) !important;
}

.service-icon {
  font-size: 65px;
  color: #002bb9;
  margin-bottom: 10px;
  transition: color 0.3s;
}

.service-card:hover .service-icon {
  color: white;
}

.service-title {
  font-weight: bold;
  margin-top: 10px;
}

.service-highlight {
  background-color: #ff6600;
  color: white;
}

.read-more {
  color: #454545;
  text-decoration: none;
  font-weight: bold;
}

.read-more:hover {
  color: #fff;
}





/* ............///////////////connect////////////........... */
.connect {
  margin-top: 20px;
  background: url(../images/abt-8.jpg) repeat rgb(117 117 117 / 66%);
  background-blend-mode: multiply;
  background-size: cover;
  background-attachment: fixed;
  height: 400px;
  padding: 30px;

}

.connect h3 {
  text-align: center;
  margin-top: 50px;
  color: #ffff;
  font-size: 54px;

}

.connect h6 {
  text-align: center;
  color: #a6a6a6;
}

.conn-btn {
  text-align: center;
  margin-top: 25px;
}

/* .conn-btn a{
  background-color: #002071;
  color: #fff;
  font-weight: 550;
  padding: 8px 25px;
  border-radius: 30px;
} */

/* .......///////footer section///////./.... */

.footer {
  padding: 40px 0;
  padding-bottom: 5px;
  background: #000e41;
}

.footer-logo {
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.footer-logo img {
  margin-right: 10px;
  width: 45%;
}

.newsletter-input {
  max-width: 400px;
  margin-bottom: 20px;
}

.newsletter-input input {
  border-radius: 0;
}

.newsletter-input button {
  background-color: #0006af;
  border: none;
  border-radius: 0;
  color: #ffffff;
}

.footer-title {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 28px;
}

.footer-links a {
  color: #ccc;
  text-decoration: none;
  display: block;
  margin-bottom: 17px;
}
.footer-links{
  margin-left: 5px;
  margin-top: 25px;
}

.footer-links a:hover {
  color: #003ec3;
}

.lts-updt img{
  padding: 5px;
  width: 100%;
  height: 75px;
  object-fit: cover;

}
.lts-updt h4{
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}


.clr-wht {
  color: #fff;
  font-weight: 550;
}

.copy {
  height: 40px;
  background-color: #000000;
  padding: 10px;

}

.copy h6 {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
}



/* ...................///////////////////btns///////////////////................. */



.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 30px;
  background-color: #002071;
  color: #fff;
  font-weight: 550;
  padding: 8px 25px;
  overflow: hidden;
}

.hvr-sweep-to-right:before {
  border-radius: 30px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f86a11;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.feature,
.feature1,
.activities-img11 {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.4s ease;
}

.visible {
  opacity: 1;
  transform: translateY(0);
}




/* ............//////////////About Us Page////////////////////................... */

.banner-poster img {
  width: 100%;
  height: 500px;
}

.banner-poster {
  margin-bottom: 40px;
}



.about-us {
  padding: 50px 0;

  margin-bottom: 40px;
}

.about-us h2 {
  color: #002071;
  font-weight: bold;
  font-size: 37px;
}

.about-us h4 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 0px;
  color: #444444;
  font-weight: 500;
}

.about-us p {
  color: #666;
  font-size: 14px;
  margin-bottom: 0px;
}

.about-us .expert-icon {
  color: #001081;
  font-size: 24px;
}

.about-us .expert-text {
  font-weight: bold;
}

.about-us .btn-custom {
  background-color: #0006af;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  transition: 0.3s;
}

.about-us .phone {
  font-size: 18px;
  font-weight: bold;
  color: #212529;
}

.about-img2 {
  margin-top: -14%;
  width: 26%;
  position: absolute;
  left: 20%;
  right: 55%;
  transition: all 0.5s ease;
  height: 280px;
  object-fit: cover;

}

.about-img1 {
  width: 75%;
  position: relative;
  transition: all 0.5s ease;
}

.about-img1:hover {
  z-index: 9999;
  box-shadow: -9px -9px 2px #001043;
}

.about-img2:hover {
  z-index: 9999;
  box-shadow: 9px 9px 2px #001043;
}

.m-right {
  margin-right: 14px;
}

.cp-tl {
  text-transform: capitalize;
}


/* ....////////////////////////////////////// */
.misn-vsn {
  margin-top: 60px;
  padding: 40px 130px;
  background: url(../images/saudi-city.jpg) repeat rgba(1, 0, 39, 0.7);
  background-blend-mode: multiply;
  background-size: cover;
  background-attachment: fixed;

}

.misn-vsn1 h3 {
  text-align: center;
  margin-top: 90px;
  color: #fff;
  font-weight: bold;
}

.misn-vsn1 p {
  text-align: center;
  color: #fff;
  font-weight: 550;
}

.msn-1 {
  background: url(../images/s2.jpg) repeat;
  background-size: cover;
  height: 300px;
}

.msn-2 {
  background: url(../images/s8.jpg) repeat;
  background-size: cover;
  height: 300px;
}

.bg-bl {
  background-color: #020034;
}





/* ..............///////////////contact us page/////////////////................. */

/* Style for the card */
.custom-card {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 10px;
  transition: border-color 0.3s ease;
  cursor: pointer;
}

.custom-card .card-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 170px;
  text-align: center;
}

.custom-card .icon {
  font-size: 37px;
  color: #333333;
  transition: color 0.3s ease;
}

.custom-card .card-title {
  margin-top: 10px;
  font-size: 1.1rem;
  color: #333333;
  transition: color 0.3s ease;
}


.custom-card::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #0111a0fb, #00336df2);
  z-index: 0;
  transition: top 0.5s ease;
}

.custom-card:hover::before {
  top: 0;
}

.custom-card:hover .icon,
.custom-card:hover .card-title {
  color: #ffffff;
  /* Change text and icon color to white on hover */
}

.custom-card:hover .icon {
  background-color: #03196d;
  border-radius: 70px;
  padding: 15px;
}

.cont-us h1 {
  color: #002071;
  font-size: 37px;
  margin-bottom: 40px;
  font-weight: bold;
  text-align: center;
}

.cont-us {
  margin-bottom: -125px;
  position: relative;
}


.contact-card {
  display: flex;
  height: 600px;
  background: url(../images/texture2.png) repeat;
  background-size: cover;
  padding: 0px;
  margin-top: 95px;
}

.contact-info {
  background: url('../images/abt-12.jpg') no-repeat center center;
  background-size: cover;
  color: white;
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-form {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-info h2,
.contact-info p {
  margin: 0;
  padding: 10px 0;
}

.contact-form h2 {
  color: #002071 !important;
}

.form-control,
.btn {
  margin-bottom: 10px;
}

.regst {
  background-color: #2b2b2b;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px 250px;
}

.cont-btn {
  border: none;
  padding: 5px 20px !important;
  background-color: #002071;
  color: #fff;
  font-weight: 550;
  border-radius: 5px;
}







.our-servc .card-title {
  color:#f86a11 ;
  font-size: 1.25rem;
  font-weight: bold;
}

.our-servc .card-text {
  text-align: right;
  font-size: 1rem;
}

.our-servc .card img {
  height: 200px;
  object-fit: cover;
}
.our-servc h1{
  color: #002071;
  font-size: 37px;
  margin-bottom: 40px;
  font-weight: bold;
  text-align: center;
}
.our-servc .card{
  height: 380px;
}
.our-servc .card:hover{
  box-shadow: 0 0 15px #ddd;
}
.our-servc{
  margin-bottom: 40px;
}


/* ..............//////////////gallery page///////////////............ */
.gallery1 img{
  object-fit: cover;
  width: 100%;
  height: 300px;
}
.gallery h1{
  color: #002071;
  font-size: 37px;
  margin-bottom: 40px;
  font-weight: bold;
  text-align: center;
}
.gallery{
  margin-bottom: 40px;
}






/* ............//////////////////projects page////////////................... */

.projects{
  margin-top: 40px;
  margin-bottom: 40px;
}
.projects h1{
  color: #002071;
  font-size: 37px;
  margin-bottom: 40px;
  font-weight: bold;
  text-align: center;
}

.prjct{
  box-shadow: 0 0 10px #f8f8f8;
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 15px;
  transition: 0.3s ease-in-out;
  font-weight: 550;
}

.projects .prjct:nth-child(even){
  background-color: #67a9ff75;
}
.projects .prjct:nth-child(even):hover{
  box-shadow: 0 0 8px #71cbff;
}
.projects .prjct:nth-child(odd){
  background-color: #ff9e7175;
}
.projects .prjct:nth-child(odd):hover{
  box-shadow: 0 0 8px #ffb171;
}

.amnt{
  text-align: center;
}
.fnt-big{
  font-size: 22px;
  font-weight: bold;
}


/* ////////////////////Team Section/////////////////// */


.team-card {
  border: none;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
  position: relative;
}

.team-card:hover {
  transform: translateY(-5px);
}

.team-card img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}

.card-body {
  text-align: center;
  padding: 15px;
}

.card-body h5 {
  font-size: 1.25rem;
  color: #1d1d1d;
  margin-bottom: 5px;
}

.card-body p {
  color: #6c757d;
  margin-bottom: 0;
}

.social-icons {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.social-icons a {
  display: block;
  margin: 5px 0;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.social-icons a:hover {
  background-color: #0056b3;
}

.team-card:hover .social-icons {
  opacity: 1;
}

.Team-memb {
  margin-bottom: 50px;
}
.Team-memb h2{
  color: #002071;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
}
.Team-memb h6{
  margin-bottom: 0px;
  color: #6e6e6e;
}




/* //////////////////////////quality and safety//////////////////////////////// */
.Qly-sfty{
  margin-bottom: 50px;
}

.Qly-sfty h1{
  color: #002071;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.Qly-sfty h2{
  color: #002071;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.tx-al-cnt{
  text-align: center;
}
/* ...................//////////////////////resposive for mobile///////////////////................. */

.toggle-menu{
  display: none;
}















@media (max-width: 767.98px) {
 .menu{
  display: none;
 }
 .menu1{
  display: none;
 }
 .top1{
  padding: 0px;
 }
 .top1 img{
  width: 52%;
 }
 .carousel-dark .carousel-caption{
  padding: 0px;
 }
 .carousel-dark .carousel-caption {
  font-size: 36px;
 }
 .main-slider img{
  height: 460px;
 }
 .overlay-text{
  display: none;
 }
 .carousel-dark .carousel-caption h5{
  margin-top: 50px;
  font-size: 22px;
 }
 .content-section {
  padding: 25px 20px;
}
.abt-img2{
  margin-top: 20px;
}
.highlight-box {
  left: 61%;
  margin-top: -152px;
  width: 118px;
}
.abt-txt h6{
  margin-top: 20px;
}
.main-slider-container{
  margin-top: -120%;
}
.slider-card{
  flex: 0 0 90%;
  max-width: 100%;
}
.slider-card img{
  height: 300px;
}
.service-card{
  margin-bottom: 20px;
  height: 240px;
}
.Our-service{
  height: 620px;
}
.connect {
  padding: 0px;
  height: 375px;
}
.connect h3 {
  margin-top: 40px;
  font-size: 35px;
}
.hvr-sweep-to-right{
  font-size: 15px;
}
.connect h6 {
  color: #ffffff;
}
.features-list{
  padding: 20px;
}

.form-control {
  padding: 2px;
}
.top1 img {
  margin-top: 15px;
}

.slider-wrapper {
  gap: 10px; 
}

.slider-card {
  min-width: 100%;
}

.hover-text {
  font-size: 14px;
  bottom: 5%; 
}

.arrow {
  font-size: 18px; 
  padding: 8px;
  display: block;
}
.arrow.left {
  left: 81%;
}

.toggle{
  position: absolute;
  display: block;
  right: 10px;
  margin-top: -38px;
}
.toggle button{
  margin-top: -5px;
  border: 1px solid #bbbdc2;
  padding: 0px;
}
.toggle img{
  width: 36px;
  margin-top: 0px;
}
.t-menu li a{
  color: #000;
  font-weight: 550;
}
.t-menu li{
  padding: 5px;
}
.toggle-menu{
  display: block;
}

#mobileMenu{
  position: absolute;
  z-index: 999;
  background-color: #ffffffed;
  right: 5%;
  width: 180px;
  top: 1%;
}
#mobileMenu li{
  padding: 5px;
}
#mobileMenu li a{
  font-size: 20px;
}

.banner-poster img {
  height: 320px;
}
.banner-poster img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.about-us {
  padding: 10px 0;
}
.about-img2 {
  margin-top: -38%;
  width: 48%;
  left: 37%;
  right: 55%;
  height: 4%;
}
.about-img1 {
  width: 62%;
  margin-left: 24px;
}
.about-us h4{
  margin-top: 45px;
}
.about-us .hvr-sweep-to-right {
  font-size: 12px
}
.misn-vsn {
  padding: 40px 20px;
}
.misn-vsn1 h3{
  margin-top: 60px;
}
.regst {
  padding: 40px 13px;
}
.contact-form {
  padding: 10px;
}

.slider-container {
  margin-top: -115px;
}
.why-choose-us{
  padding-top: 160px;
  padding-bottom: 0px;
}
.service-title{
font-size: 18px !important;
}
.service-icon {
  font-size: 45px;
}
.conn-btn{
  margin-top: 17px;
}
.activities-img11 {
  opacity: 1.0;
}
.t-cntr{
  text-align: center;
}
.lts-updt h4{
  text-align: center;
}


.why-choose-us h2 {
  color: #002071;
  font-size: 34px;
  margin-bottom: 0px;

}
.hd-1{
  font-size: 34px;
}
.abt-txt h2 {
  font-size: 34px;
}
.hd-1-sub{
  font-size: 18px;
}
.about-us h2{
  font-size: 34px;
}
.about-us .phone {
  font-size: 10px;
}
.misn-vsn {
  margin-top: 25px;
}
.contact-card {
  height: 515px;
}
.cont-btn {
  font-size: 12px;
  padding: 3px 14px !important;
}
.cont-us h1{
  font-size: 34px;
}
.projects h1{
  font-size: 34px;
}
.gallery h1{
  font-size: 34px;
}
.our-servc h1{
  font-size: 34px;
}
.our-servc .container{
  margin-top: 10px !important;
}
.abt-txt{
  padding-left: 15px;
}
}

.cont-us a{
  text-decoration: none;
}