// : Use a unique and descriptive class name
// : Use a value from 200 to 1000

.cairo- {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: ;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

h1,h2,h3,h4,div,span,ul,li,a,p{  font-family: "Cairo", sans-serif !important;}

.project__thumb-two img{
 object-fit:contain!important 
   border-radius: 15px;
      height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.project__area-two { 
  padding: 20px 0 90px;
}
.services__bg-seven {
    padding: 30px 0 90px;
}

@media (max-width: 991.98px) {
    .tg-header__area {
        padding: 0px 0;
    }
}
@media (max-width: 767.98px) {
    .about__bg-two {
        padding: 10px 0;
    }
}
.about-bottom-two {
    border-top: 0px solid var(--tg-border-4);
    padding-top: 0px;
}
.services__bg-seven {
    padding: 5px 0 0px;
}
.project__item-two {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 767.98px) {
    .contact__area {
        padding: 1px 0;
    }
}
@media (max-width: 767.98px) {
    .services__bg-three {
        padding: 5px 0 5px;
    }
}
@media (max-width: 767.98px) {
    .project__area-two {
        padding: 0px 0 0px;
    }
}
.mb-50 {
    margin-bottom: 15px;
}
@media (max-width: 767.98px) {
    .about__area-eight {
        padding: 5 0 5px;
    }
}
@media (max-width: 991.98px) {
    .about__img-wrap-three {
        margin-bottom : 5px;
    }
}
@media (max-width: 767.98px) {
    .services__area-two {
        padding: 5px 0 5px;
    }
}
.section-title .sub-title {
    /* color: var(--tg-theme-primary); */
    display: block;
    font-size: 15px;
    font-weight: 600;
    /* line-height: normal; */
    margin-bottom: 0px;
    text-transform: uppercase;
}
@media (max-width: 767.98px) {
    .banner-bg
 {
        min-height: 600px;
        padding: 0px 0 0px;
    }
}
@media screen and (max-width: 991px) {
    .shortcode-hero-banner {
        background-position: 50% 50%;
        position: relative;
    }
}
.sticky-menu {
    animation: fadeInDown 1s ease-in-out 0s 1 normal none running;
    background: #151c5b;
    border-radius: 0;
    box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.tgmenu__navbar-wrap>ul>li a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 42px 0;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}
.tg-header__area-five {
    background: hsl(234deg 62.5% 21.96%);
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 767.98px) {
    .services__details-area {
        padding: 5px 0;
    }
}
.mb-40 {
    margin-bottom: 0px;
}
@media (max-width: 767.98px) {
    .choose-area {
        padding: 5px 0;
    }
}
.truncate-3-custom {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    overflow: hidden;
}
.services__item-two {
    background: var(--tg-heading-color);
    border: 2px solid #282b7c;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 35px;
}
element.style {
   --breadcrumb-bg-color: #151c5b;
    --breadcrumb-txt-color: #fff;
    --breadcrumb-height: 1px;
    /* background-image: url(https://stg.new.thetailors.tech/storage/./about-us-3.webp); */
}
@media (max-width: 991.98px) {
    .breadcrumb__bg {
        padding: 50px 0 50px;
    }
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: var(--tg-heading-font-family);
    font-weight: var(--tg-fw-bold);
    line-height: var(--tg-heading-line-height);
    margin-top: 0;
    text-transform: unset;
}
.breadcrumb__content .breadcrumb-item a {
    color: #ffffff;
}
.project__thumb-two img {
    object-fit: contain !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150%;
}
.breadcrumb__content .title {
    font-size: 30px;
    margin-bottom: 0px;
}
@media (max-width: 767.98px) {
    .project__details-area {
        padding: 20px 0;
    }
}
.services__details-inner-content .title {
    font-size: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.project__details-thumb {
    height: 100%;
    padding-bottom: 5px;
}
@media (max-width: 767.98px) {
    .project__details-content>.title {
        font-size: 0px;
      margin-bottom: 0px;
    }
}
.services__details-list-box{
      margin-bottom: 5px;
}
.project__details-thumb img {
      min-height: 200px;
}
.project__details-info {
    margin-bottom: 5px;
}
.btn {
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
    .shortcode-hero-banner {
        background-position: 50% 0%;
        position: relative;
  }
}
  @media (max-width: 767.98px) {
    .banner-bg {
        min-height: 300px;
    }
}
[data-aos^=fade][data-aos^=fade] {
    opacity: inherit;
    transition-property: opacity, transform;
}
.btn {
    margin-top: 0px;
}