.space-4 {
  padding: 40px 0 !important;
}

.space-top-4 {
  padding-top: 40px !important;
}

.space-bottom-4 {
  padding-bottom: 40px !important;
}
.h-\[800px\] {
  height: 800px !important;
}
.h-\[645px\] {
  height: 645px !important;
}
.h-\[400px\] {
  height: 400px !important;
}
.h-\[200px\] {
  height: 200px !important;
}
.h-\[165px\] {
  height: 165px !important;
}
.pb-\[90px\] {
  padding-bottom: 90px;
}
.pt-\[90px\] {
  padding-bottom: 90px;
}
.mt-\[60px\] {
  padding-top: 60px;
}
.pt-\[60px\] {
  padding-top: 60px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.max-w-\[600px\] {
  max-width: 600px !important;
}
.right-\[40\%\] {
  right: 20%;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.w-\[270px\] {
  width: 270px;
}
.bg-\[\#3757f7\] {
  background-color: #3757f7 !important;
}
.section-wrap {
  position: relative;
  z-index: 10;
  padding-top: 60px;
  padding-bottom: 60px;
}
.max-w-\[400px\] {
  max-width: 400px !important;
}
.theme-btn2 {
  background: #3757f7;
  background: linear-gradient(to left, #3757f7, #071e93);
  color: #fff;
  display: inline-block;
  font-weight: 500;
  padding: 15px 45px;
  border: 0;
  border-radius: 6px;
  text-transform: capitalize;
  -webkit-backface-visibility: hidden;
  z-index: 1;
  position: relative;
  font-family: "Futura PT";
  font-size: 20px;
  font-size: 1.3333333333rem;
  border: 0.1px solid white;
}
.contact-div {
  width: 317px;
  height: 377px;
}
.pr-\[45px\] {
  padding-right: 45px;
}
.pr-\[35px\] {
  padding-right: 35px;
}
.pt-\[0px\] {
  padding-top: 0px;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.max-w-\[675px\] {
  max-width: 675px;
}
.max-w-\[600px\] {
  max-width: 600px !important;
}

@media (min-width: 1400px) {
  .custom-padding {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media (min-width: 1400px) and (max-width: 1472px) {
  .custom-padding {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .custom-padding {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 991px) {
  .section-wrap {
    position: relative;
    z-index: 10;
    padding-top: 45px;
    padding-bottom: 20px;
  }
  .py-\[60px\] {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .space-4 {
    padding: 20px 0 !important;
  }

  .space-top-4 {
    padding-top: 20px !important;
  }

  .space-bottom-4 {
    padding-bottom: 20px !important;
  }

  .h-\[645px\] {
    height: 400px !important;
  }
  .dl-menuwrapper:first-child {
    margin-right: -88px;
  }
  .pt-\[60px\] {
    padding-top: 30px;
  }
  .pb-\[60px\] {
    padding-bottom: 30px;
  }
  .pt-\[40px\] {
    padding-top: 30px;
  }
  .pb-\[40px\] {
    padding-bottom: 30px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .md\:mt-\[60px\] {
    margin-top: 30px;
}
}

@media (min-width: 767px) {
  .uae-h2 {
    margin-bottom: 46px !important;
  }
}
@media (max-width: 767px) {
 .blog-div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }
 .pr-\[45px\] {
  padding-right: 0px;
}
}
@media (min-width: 991px) and (max-width: 1123px) {
  .uae-h2 {
    margin-bottom: 17px !important;
  }
}
@media (min-width: 991px) and (max-width: 1045px) {
  .contact-div {
    width: 317px;
    height: 404px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .blog-div {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  .mt-\[65px\] {
    margin-top: 0px;
  }
  .blog-div .testinomial-div {
    min-width: 317px;
    min-height: 515px;
    margin-right: 66px;
    margin-left: 40px;
  }
  .blog-div .contact-div {
    min-width: 280px;
    min-height: 515px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }


}
@media (max-width: 549px) {
  .dl-menuwrapper:first-child {
    margin-right: 7px;
  }
}

.custom-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem; /* equivalent to gap-4 (adjust as needed) */
}

@media (min-width: 568px) {
  .custom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .custom-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .custom-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .company-div {
    margin-left: 34px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .company-div,
  .partnerships-div {
    margin-left: 74px;
  }
}

@media (min-width: 568px) and (max-width: 991px) {
  .company-div,
  .legal-and-compliance-div,
  .community-and-engagement-div {
    margin-left: 74px;
  }
}
.custom-grid2 {
  display: grid;
  grid-template-columns: 1fr; /* Default to 1 column */
  gap: 20px;
  padding: 20px;
  background-color: transparent;
  border-radius: 10px;
}

.grid-item {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  color: #212529;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive grid for larger screens */
@media (min-width: 768px) {
  .custom-grid2 {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on medium and up */
  }
}
.w-full {
  width: 100%;
}
.subscribe-button{
  width: 50%;
}
.bg-\[\#f4f6fa\] {
  background-color: #f4f6fa;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.h-\[50px\] {
  height: 50px;
}

.text-\[\#212529\] {
  color: #212529;
}

.pl-\[20px\] {
  padding-left: 20px;
}

.focus\:outline-none:focus {
  outline: none;
}

.mt-\[20px\] {
  margin-top: 20px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 4px;
}
.subscribe-gap-5 {
  gap: 5px;
}